| /*------------------------------------------------------------- | |
| Base styles - default | |
| --------------------------------------------------------------*/ | |
| a { | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: underline overline; | |
| } | |
| body { | |
| background: white; | |
| font-family:"Lucida Grande", lucida, Geneva, Arial, sans-serif; | |
| } | |
| .img { | |
| border: 0px; | |
| margin: 0px; | |
| } | |
| /* entries ----------------------------------------------- */ | |
| .entryBox { | |
| font-size: 90%; | |
| } | |
| .entryTitle { | |
| font-weight: bold; | |
| } | |
| .entryInfo { | |
| font-size: 90%; | |
| color: #999; | |
| } | |
| div.dayTitle { | |
| font-size: 120%; | |
| font-weight:bold; | |
| padding: .5em 0 0 0; | |
| } | |
| div.next-previous { | |
| font-size: 80%; | |
| text-align: center; | |
| padding: .5em 0; | |
| } | |
| /* category chooser ----------------------------------------------- */ | |
| .category-chooser { | |
| margin: -50%; | |
| width:100%; | |
| } | |
| .rCategory li { | |
| font-size: 80%; | |
| display: inline; | |
| list-style-type: none; | |
| padding-right: 20px; | |
| } | |
| li.selected { | |
| font-weight: bold; | |
| } | |
| /* other lists ----------------------------------------------- */ | |
| ul.rNavigationBar, ul.rMenu, ul.rFolder, ul.rFeeds, ul.rEntriesList { | |
| list-style-type: none; | |
| padding: 0; | |
| margin: 0; | |
| font-size: 80%; | |
| } | |
| ul.rFeeds li { | |
| background-image: url($url.absoluteSite/images/feed-icon-12x12.gif); | |
| background-repeat: no-repeat; | |
| background-position: 0 .2em; | |
| padding-left: 1.4em; | |
| line-height: 1.5em; | |
| } | |
| /* calendar ----------------------------------------------- */ | |
| .hCalendarDay{ | |
| text-align : center; | |
| font-size: small; | |
| } | |
| th.hCalendarDayNameRow { | |
| text-align : center; | |
| font-size : small; | |
| font-weight : bold; | |
| } | |
| td.hCalendarDayCurrent { | |
| text-align : center; | |
| font-size : small; | |
| font-weight: bold; | |
| } | |
| td.hCalendarDayLinked { | |
| text-align : center; | |
| font-size : small; | |
| font-weight: bold; | |
| } | |
| /* comments ----------------------------------------------- */ | |
| div.comments-form span.status { | |
| display: block; | |
| background: white; | |
| color: green; | |
| border: 1px solid green; | |
| margin: 10px 0px; | |
| padding: 10px; | |
| font-size: 18px; | |
| font-weight: bold; | |
| } | |
| span.error { | |
| display: block; | |
| background: white; | |
| color: #c00; | |
| border: 1px solid #c00; | |
| margin: 10px 0px; | |
| padding: 10px; | |
| font-size: 18px; | |
| font-weight: bold; | |
| } | |
| p.comment-details { | |
| font-size: 80%; | |
| color: #999; | |
| } | |
| .comments-syntax-indicator { | |
| font-weight: bold; | |
| } | |
| .comments-syntax-indicator span.enabled { | |
| background: transparent; | |
| color: green; | |
| font-style: italic; | |
| } | |
| .comments-syntax-indicator span.disabled { | |
| background: transparent; | |
| color: red; | |
| font-style: italic; | |
| } | |
| form ul{ position: relative; list-style: none; width: 100%; } | |
| form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 9px; } | |
| form li.focused{ background-color: #fff7c0 !important; } | |
| form li p{ font-size: 9px; line-height: 13px; color: #444; } | |
| form li{ display: inline-block; } | |
| form[id] li{ display: block; } | |
| form li div{ display: inline-block; } | |
| form[id] li div{ display: inline; } | |
| form .left{ float: left !important; margin: 0; } | |
| form .right{ float: right !important; margin: 0; } | |
| form .clear{ clear: both; } | |
| form li div p{ margin: 0 0 5px 0; } | |
| form div.left{ margin-right: 2px !important; } | |
| form div.left[class]{ margin-right: 4px !important; } | |
| form div.left img{ margin: 0 0 -2px 0; } | |
| form h2{ font-size: 1.8em; clear: left; } | |
| form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;} | |
| form .info[class]{ display: block; } | |
| form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; } | |
| textarea.textarea{margin-bottom: 1px;} | |
| textarea.textarea[class]{font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;} | |
| select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; } | |
| select.select[class]{ margin: 0; padding: 1px 0; } | |
| form .small{ width: 70px; } | |
| form .medium{ width: 170px; } | |
| form .large, form textarea.textarea{ width: 340px; } | |
| form .tags{ width: 320px; } | |
| form textarea.small{ height: 5.5em; } | |
| form textarea.medium{ height: 10em; } | |
| form textarea.large{ height: 20em; } | |
| .choices input{ width: 200px; margin-right: 3px; } | |
| .choices ol{ margin: 10px 0 0 0; } | |
| .choices[class] ol{ margin: 0 !important; } | |
| .choices img{ margin: 0 0 1px 0; } | |
| fieldset ol li{ display: list-item !important; margin: 0 5px 2px 3px !important; padding: 0 !important; list-style: inside decimal; } | |
| input.button, button { width: 6em; padding: 2px 2px 0 0; /* fix for IE */ } | |
| /* revert to normal for Firefox */ | |
| li>input.button, li>button, input.button>input.button, button>button { padding: 2px; } | |
| label.desc{ | |
| margin: 4px 0 3px 0; | |
| border: 0; | |
| color: #444; | |
| font-size: 1em; | |
| line-height: 1.3em; | |
| display: block; | |
| font-weight: bold; | |
| } | |
| input.text, input.number, input.url, input.email, input.password, input.file, | |
| textarea.textarea, select.select{ | |
| font-size: 1.2em; | |
| border-top: 1px solid #7c7c7c; | |
| border-left: 1px solid #c3c3c3; | |
| border-right: 1px solid #c3c3c3; | |
| border-bottom: 1px solid #ddd; | |
| color: #333; | |
| } | |
| input.text, input.number, input.url, input.email, input.password, input.file{ padding: 2px; } | |
| input.currency{ text-align: right; } | |
| input.checkbox, input.radio{ | |
| display: block; | |
| line-height: 1.4em; | |
| margin: 8px 0 0 3px; | |
| width: 13px; | |
| height: 13px; | |
| } | |
| input.focus, textarea.focus { background: #ffd; color: #000; } | |
| label.choice{ | |
| display: block; | |
| line-height: 1.4em; | |
| margin: -19px 0 0 25px; | |
| padding: 4px 0 5px 0; | |
| color: #444; | |
| width: 80%; | |
| } | |
| div.comments-form form ul { | |
| width:40em; | |
| } | |
| /*------------------------------------------------------------- | |
| Basic theme styles | |
| --------------------------------------------------------------*/ | |
| h1 { | |
| font-size:200%; | |
| color:#CC9933; | |
| } | |
| h2, .comments-head { | |
| color:#CC9933; | |
| font-size:90%; | |
| font-weight:bold; | |
| border-bottom:1px dotted #666; | |
| text-transform:uppercase; | |
| letter-spacing: .2em; | |
| margin-top: .5em; | |
| } | |
| h1.weblogName { | |
| text-align:center; | |
| } | |
| p.weblogDescription { | |
| text-align: center; | |
| } | |
| div.dayTitle { | |
| color:#CC9933; | |
| font-size:90%; | |
| text-transform:uppercase; | |
| border-bottom:1px dotted #666; | |
| } | |
| /* layout ----------------------------------------------- */ | |
| .content_wrapper { | |
| width: 80%; | |
| float: left; | |
| } | |
| .content { | |
| padding: 0em 2em 2em 2em; | |
| } | |
| .rightbar_wrapper { | |
| width: 20%; | |
| float: right; | |
| } | |
| .mobile{ | |
| width:250px; | |
| height: 51px; | |
| background: url($url.resource("images/forward_mobile.png")) top left no-repeat; | |
| padding-top:17px; | |
| padding-left:60px; | |
| } |