1066 lines
18 KiB
CSS
1066 lines
18 KiB
CSS
/**
|
|
* 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% }
|