/** File: layout.css Validates: CSS Level 2.1 Project: Evangelical Library Author: Ian Silvester Date Created: 2009 07 02 About: Contains styles for specific elements Notes: Place second in the cascade Cascade index: 01 undo.css - Resets browser default styles 02 layout.css - Styles for the main layout and framework of the site 03 content.css - Styles for general content 04 elements.css - Styles for specific page elements 05 ie6.css - IE6 specific styles. 06 ie7.css - IE7 specific styles. 07 clearing.css - Enables the use of .clearfix across the site. 08 main.css - Continuity generated stylesheet 09 print.css - Print specific styles */ .hiddenFields { display: none; } .page-title { text-transform: capitalize; } .small_details, .small_details p { font-size:10px; color:#444; margin:0; padding:0; } /* ------------------ END common_text ----------------- */ /* START contact page */ #google-map { background:#FFFFFF; border:1px solid #DFDFDF; padding:0.15em; width: auto; } #contact_form textarea { border:1px solid #CCCCCC; padding: 5px; } #contact_form input { border:1px solid #CCCCCC; padding: 5px; } #contact_form .send { background: transparent url(/_images/assets/contact/form/button.gif) no-repeat bottom left; border: 0; color: #000000; cursor:pointer; font-size: 1.0em; min-height: 18px; min-width: 50px; padding: 6px 20px 5px 5px; width: auto;} .comp { color:#D92A2A; } /* END contact page */ /* ----- START HOME ------*/ #welcome-banner-wrapper { background: #570D1D url(/_images/assets/homepage/welcome-banner/background.gif) repeat top left; padding: 30px 0; width: 100%;} #welcome-banner { margin: 0 auto; width: 800px; } #welcome-banner-content { float:left; margin-right: -400px; width:100%; } .welcome-text { margin: 15px 400px 0 0; padding: 0 10px 0 0; } .welcome-text h1 { color: #FFFFFF; font-size: 1.8333em; line-height: 1.2em; margin: 0 0 13px 0; } .welcome-text h2 { color: #FFFFFF; font-size: 1.1667em; line-height: 1.2em; margin: 0 0 13px 0; } .welcome-text h3 { color: #FFFFFF; font-size: 1.1667em; line-height: 1.2em; font-weight: normal; margin: 0; } .welcome-image img { border:1px solid #420A16; float:right; width:398px;} .component-pane { background:#FFFFFF url(/_images/assets/homepage/pane/top.gif) no-repeat scroll left top; margin:0 0 10px; padding:6px; position:relative; width:388px; } .component-pane .pane-bottom { background:transparent url(/_images/assets/homepage/pane/bottom.gif) no-repeat scroll left bottom; bottom:0; height:8px; left:0; position:absolute; width:400px; } .project-box { padding:0; margin: 0; } .news-box { padding: 6px 10px 0 0; } .homepage-latest-news .entry { margin: 0 0 10px 0; } .catalogue-search-highlight { padding: 0 0 5px 0;} .catalogue-search-highlight .content { float: right; width: 270px; } .catalogue-search-highlight .content .link { text-align: right; } .catalogue-search-highlight .feature-image { float: left; } .ebook-highlight { padding: 0 0 5px 0;} .ebook-highlight .content { float: right; width: 270px; } .ebook-highlight .content .link { text-align: right; } .ebook-highlight .feature-image { float: left; } .e-book-listing { overflow: hidden; } .e-book-image { background:#FFFFFF none repeat scroll 0 0; border:1px solid #DFDFDF; float: right; margin: 0 0 0 10px; padding:0.15em; } .expiry-day {font-size:20px;} /* START Contact page */ #sidebar .contact-details { padding: 10px 10px 0 10px; line-height: 1.3em; } #sidebar .contact-details a:hover { background: none; } #sidebar address { } #contact_form { background:#FFFFFF url(/_images/assets/contact/form/top.gif) no-repeat scroll top left; } #contact_form fieldset { background: transparent url(/_images/assets/contact/form/bottom.gif) no-repeat scroll bottom left; padding: 10px; } /* END Contact page */ #rss li a:hover, .rss-link a { background: transparent url(/_images/assets/sidebar/rss.gif) no-repeat left top; display:block; margin: 0; padding:0 0 0 22px; } #archive li ol, #archive ol li { background: none; margin: 0; padding: 0; } #archive ol ol { background: none; margin: 0; padding: 0; } #archive h5 { padding: 0 5px; } #rss .rss-link, #rss p { padding: 5px 5px; } /* ----- Catalogue ----------*/ .title-sort { background: #FDFDFC url(/_images/assets/sidebar/bottom.gif) no-repeat bottom left; margin: 0 0 10px 0; } .title-sort table { border: none; margin: 0 auto; width: 90%; } .title-sort table tbody { border: 0; } .title-sort table tr { background-color: #FDFDFC; } .title-sort table td { padding: 0;} .title-sort span a { background: #FDFDFC url(/_images/assets/catalogue/sort/button.gif) no-repeat top left; border-top: none; display:block; font-weight:bold; margin-right:1px; margin-bottom:1px; min-width:26px; padding:5px; text-align:center; } .title-sort span a:hover { color: #570D1D; text-decoration: none; } .title-sort p { font-weight: bold; padding: 0 10px 10px 0; text-align: right; } .author-sort { background: #FDFDFC url(/_images/assets/sidebar/bottom.gif) no-repeat bottom left; margin: 0 0 10px 0; } .author-sort table { border: none; margin: 0 auto; width: 90%; } .author-sort table tbody { border: 0; } .author-sort table tr { background-color: #FDFDFC; } .author-sort table td { padding: 0;} .author-sort span a { background: #FDFDFC url(/_images/assets/catalogue/sort/button.gif) no-repeat top left; border-top: none; display:block; font-weight:bold; margin-right:1px; margin-bottom:1px; min-width:26px; padding:5px; text-align:center; } .author-sort span a:hover { color: #570D1D; text-decoration: none; } .author-sort p { font-weight: bold; padding: 0 10px 10px 0; text-align: right; } #sidebar .written-content { line-height: 1.3em; padding: 10px 10px 0 10px;} #search-bar { background: #FDFDFC url(/_images/assets/catalogue/search/top.gif) no-repeat top left; margin: 0 0 10px 0; } #search-bar fieldset { background: transparent url(/_images/assets/catalogue/search/bottom.gif) no-repeat bottom left; padding: 10px; width: 580px; } #search-bar input { border:1px solid #DDDDDD; min-height: 14px; margin: 0; padding: 5px; width: 485px; } #search-bar [type="image"] { border: 0; width:auto; } #search-bar label { /*display: block; margin: 5px 0 7px 0;*/ } #search-bar label.keywords { display: block; padding: 5px 0; } #search-bar .hiddenFields { display: none; } #search-bar .search-submit { background: transparent url(/_images/assets/catalogue/search/button.gif) no-repeat top left; border: 0; color: #000000; cursor:pointer; font-size: 1.0em; height: 26px; margin: 0; padding: 0; text-align: center; width: 72px; } #search-bar .search-for-title { color: #12242D; font-size: 1.1667em; font-weight: bold; } #search-bar .search-where { clear: left; display: inline-block; margin: 5px 0; } .result-action { background: #FFFFFF url(/_images/assets/catalogue/detail/result-action/top.gif) no-repeat top left; } .result-action ol { background: transparent url(/_images/assets/catalogue/detail/result-action/bottom.gif) no-repeat bottom left; overflow: hidden; margin: 0; padding: 10px; } .result-action li { float: left; list-style-image:none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0 5px 0 0;} #book-detail { padding: 0; margin: 10px 0;} #book-detail dt { float: left; margin: 0; padding: 8px ; border-top: 1px dotted #CCCCCC; font-weight: bold; width: 150px; } #book-detail dd { float: left; width: 400px; margin: 0; padding: 8px; border-top: 1px dotted #CCCCCC; } .list-summary { padding:0.5em 0; border-top:1px dotted #ccc; overflow: hidden;} .news_summary { padding:0.5em 0; border-top:1px dotted #ccc; } .file-downloads { margin: 0; padding: 0;} .file-downloads img { display: inline; margin: 0; padding: 0;} .file-downloads li { background: transparent url(/_images/assets/links/left.gif) no-repeat top left; display: block; float: left; list-style-image:none; list-style-position: outside; list-style-type: none; margin: 0 5px 0 0; padding: 0;} .file-downloads li span { background: transparent url(/_images/assets/links/right.gif) no-repeat top right; display: block; margin :0; padding: 3px 4px 3px 3px; text-decoration: none; } .file-downloads li a { display: inline-block; padding: 0; margin :0; } #sidebar ol #form-list { margin: 0; padding: 0; } #sidebar ol #form-list li { margin: 0; padding: 0 0 2px 5px; } #sidebar ol #form-list li img { clear: left; float: left; } #form-list li a, #form-list li a:hover { background: none; } #donate-form { text-align: center; } .error-message { background: #FDFDFC url(/_images/assets/error-page/background/top.gif) no-repeat scroll left top; font-size: 1.2em; margin: 0 0 10px; padding: 10px; position: relative; } .error-message span { background: #FDFDFC url(/_images/assets/error-page/background/bottom.gif) no-repeat scroll left top; bottom: 0; font-size: 1.5em; height: 8px; left: 0; position: absolute; width: 600px; }