/* ================================================================================================================================================ 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. ArtWork II. Welcome Text III. Articles SlideShow IV. Google Map ================================================================================================================================================ */ /* I. ArtWork ================================================================================================================================================*/ #index #art_work {background:url(../media/images/art_work.jpg) 0 0 no-repeat; width:475px; height:209px; padding-left:100px; float:left; clear:both;} #index #art_work object {float:left; margin-top:1px;} /* II. Welcome Text ================================================================================================================================================*/ #index #welcome_text {float:left; width:288px; clear:both;margin:26px 0 0 20px; background:#f8f8f8;} #index #welcome_text h2 {background:url(../media/images/index_sprite.png) 0 -215px no-repeat; width:138px; height:12px; padding-bottom:20px;} #index #welcome_text p {float:left; padding-bottom:25px; height:77px;} #index #welcome_text ul {float:left;} #index #welcome_text ul li {float:left; border-top:1px solid #e8e8e8; padding:36px 0 35px 125px; height:77px;} #index #welcome_text ul li#box {background:url(../media/images/index_sprite.png) 0px -672px no-repeat;} #index #welcome_text ul li#money {background:url(../media/images/index_sprite.png) 0 -362px no-repeat;} #index #welcome_text ul li#make_big {background:url(../media/images/index_sprite.png) 0 -506px no-repeat;} #index #welcome_text ul li .features_header {float:left; display:block; color:#555b61; font-size:13px; font-weight:bold; padding-bottom:10px;} #index #welcome_text ul li .features_description {float:left; display:block; width:170px;} #index #let_me_try {background:url(../media/images/primary_content_let_me_try_button.png) 0 0 no-repeat; display:block; width:326px; height:48px; float:left; clear:both;} /* III. Articles Slideshow ================================================================================================================================================*/ #articles_slideshow {float:left; clear:both; width:910x; height:320px; margin-top:6px; background:#fff url(../media/images/your_articles_slideshow_bottom.png) bottom left no-repeat;} #articles_slideshow #articles_slideshow_cover {float:left; width:870px; padding:0 20px; background:url(../media/images/your_articles_slideshow_top.png) 0 0 no-repeat;} #articles_slideshow #articles_slideshow_cover h3 {margin-top:40px; padding-bottom:10px; border-bottom:1px solid #e9ecef;} /* Scrollable jQuery Plugin */ #articles_slideshow #articles_slideshow_cover .scrollable {position:relative; overflow:hidden; margin-top:20px; height:230px; width:870px;} #articles_slideshow #articles_slideshow_cover .scrollable .items {height:220px; width:20000em; position:absolute;} /* Single Article Item */ #articles_slideshow #articles_slideshow_cover .articles_boxes {float:left; width:150px; clear:none; margin-right:30px; height:220px; background:url(../media/images/article_single_bg.png) 0 0 no-repeat;} #articles_slideshow #articles_slideshow_cover .articles_boxes li {float:left; clear:both; width:150px;} #articles_slideshow #articles_slideshow_cover .articles_boxes li a.article_read_more {display:block; font-size:8px; text-decoration:none; margin:-56px 0 0 91px; width:40px; z-index:10; position:relative; color:#e02412;} #articles_slideshow #articles_slideshow_cover .articles_boxes .articleDelete {text-indent:-9999px; display:block; width:16px; height:13px; margin-left:134px;} #articles_slideshow #articles_slideshow_cover .articles_boxes .category {color:#555b61; font-size:10px; margin:7px 0 0 53px; width:76px; text-align:right; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; height:15px; overflow:hidden;} #articles_slideshow #articles_slideshow_cover .articles_boxes .publish_date {color:#a1aebb; font-size:11px; margin-left:53px; width:76px; text-align:right; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; height:12px;} #articles_slideshow #articles_slideshow_cover .articles_boxes .desciption {color:#858a90; font-size:10px; width:117px; margin:10px 0 0 16px; line-height:12px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; height:77px;overflow:hidden;} #articles_slideshow #articles_slideshow_cover .articles_boxes .title {color:#fff; font-size:10px; width:117px; margin:32px 0 0 16px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; height:24px; overflow:hidden; line-height:13px; text-shadow:1px 1px 1px #333;} /* IV. Google Map ================================================================================================================================================*/ #index #overlay {position:fixed; height:100%; width:100%; z-index:0; background:black; top:0px; left:0px; display:none; opacity:0.8; filter: Alpha(Opacity=80);} #index #close_map {height:23px; width:23px; position:absolute; background: url(../media/images/close_map.png) 0px 0px no-repeat; cursor:pointer; display:block; margin:-20px 0 0 561px; *margin: -490px 0 0 0;} #index #show_bigger_map {display:block; height:24px; width:24px; position:absolute; margin:-27px 0 0 215px; background: url(../media/images/map_button.png) 0px 0px no-repeat; cursor:pointer;} #index #hover_map_button {display:none; width:137px; height:50px; margin:-71px 0 0 108px; background:url(../media/images/map_button_hover.png) 0px 0px no-repeat; position:absolute; } #index #google_map h3 {float:left; clear:both; margin:21px 0 0 18px; background: url(../media/images/index_sprite.png) 0 -199px no-repeat; width:235px; ;height:14px;} #index #map {margin-top: 8px;} #index #map_details_primary h5 {background: url(../media/images/index_sprite.png) -60px -184px no-repeat; width:73px; height:14px;} #index #map_details_primary p {padding-top:10px;} #index #map_details_secondary h5 {background: url(../media/images/index_sprite.png) -135px -184px no-repeat; width:87px ;height:14px;} #index #map_details_secondary p {padding-top:10px;}