/** * 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% }