MobileBlur

styles.css at [f6c84eb8e3]
Login

styles.css at [f6c84eb8e3]

File applications/admin/static/css/styles.css artifact 4a1e9c06c6 part of check-in f6c84eb8e3


/**
* cSans v0.6.3
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. RESET */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,
del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,textarea,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
}
textarea,select,input { font-size:1em; }
html,body { height:100%; }
body {
	font-family:Arial,Helvetica,"Liberation Sans",Sans,sans-serif;
	font-size: 12pt;
	line-height:1.25em;
	text-align:center;
	background:#fff;
	color:#000;
}
.page,.expanded-page { text-align:left; }

/* 2. DEBUG: Show borders to stress an element */
.omg-red,.omg-yellow,.omg-blue,.omg-green,.omg-black,.omg-white {
	border-top:dotted 3px;
	border-bottom:dotted 3px;
}
.omg-red { border-color:red; }
.omg-yellow { border-color:yellow; }
.omg-blue { border-color:blue; }
.omg-green { border-color:green; }
.omg-black { border-color:black; }
.omg-white { border-color:white; }

/* 3. BASIC STYLES */
/* 3.1. Titles */
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	line-height:1em;
	margin:1em 0 0.5em 0;
}
h1 { font-size:2em; }
h2 { font-size:1.75em; }
h3 { font-size:1.5em; }
h4 { font-size:1.125em; }
h5 { font-size:1em; }
h6 { font-size:1em; font-weight:normal; }

/* 3.2. Lists */
ul,dd { margin-left:1em; }
ol { list-style-type:decimal; margin-left:1.5em; }
dl dt { font-weight:bold; }

/* 3.3. Tables */
table { border-collapse:collapse; border-spacing:0; }
caption,th { font-weight:bold; }
th,td { text-align:left; padding:0; border:1px solid #ccc; }
tfoot { font-style:italic; }

/* 3.4. Images */
a img { border:none; }
img.right { margin-left:1em; }
img.left { margin-right:1em; }

/* 3.5. Forms */
fieldset { border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input { margin:0; }
input.text,input.password { overflow-y:visible; }
textarea { width:400px; height:100px; border:1px solid #ccc; overflow-y: auto; }
select { margin:0; font-size:1em; }
input,textarea,select { font-family:Arial,sans-serif; font-size: 1em; }

/* 3.6. Monospace elements */
pre,code,tt { font-family:"Courier New", Courier, monospace; line-height:1.5; }
pre,code { white-space:pre; }
tt { display:block; line-height:1.5; }

/* 3.7. Block elements */
p,form,table,address,blockquote,pre,code,tt,ul,ol,dl { margin-bottom:1em; }

/* 3.8. Inline elements */
em,dfn { font-style:italic; }

/* 3.9. HR element */
hr {
	background:none;
	visibility:hidden;
	clear:both;
	float:none;
	width:100%;
	height:1px;
	border:none;
	margin:-1px 0;
}

/* 3.10. Flash objects */
object { outline:none; }

/* 4. UTILS */
/* 4.1. Images with link and without link must overwrite background, width and height properties in your css */
.image a,.image li,.image {
	background-repeat:no-repeat;
	background-color:transparent;
	margin:0;
	padding:0;
	outline:none;
	font-size:0px !important;
	line-height:0em !important;
	letter-spacing:-20px;
	text-indent: -2px;
	display:block;
	overflow:hidden;
	text-align:left;
	border: none;
}
.image a {
	display:block;
	width:100%;
	height:100%;
	height:inherit;
}
ol.image,ul.image {
	background:none;
	width:100%;
	height:auto;
	float:left;
}
.image li {
	float:left;
}
span.image,strong.image,em.image,a.image {
	display:inline-block;
	vertical-align:bottom;
}
input.image { cursor:pointer; }

/* 4.2. Simple tabs system. You can overwrite background and text styles */
.tabs {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width:100%;
}
.tabs li {
	float:left;
	margin:0 1px 0 0;
}
.tabs li span,
.tabs li a {
	float: left;
	padding:2px 5px;
	white-space:nowrap;
	text-align:center;
	cursor:pointer;
	outline:0;
	text-decoration:none;
}
.tabs li span { cursor:default; }
.tabs .select a,.tabs a:hover {
	background:#ddd;
}

/* 4.3. Convert a block element (like a fieldset) into a inline element */
.inline {
	border:none;
	margin:0;
	padding:0;
	display:inline;
}
fieldset.inline {
	display:block;
	float:left;
	width: 100%;
}
	
/* 4.4. Inline-block element must content any element inside (div, p, etc) for the correct visualization in FF<3 */
.inline-block-top,.inline-block-middle,.inline-block-bottom {
	float:none !important;
	display:inline-block;
}
.inline-block-top { vertical-align:top !important; }
.inline-block-middle { vertical-align:middle !important; }
.inline-block-bottom { vertical-align:bottom !important; }

/* 4.5. Float elements */
.left { float:left !important; }
.right,.right-right { float:right !important; }
.right-right { text-align:right !important; }
.right-full { width:100%; text-align:right !important; }

/* 4.6. Clear */
.clear,.content,.page,.expanded-page { display:block; }
.clear:after,.tabs:after,.content:after,.page:after,.expanded-page:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

/* 4.7. Destroy margin collapse */
.no-collapse { padding-top:1px; }

/* 4.8. Hide an element */
.hide { display:none; }

/* 5. LAYOUT */
/* 5.1. Row */
.row {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
}

/* 5.2. Last column in a row */
.last { margin-right:0 !important; }

/* 5.3. Content */
.content {
	padding:0;
	margin:0;
}

/* 6. HACKS */
img	{ -ms-interpolation-mode:bicubic; } /* IE */
.clear,.tabs,.content,.page,.expanded-page {
	*overflow-y:auto; /* IE7 */
	*overflow-x:hidden; /* IE7 */
	_height:1%; /* IE6 */
	_overflow-y:visible; /* IE6 */
	_overflow-x:visible; /* IE6 */
}
a.image,span.image,strong.image,em.image,.inline-block-top,.inline-block-middle,.inline-block-bottom {
	display:-moz-inline-box; /* FF<3 */
	-moz-box-orient:vertical; /* FF<3 */
	*display:inline; /* IE */
}

/**
* cSans Button plugin v0.3.1
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. BASIC STYLES */

ul.button {
	list-style: none;
	padding: 0;
	margin: 0;
	display:block;
	}
ul.button {
	overflow-y: auto;
	overflow-x: hidden;
	}
ul.button li {
	float: left;
	margin: 0;
	}
ul.button li a {
	display: block;
	z-index: 2;
	}
a.button {
	display: inline-block;
	vertical-align: middle;
	}

/* 1.1. Normal status */
a.button,
ul.button li a {
	background-position: 100% 0;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	outline: 0;
	}
a.button span,
ul.button li a span {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

/* 1.2. Hover/selected status */
a.button:hover,
a.button.select,
ul.button li a:hover,
ul.button li.select a {
	background-position: 100% -70px !important;
	}
a.button:hover span,
a.button.select span,
ul.button li a:hover span,
ul.button li.select a span {
	background-position: 0 -70px !important;
	}

/* 2. EDITABLE STYLES */

/* 2.1. Image background used */
a.button,
.button a,
.button span {
	background-image: url(../images/button.png);
	}

/* 2.2. Normal status (Example for padding 10px) */
a.button,
.button a {
	padding: 0 10px 0 0; /* Padding-right: 10px */
	margin: 0 1px 0 10px; /* Margin-left: 10px */
	text-decoration: none;
	}
.button span {
	padding: 4px 0 6px 10px; /*Padding-left: 10px */
	margin: 0 0 0 -10px; /* Margin-left: -10px */
	}
	
/* 3. HACKS */

ul.button {
	_height: 1%; /* IE6 */
	_overflow-y: visible; /* IE6 */
	_overflow-x: visible; /* IE6 */
	}
a.button span {
	_float: left; /* Only IE6 */
	_position: relative; /* Only IE6 */
	}
a.button {
	display: -moz-inline-box; /* FF<3 */
	display: inline-block; /* FF<3 */
	-moz-box-orient: vertical; /* FF<3 */
	*display: inline; /* IE */
	}
	
/**
* cSans Tooltip pluging v0.1
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* BASIC STYLES */

.tooltip:hover {
	background:transparent;
	text-decoration:none;
	}
.tooltip span {
	display:none;
	padding:5px;
	margin-left:10px;
	width:150px;
	}
.tooltip:hover span {
	cursor: default;
	display:inline;
	position:absolute;
	}
	
/**
* cSans Flexible v0.1
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. BASIC STYLES */
/* 1.1 Widths */
.f10 { width:10%; }
.f20 { width:20%; }
.f25 { width:25%; }
.f30 { width:30%; }
.f33 { width:33.33%; }
.f40 { width:40%; }
.f50 { width:50%; }
.f60 { width:60%; }
.f66 { width:66.66%; }
.f70 { width:70%; }
.f75 { width:75%; }
.f80 { width:80%; }
.f90 { width:90%; }
.f100 { width:100%; }

.f10,.f20,.f25,.f30,.f33,.f40,.f50,.f60,.f66,.f70,.f75,.f80,.f90,.f100 {
	float:left;
	overflow:hidden;
}

/* 1.2 Margin-left */
.fl10 { margin-left:10%; }
.fl20 { margin-left:20%; }
.fl25 { margin-left:25%; }
.fl30 { margin-left:30%; }
.fl33 { margin-left:33.33%; }
.fl40 { margin-left:40%; }
.fl50 { margin-left:50%; }
.fl60 { margin-left:60%; }
.fl66 { margin-left:66.66%; }
.fl70 { margin-left:70%; }
.fl75 { margin-left:75%; }
.fl80 { margin-left:80%; }
.fl90 { margin-left:90%; }
.fl100 { margin-left:100%; }

/* 1.3 Margin-right */
.fr10 { margin-right:10%; }
.fr20 { margin-right:20%; }
.fr25 { margin-right:25%; }
.fr30 { margin-right:30%; }
.fr33 { margin-right:33.33%; }
.fr40 { margin-right:40%; }
.fr50 { margin-right:50%; }
.fr60 { margin-right:60%; }
.fr66 { margin-right:66.66%; }
.fr70 { margin-right:70%; }
.fr75 { margin-right:75%; }
.fr80 { margin-right:80%; }
.fr90 { margin-right:90%; }
.fr100 { margin-right:100%; }

/* 2. HACKS */
.f10,.f20,.f25,.f30,.f33,.f40,.f50,.f60,.f66,.f70,.f75,.f80,.f90,.f100 {
	_display:inline; /* IE5-6 */
	*margin-left:-1px; /* IE5-7 */
}

/**
* web2py Nuovo Theme
* ------------------
**/

/* Basics */

html, body {
  font-size: 13px;
  text-align: left;
  color: #333;
  padding: 0;
  margin: 0;
  background: #fff url(../images/header_shadow.png) repeat-x left 33px;
}

a {
  color: #e8953c;
  text-decoration: none;
}

label {
  color: #777;
  font-weight: bold;
  font-size: 100%;
}

img {
  vertical-align: baseline;
}

td, th {
  border: none;
}

.center {
  text-align: center;
}

.centerblock {
  margin: 0 auto;
}

.clear {
  clear: both;
}

.att {
  color: #d22;
}

/* General */

h3 {
  padding-left: 18px;
  background: url(../images/sidebar_bullet.gif) no-repeat;
  color: #555;
  font-weight: normal;
  font-size: 130%;
}

.formfield {
  padding: 0.7em 0.5em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  margin: 1em 0;
  border: 1px solid #ddd;
}

.buttongroup {
  padding: 0.7em 0.5em;
}

.formfield {
  background: #eee;
}

.flash {
  position: fixed;
  top: 2em;
  right: 2em;
  background: #e8953c;
  color: #fff;
  border: 2px solid #fff;
  -moz-border-radius: 0.7em;
  border-radius: 0.7em;
  padding: 0.5em 1em;
}

.tooltip span {
  background: #9fb364;
  color: #eef1d9;
  border: 1px solid #eef1d9;
  font-style: italic;
  width: 20%;
  padding: 0.3em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  font-size: 13px;
  text-transform: none;
}

.help {
  width: 60%;
  font-size: 1em;
  padding: 0.3em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  background: #eef1d9;
  color: #9fb364;
  font-style: italic;
  text-transform: none;
}

.help h3 {
  color: #9fb364;
  font-size: 1.2em;
  background: transparent;
  font-weight: bold;
}

.icon img {
  vertical-align: middle;
  cursor: pointer;
}

.form td {
  padding: 0.2em 1em 0.2em 0;
}

/* Buttons */

.controls a.button,
.controls a.button span {
  background-image: url(../images/small_button.png);
}

.controls a.button span {
  padding-top: 2px;
}

.controls a.button {
  color: #333;
}

.controls a.special,
.controls a.special span {
  background-image: url(../images/small_special_button.png);
}

.controls a.special {
  color: #ddd;
}

/* Header */

#header {
  background: #292929 url(../images/header_bg.png) repeat-x;
  height: 33px;
  overflow: hidden;
}

/* Home button */

#start {
  position: absolute;
  top: 2px;
  left: 13px;
  margin: 0;
}

#start a.button {
  display: block;
}

#start a.button,
#start a.button span {
  background-image: url(../images/start.png);
}

#start a {
  text-indent: -999px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

#start a.button span {
  width: 112px;
  height: 36px;
  padding: 0;
  margin: 0;
}

/* Menu */

#menu {
  float: right;
  margin: 3px 13px 0 0;
}

#menu li {
  float: left;
  list-style: none;
  margin-right: 0.4em;
}

#menu a.button,
#menu a.button span {
  background-image: url(../images/menu.png);
}

#menu a.button {
  padding-right: 1em;
}

#menu a.button span {
  padding-left: 1em;
}

#menu a {
  color: #333;
}

/* Main area */

#main {
  padding: 2em 1em 5em;
  position: relative;
}

#main h2 {
  margin-top: 0;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px dotted #aaa;
  padding-left: 18px;
  background: transparent url(../images/section_bullet.png) no-repeat left 3px;
  color: #aaa;
}

/* Applist */

.applist h3 {
  color: #aaa;
  font-weight: normal;
}

.applist ul {
  margin: 0;
}

.applist li {
  list-style: none;
  padding: 0;
}

h3.editableapp,
h3.currentapp {
  padding: 5px 0 5px 54px;
}

h3.editableapp {
  background: #fff url(../images/folder.png) no-repeat;
}

h3.currentapp {
  background: #fff url(../images/folder_locked.png) no-repeat;
}

.applist .controls {
  margin-left: 1.5em;
}


/* Site sidebar */

.sidebar_inner {
  margin: 0 1em 0;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  border: 1px solid #ddd;
  min-width:400px;
}

.sidebar h4 {
  color: #888;
}

.pwdchange {
  padding: 1em;
  float: right !important;
}

.sidebar .box {
  clear: right;
  margin-top: 2em;
  border-top: 1px solid #eee;
  padding: 0 1em;
}

.sidebar .box {
  background: url(../images/sidebar_background.jpg) no-repeat;
}

.sidebar .upgrade_version {
  color: #71c837;
}

/* Tweets */

#tweets ol {
  margin: 1em 0;
}

#tweets ol li {
  background: #ebe8d0;
  list-style: none;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.5em;
  margin: 1em 0;
  border: 1px solid #aaa;
}

#tweets .entry-date {
  font-weight: bold;
  display: block;
}

/* Design/Plugin page */

.component {
  cursor: pointer;
}

.component_contents {
  padding-left: 20px;
}

.component_contents li {
  list-style: none;
}

.component_contents div.comptools {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

.component_contents div.formfield form {
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}

.file {
  font-weight: bold;
}

.folder {
  display: block;
  padding: 4px 0 4px 40px;
  background: url(../images/folder_sm.png) no-repeat;
  margin: 0.5em 0;
}

.folder .file {
  font-weight: bold;
}

.sublist {
  margin-left: 0;
  border-left: 1px dotted #aaa;
  padding-left: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.0em;
}

/* About */

.legalese {
  background: #eee url(../images/embossed.png) repeat-y;
  padding: 1em 1em 1em 2em;
}

/* Wizard */

.step li {
  list-style: none;
  margin-left: 1em;
  margin-top: 0.5em;
}

.step #wizard_nav .box {
  border-bottom: 1px dotted #aaa;
  padding: 0.5em;
}

.step #wizard_form {
  padding: 0.5em 0 2em 2em;
}

/* Editor */

.edit #body {
  height: auto;
  width: 100%;
}

.edit .help li {
  list-style: none;
  padding: 0.5em 0;
}

.edit .help tt {
  font-weight: bold;
  font-style: normal;
  display: inline; /* Rest cSans base style */
  border: 1px solid #999;
  background: #333;
  color: #ddd;
  padding: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

/* Ticket */

ul#snapshot > li {
  list-style: none;
}

.inspect td,
.versions td,
.inspect th,
.versions th {
  padding: 0.3em;
  // border: 1px solid #aaa;
}

.inspect th,
.versions th {
  background: #ddd;
  color: #777;
}

.ticket h3 {
  margin-top: 0.5em;
  background: url(../images/ticket_section.png) no-repeat;
  padding: 30px;
  text-transform: uppercase;
}


.ticket .inspect li {
  list-style: none;
}

#frames ul {
  margin: 0;
}

#frames li {
  margin: 0.5em 0;
  padding: 0;
  list-style: none;
}

/* Errors */

.errors table.sortable th {
  background: url(../images/header_bg.png) repeat-x;
  color: #eee;
  //  border-right: 1px solid #eee;
  padding-top: 0.5em;
}

.errors table.sortable td {
  border-bottom: 1px dotted #ddd;
  padding: 0.4em 0.2em;
}

/* Tests */

.test h3.failed {
  background-image: url(../images/red_bullet.gif);
}

.test h3.nodoctests {
  background-image: url(../images/dim_bullet.gif);
}

/* Footer */

#footer {
  padding: 1em 0 0;
  color: #eee;
  text-align: center;
  background: #292929 url(../images/header_bg.png) repeat-x;
  height: 45px;
  overflow: hidden;
  clear: both;
}

/* Shell */

.shell #wrapper {
  margin: 0 auto;
}

.shell #output {
  width: 75%;
  height:30em;
}

.shell #output,
.shell #output pre {
  color: #e8953c;
  background: white;
  border: 1px solid #333;  
}

.shell .prompt, 
.shell #output, 
.shell pre,
.shell #caret {
  font-family: monospace;
}

.shell .prompt, 
.shell #output,
.shell #caret {
  font-size: 10pt;
  padding: 6px;
  padding-right: 0em;
}

.shell #shellwrapper {
  background: white;
  border: 1px solid #333;  
  color: #e8953c;
  width: 75%;
  // padding: 6px;
  //  -moz-border-radius: 1em;
  // border-radius: 1em;
  margin: 1em 0
}

.shell #caret {
  border: 0;
  float: left;
}

.shell .prompt {
  color: #e8953c;
  width: 85%;
  height: 4em;
  border: 0;
}

.shell .prompt, .shell #output {
  overflow: auto;
}

.shell table, tr, td {
  text-align: left;
  vertical-align: top;
}

.shell pre {
  border: 0;
  padding: 0;
  margin: 0;
  color: #333333;
}

.shell .message {
  width: 100%;
  color: #8AD;
  font-weight: bold;
  font-style: italic;
}

.shell .error {
  color: #F44;
}

.shell .username {
  font-weight: bold;
}

.shell dd{
  color: #000033;
}

.shell dt{
  color: #333333;
}

.shell #ajax-status {
  font-weight: bold;
}

.shell .processing {
  background-image: url('../images/spinner.gif');
}

.shell #caret {
  width: 2.5em;
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}


/* ie7 hacks */

.sublist {
  zoom: 1;
}

.untranslated { background-color: #FFCC00; }
.translated { background-color: white; }
.ui-multiselect { border: 1px solid #ccc; width:400px;}
#editor_area textarea { height: 400px; width: 100% }