/* ================================================================================================================================================ Title: CSS - Index Page File: index.css Version: 2.0 Author: Roman Leinwather E-mail: roman.leinwather@gmail.com Website: RSS Plus URI: http://www.lewro.com/rss_plus Copyright: Copyright (c) 2008 - 2009 Roman Leinwather Updated: 15th August 2009 ================================================================================================================================================ TABLE OF CONTENT I. Yahoo Reset CSS II. Body III. Default Elements IV. Headings V. Links VI. Media VII. Layout VIII. Branding IX. Navigation X. Footer XI. Google Map ================================================================================================================================================*/ /* I. Yahoo Reset CSS ================================================================================================================================================*/ /* Testing Enviroment - No Internet Connection */ * {padding:0px; margin:0px; list-style:none;} @import url(http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css); :focus {-moz-outline-style:none;} /* does not validate */ /* II. Body ================================================================================================================================================*/ html {background:#c6d1dc;} body {font-family: Tahoma, Arial, Verdana, sans-serif; font-size:11px; color:#858a90; text-shadow:1px 1px 1px #ddd;} /* III. Default Elements ================================================================================================================================================*/ p,ul,dl,ol {padding-bottom:10px; line-height:16px;} ul { } ol { } hr {display:none;} blockquote { } blockquote p { } blockquote cite { } abbr { } abbr:hover { } del { } strong {font-weight:bold;} em {font-style:italic;} form input {color:#666;} .float_left {float:left;} .float_right {float:right; } .hide_text {text-indent:-99999px;} .hide_all {display:none;} .message {padding:30px;} .highlight {color:#fff;} .help {display:block; width:288px; height:120px; background: url(../media/images/help_icon.png) 40px bottom no-repeat; float:left; clear:both; text-indent:-9999px; padding-top:70px; cursor:pointer; border-top:1px solid #E8E8E8;} .close {display:block; width:70px; height:18px; float:left; clear:both; cursor:pointer; background: url(../media/images/close_help.png) 0 0 no-repeat; margin-left:229px; padding-left:21px;} .notifications {float:left; clear:both; background: #f2f2f2; color: green; margin: 10px 0 0 15px; padding: 0px 7px; text-align: right; width:830px;} .errors {float:left; clear:both; background: #f2f2f2; color: red; margin: 10px 0 0 15px; padding: 0px 7px; text-align: right; width:830px;} /* IV. Headings ================================================================================================================================================*/ h1 {font-size: 20px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#555B61; font-weight:bold;} h2 {font-size: 18px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#555B61; font-weight:bold;} h3 {font-size: 16px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#555B61; font-weight:bold;} h4 {font-size: 14px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#555B61; font-weight:bold;} h4 {font-size: 13px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#555B61; font-weight:bold;} /* V. Links ================================================================================================================================================*/ a:link, a:visited {color:#e02412;} a:hover, a:focus {color:#000;} /* VI. Media ================================================================================================================================================*/ img {float:left; } /* VII. Layout ================================================================================================================================================*/ #page {width:910px; margin:0px auto; margin-top:15px;} #page #top {width:910px; height:102px; background:#fff url(../media/images/header_top_beta.png) 0 0 no-repeat;} #page #top_cover {width:910px; height:102px;} #page #main_content {width:910px; float:left; clear:both;} #page #main_content #primary_content {width:326px; float:left; background:#fff; margin-top:6px; background:#f8f8f8;} #page #main_content #primary_content #primary_content_cover {width:326px; float:left; background:#f8f8f8 url(../media/images/primary_content_top_bg.png) 0 0 no-repeat;} #page #main_content #secondary_content {width:575px; float:right; margin-top:6px;} /* VIII. Branding ================================================================================================================================================*/ h1 a {background:url(../media/images/read_plus_logo.png) 0 0 no-repeat; width:244px; height:59px; margin:25px 0 0 20px; display:block; float:left;} /* VIX. Navigation ================================================================================================================================================*/ /* Main Navigation */ ul#navigation {float:left; width:304px; height:25px; margin:14px 0 0 330px;} ul#navigation li {float:left; height: 25px; margin-right:3px;} ul#navigation li a {float:left; height:25px; display: block; text-indent:-99999px;} ul#navigation li a#dashboard_nav {background: url(../media/images/index_sprite.png) -2px -835px no-repeat; width:73px;} ul#navigation li a#dashboard_nav:hover {background: url(../media/images/index_sprite.png) -2px -863px no-repeat; width:73px;} ul#navigation li a#profile_nav {background: url(../media/images/index_sprite.png) -82px -835px no-repeat; width:73px;} ul#navigation li a#profile_nav:hover {background: url(../media/images/index_sprite.png) -82px -863px no-repeat; width:73px;} ul#navigation li a#rss_nav {background: url(../media/images/index_sprite.png) -162px -835px no-repeat; width:73px;} ul#navigation li a#rss_nav:hover {background: url(../media/images/index_sprite.png) -162px -863px no-repeat; width:73px;} ul#navigation li a#signout_nav {background: url(../media/images/index_sprite.png) -241px -835px no-repeat; width:73px;} ul#navigation li a#signout_nav:hover {background: url(../media/images/index_sprite.png) -241px -863px no-repeat; width:73px;} /* Small Navigation - Sign in-Sign up */ ul#small_navigation {float:left; width:154px; height:25px; margin:15px 0 0 484px;} ul#small_navigation li {float:left; height: 25px;} ul#small_navigation li a {float:left; height:25px; display: block;} ul#small_navigation li a#sign_in_nav {float:left; height:25px; display: block; background: url(../media/images/index_sprite.png) 2px -101px no-repeat; width:73px; margin-right:3px;} ul#small_navigation li a#sign_in_nav:hover {float:left; height:25px; display: block; background: url(../media/images/index_sprite.png) -70px -101px no-repeat; width:73px; margin-right:3px;} ul#small_navigation li a#sign_up_nav {float:left; height:25px; display: block; background: url(../media/images/index_sprite.png) 1px -126px no-repeat; width:73px;} ul#small_navigation li a#sign_up_nav:hover {float:left; height:25px; display: block; background: url(../media/images/index_sprite.png) -70px -126px no-repeat; width:73px;} /* VX. Footer ================================================================================================================================================*/ #footer {width:910px; float:left; clear:both;} #footer #primary_footer {width:910px; float:left; clear:both; margin-top:6px; background:#fff url(../media/images/footer_primary_content_top_bg.png) 0 0 no-repeat;} #footer #primary_footer_cover {width:874px; float:left; clear:both; margin-top:6px; background:#fff url(../media/images/footer_primary_content_bottom_bg.png) bottom left no-repeat; padding:12px 18px;} #footer #primary_footer #comunity {width:603px; float:left;} /* New users */ #footer #primary_footer #comunity #new_users {width:255px; height:80px; float:left; padding-left:90px;background:url(../media/images/index_sprite.png) 0 -253px no-repeat;} #footer #primary_footer #comunity #new_users h3 {background:url(../media/images/index_sprite.png) 0 -169px no-repeat; width:211px; height:14px;} #footer #primary_footer #comunity #new_users ul {float:left; width:255px; padding-top:5px;} #footer #primary_footer #comunity #new_users ul li {float:left; padding-right:10px;} /* Become a member */ #footer #primary_footer #comunity #become_member {width:258px; float:left;} #footer #primary_footer #comunity #become_member h3{background:url(../media/images/index_sprite.png) 0 -155px no-repeat; width:123px; height:13px; margin:17px 0 0 117px; margin-bottom:10px;} #footer #primary_footer #comunity #become_member a {background:url(../media/images/index_sprite.png) 10px 0 no-repeat; width:241px; height:39px; display:block;} /* Stats */ #footer #primary_footer #stats {width:286p; float:left; padding-left:20px; border-left:1px solid #e8e8e8} #footer #primary_footer #stats h3 {background:url(../media/images/index_sprite.png) 0 -185px no-repeat; width:59px; height:11px; margin-bottom:8px;} #footer #primary_footer #stats ul {padding-bottom:0px;} #footer #primary_footer #stats ul li {width:250px; height:18px; margin-bottom:4px;} #footer #primary_footer #stats ul li span {display:block; float:left; width:193px; text-shadow:1px 1px 1px #333;} #footer #primary_footer #stats #stats_1 {background:url(../media/images/index_sprite.png) 0 -39px no-repeat;} #footer #primary_footer #stats #stats_2 {background:url(../media/images/index_sprite.png) 0 -61px no-repeat;} #footer #primary_footer #stats #stats_3 {background:url(../media/images/index_sprite.png) 0 -83px no-repeat;} #footer #primary_footer #stats #stats_1 span.footer_number {width:50px; text-align:right; color:#fff; text-shadow:1px 1px 1px #000;} #footer #primary_footer #stats #stats_2 span.footer_number {width:50px; text-align:right; color:#fff; text-shadow:1px 1px 1px #000;} #footer #primary_footer #stats #stats_3 span.footer_number {width:50px; text-align:right; color:#fff; text-shadow:1px 1px 1px #000;} #footer #secondary_footer {width:890px; float:left; clear:both; margin-top:6px; padding:9px 0 50px 20px;} #footer #secondary_footer h3 {background:url(../media/images/index_sprite.png) -125px -157px no-repeat; width:98px; height:11px;} #footer #secondary_footer ul {float:left; } #footer #secondary_footer ul li {float:left; padding-right:5px;} #footer #secondary_footer ul li a {text-decoration:none; color:#fff;} #footer #secondary_footer ul li #t_c {color:#728E90;} #footer #secondary_footer ul li #q_a {color:#728E90;} #footer #secondary_footer ul li #feedback {color:#555B61;} /* VXI. Google Map ================================================================================================================================================*/ #google_map {float:left; width:575px; clear:both; height:450px; margin-top:6px; background:#717d88 url(../media/images/map_grad.png) bottom left repeat-x;} #google_map #google_map_cover {float:left; width:575px; background:url(../media/images/map_top_bg.png) 0 0 no-repeat;} #google_map #google_map_cover #map {float:left; clear:both; width:539px;margin:8px 0 0 18px; height:270px; line-height:14px;} #google_map #google_map_cover #map_details {float:left; width:539px; margin:20px 0 0 18px; color:#e6e6e6; text-shadow:1px 1px 1px #333;} #google_map #google_map_cover #map_details #map_details_primary {float:left; width:240px;} #google_map #google_map_cover #map_details #map_details_secondary {float:right; width:240px;} .gmnoprint {display:none !important;}