/** * Copyright 2009 Robin Komiwes, Bruno Verachten, Christophe Cordenier * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Theme inspired from kuler scheme : http://kuler.adobe.com/#themeID/617195 2F2F32 6E6D65 C9BB9B FFD8A1 FF7351 */ @import url("reset.css"); /***** * GLOBAL */ /* common tags */ html { background-color:#fff;} body { background:url('../img/top_bg.png') repeat-x scroll; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; min-height: 100%;} .wrapper { clear: both; margin: 0 auto; width: 760px; padding: 0px; text-align:left;} /* lists */ ol, ul { list-style-position:outside; padding: 10px 5px; margin:0px 20px; } ol { list-style-type:decimal; } ul { list-style-type:disc; } /* links */ a { color: #FF7351;} /* forms */ input { border: 1px solid #6E6D65; font-family: Helvetica, Arial, sans-serif; font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px; border-bottom: 1px solid rgba(0,0,0,0.25); color: #6E6D65;} input:focus { border: 1px solid #FF7351;box-shadow: 0px 0px 5px #FF7351; -webkit-box-shadow: 0px 0px 5px #FF7351; -moz-box-shadow: 0px 0px 5px #FF7351; } input[type="checkbox"] { width:auto !important; } /* heading */ h1, h2, h3, h4, h5, h6 { padding: 5px 0px; } h1, h2 { font-family: Georgia, serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #2F2F32} h1 { font-size: 28px; text-align:center; padding:0px 30px 30px 30px; clear:both;} h2 { font-size: 24px; color: #2F2F32; text-align:center; padding:10px;} h3 { font-size: 20px; } /* others */ p, blockquote, pre { margin: 5px 0px; padding:5px 0px; } quote, blockquote { font-family: Georgia; font-style: italic; } blockquote, pre { margin-left:30px; padding-left:10px; border-left:1px solid #C9BB9B; } pre { font-size:12px; white-space:normal; } small { font-size: 12px; font-style:italic;} abbr { padding-right: 3px; padding-left: 3px; } /***** * UTILITY CLASSES */ .radied, .box, .section, .more-link { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .shadowed, .box, .section { box-shadow: 0px 0px 10px rgba(47,47,50,0.4); -webkit-box-shadow: 0px 0px 10px rgba(47,47,50,0.4); -moz-box-shadow: 0px 0px 10px rgba(47,47,50,0.4);} .btn-active { border: 1px solid #FF7351; background:#FF7351; color:#FFD8A1; text-shadow:0px -1px 1px rgba(0,0,0,0.25); border-top: 1px solid rgba(255,255,255, 0.25); border-bottom: 1px solid rgba(0,0,0,0.25); } .more-link { background:none; border: 1px solid #FF7351; padding: 5px; } .more-link a { text-align: center; text-decoration: none; color:#FF7351; font-size:14px; } /* section and positioning */ .section { background: white; padding:10px; margin-bottom:10px;} .section h2 { font-family: Helvetica, Arial, sans-serif; padding:0px; padding-bottom:5px;} .left-col { float:left; margin-right:5px; clear: left; } .right-col { float:right; margin-left:5px; clear: right; } .center { text-align:center;} .clearer {clear:both;} .x160 { width: 135px; } .x260 { width: 235px; } .x300 { width: 275px; } .x360 { width: 335px; } .x380 { width: 355px; } .x400 { width: 375px; } .x460 { width: 435px; } .x500 { width: 475px; } /* nav */ .nav { list-style: none; padding:10px; } .nav li { display:inline; padding:0px 5px; white-space: nowrap; } .nav li img {vertical-align: text-bottom;} .nav a { text-decoration: none; } .nav li.last { border-right: 1px solid #6E6D65; } /***** * HEADER */ #header { height:100px; margin-bottom:5px;} #wooki { width: 300px; float:left; padding:15px 0px;} #signin-box { padding-top:10px; background: url('../img/bubble-signin-top.png') no-repeat 130px 0px; position:absolute; width:200px; display:none; z-index: 29999} #signin { color:white; padding: 10px; background:#2F2F32; } #signin h2 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color:white;} #signin label { font-size:12px; } #signin td { text-align:left; padding:5px 0px; } #signin div { text-align:right } #signin .signin-field { display:block; width:170px;} #signin #rememberMe {margin-left:10px;} #nav { background-color: #2F2F32; color:#C9BB9B; padding:5px 10px; font-size: 12px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} #nav a { text-shadow:1px 1px 1px rgba(255,255,255,0.25); color:#fff; } #nav #logout { color: #FFD8A1;} #search { clear:right; float: right; padding: 10px 10px 10px 0px; width:450px; text-align:right;} #search p { color:#6E6D65;} #query { width:200px; } #submitSearch { text-decoration: none; } /***** * FOOTER */ #footer { clear:both; font-size: 12px; color:#6E6D65; text-align:center; padding:5px;} #footer a { color:#6E6D65; } /***** * INDEX */ #teasing-box, #welcome-box { float:left; padding-bottom:20px; background: url('../img/bubble-teasing.png') no-repeat 220px bottom;} #teasing { background:#2F2F32; color:white; padding:10px; font-family: Georgia, serif; font-size: 18px;} #teasing a, #comments-popup div.go-signup a { display:block; width: auto; text-align: center; font-family: Helvetica, Arial, sans-serif; text-decoration:none; } #teasing em { font-size: 14px;} #author-feed li { padding-bottom: 10px; } #collaborator-feed { padding-bottom: 10px; } /****** * JQUERY NOTIFY BAR */ /* common */ .jquery-notify-bar ul { list-style: none; text-align: left; padding-bottom: 5px; padding-top: 5px; padding-left: 20px; } .jquery-notify-bar li { padding: 5px; font-size: 20px; color: white; z-index: 30000;} /* errors */ .jquery-notify-bar.wooki-error { padding: 0px; color:#f00; background-color: transparent; border: none; background: transparent url('../img/bubble-error-down.png') no-repeat bottom; padding-bottom: 10px;} .error-list { background-color: #2F2F32;} /* flash msg */ .jquery-notify-bar.wooki-flash { padding: 0px; color:#2F2F32; background-color: transparent; border: none; padding-bottom: 10px;} .flash-list { background-color: white; } .flash-list li { color:#2F2F32 } /****** * DIALOG */ .ui-widget-overlay { background:#666; top:0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); position:absolute; } .ui-dialog { background: #FF7351; border:1px solid #FF7351; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:white; padding:0px; margin-top:30px; } .ui-dialog-titlebar { float:right; width:20px; } .ui-dialog-titlebar-close { color:white; } .ui-icon { text-indent: -99999px; overflow:hidden; height:20px; width:20px; background:url('../img/bubble_close_button.png'); display:block; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;} .ui-dialog-title { visibility: hidden; display:block; width:0px; } .dialog-content { color:black; background: white; margin:0px 20px 20px 0px;} .dialog-container { display:none; } /****** * COMMENT POPUP LINK */ #book div.commentable:hover .comment-accessor { visibility:visible; } #comments a { color: #fff; font-weight: bold; text-decoration: none; text-shadow:0px 1px 1px rgba(255,255,255,0.25); } #comments .comment-accessor { position:absolute; width:50px; visibility:hidden; display:block; } #comments .comment-accessor .no-comment:hover,#comments .comment-accessor .commented:hover { cursor:pointer;} #comments .comment-accessor .no-comment { background:url("../img/bubble_inactive.png") no-repeat center; line-height: 25px; height: 25px; width: 40px; text-align:center; visibility:hidden; } #comments .comment-accessor .commented { background:url("../img/bubble_active.png") no-repeat center; line-height: 25px; height: 25px; width: 40px; text-align:center; } /****** * COMMENTS */ #comments-popup { padding: 10px; text-align: left; } #comments-popup a { text-decoration: none; } #comments-popup div.block-reminder { font-style: italic; margin-bottom:10px; background-color: #FFD8A1; padding: 10px; } #comments-popup .comment-nav { width: 100%; margin:0px; } #comments-popup .comment-nav li { padding: 0px 5px 0px 5px; border-left: 1px solid #6E6D65; } #comments-popup .comment-nav li.first-child { padding: 0px 5px 0px 0px; border: none; } #comments-popup .comment-nav .inline-form { display: inline; } #comments-popup .comment-nav .t-zone { display: inline; } #comments-popup .comment-nav .comment-state { color: #6E6D65; } #comments-popup div.go-signup { width: auto; text-align:center; } #comments-popup div.go-signup a { font-size: 16px } #comments-popup .comment-row { clear: both; background-color: #F5F5F5; overflow: hidden; margin-bottom: 10px;} #comments-popup .comment-row form { display: inline; } #comments-popup .comment-row p { padding: 10px; } #comments-popup .comment-area {width: 100%; } /***** * DASHBOARD */ #user-books ul { } #user-books li { border: none; padding: 5px; } #user-books li span a { text-decoration: none} #user-books span { float: right } #welcome-box { margin-bottom: 10px; } .thanks {color: #FF7351; padding: 10px; } #dashboard-feed-title { padding : 5px 0px; } #dashboard-feed-title a { text-decoration: none } #dashboard-feed-title ul { } #dashboard-feed-title li { padding-right : 10px; border: none; display: inline; font-size: 16px;} /***** * BOOK SETTINGS */ /**** * EDIT PAGE */ h2.title-with-link a { text-decoration: none; color: #FF7351; font-size: 16px; font-style: normal; font-family: Helvetica,Arial,sans-serif; } input.wymupdate { margin-right: 10px; } span.autosave { margin-left: 10px; } /***** * NOT BOOK PAGES */ /* feeds */ .feed .first { border-top:0px } .feed ul { list-style:none; padding: 0px; margin:0px; } .feed li { border-top:1px solid #C9BB9B; padding: 10px 0px; } .load-more { display:inline; background: transparent url('../img/ajax-loader-min.gif') no-repeat right top; width: auto; padding-right: 20px; } /* info */ .info ul { list-style:none; padding: 0px; margin:0px; } .info li { display: block; padding: 5px;} .info em { color: #6E6D65; font-style: normal } .info span { float:left; width: 120px; color: #6E6D65; font-style: normal; } .info p { font-style: italic; font-size: 18px;text-align: center; clear: both; } /* forms */ .form-footer { background:#C9BB9B; border:0px; border-top:1px solid #6E6D65; padding:10px; color:#6E6D65; text-align:center; margin:0px -10px -10px -10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } .full-form, .small-form { padding:10px 0px;} .full-form table th, .full-form table td { padding: 5px 5px;} .full-form table th { width: 180px; text-align:right; font-weight:normal; color: #6E6D65; } .full-form table th h3 { text-align:left;} .full-form table label { display:block; color: #2F2F32; font-size:18px;} .full-form input { font-size:18px; } .full-form table td input { width:250px; } .full-form .form-submit {text-align:center; padding:10px 0px} .small-form label { display:block; color: #2F2F32;} .small-form table { width:100%; } .small-form td { padding: 5px 10px 5px 0px; } .small-form table tr td input { width:100%; margin-right:-10px;} /***** * BOOK LAYOUT */ #book { background:#FFFFFF; padding: 10px; line-height:1.35em; } #book em { color: #6E6D65; font-style: normal; font-size: 16px; } #book-wrapper { background:#6E6D65; position:relative; padding-left:40px; margin-bottom:20px; border:1px solid #6E6D65; } #meta { text-align:center; color:#6E6D65; } .book-menu { float:right; background-color:#FFD8A1; font-size:12px; border:1px solid #6E6D65; border-bottom:0px; text-shadow:0px 1px 1px rgba(255,255,255,0.5); border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; padding:5px 0px; margin:0px 10px;} .book-menu ul { list-style: none;} .book-menu li { display:inline; padding:0px 10px; border-right:1px solid #C9BB9B; } .book-menu .last { border-right:none !important;} .book-menu a { text-decoration: none; color: #6E6D65} .book-admin { background-color:#FF7351; text-shadow:0px 1px 1px rgba(255,255,255,0.25); } .book-admin a { color:#FFD8A1;} #book-menu-placeholder { background:none !important; border:none !important;} .chapter-nav { list-style: none; padding:0px 0px 10px 0px; margin:0px; font-size:12px; } .chapter-nav li { display:block; width:30%; } .chapter-nav li a { text-decoration:none; } .chapter-nav #nav-left { float:left; clear:left; text-align:left; } .chapter-nav #nav-right { float:right; clear:right; text-align:right;} .chapter-nav #book-root { text-align:center; width:100% ; } .chapter-nav h1 {font-size:16px; padding:0px; margin:0px; display:inline; font-family: Helvetica,Arial,sans-serif; } .chapter-nav h1 a { color:#6E6D65;} /* table of contents */ #table-of-contents { margin: 10px; padding:0px; } #table-of-contents li { display:block; padding:10px; list-style:none;} #table-of-contents h3 { width: 500px; float:left;} #table-of-contents h3.add-chapter-link { float: none; } #table-of-contents h3.add-chapter-link a { color:#FF7351; } .last-update { margin:0px; padding:0px; line-height:20px; text-align:right; color:#6E6D65;} /***** * Tapestry overrides */ img.t-error-icon { background:transparent repeat scroll 0 0;height:0px; margin-left:0px; width:0px; } div.t-autoloader-icon { background: transparent url(../img/ajax-loader.gif); width: 220px; height: 19px; margin-left: 275px; } input.t-error, textarea.t-error { border: 1px solid red;box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; -moz-box-shadow: 0px 0px 5px red; color: } div.t-autocomplete-menu { z-index: 9999; } div.t-autocomplete-menu UL { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px solid #6E6D65; border-left: 1px solid #6E6D65; border-right: 1px solid #6E6D65; background-color: white; padding: 4px 6px; overflow: auto; } div.t-autocomplete-menu LI {color: black; list-style-type: none; padding: 2px; border-bottom: none; border-top: none; cursor: pointer;} div.t-autocomplete-menu LI.selected { color: #FF7351; font-weight: bold;}