/* Live-La 3rd Generation Theme For Opal */ /* Links */ a:visited, a:link{ color:white;text-decoration:none; } a:hover{text-decoration:underline; } a.about_link:visited, a.about_link:link { color:#358F08;text-decoration:none;font-size:10px;font-style:italic }a.about_link:hover{font-style:normal;} a.category_link:visited, a.category_link:link { color:white;text-decoration:none;font-size:12px }a.category_link:hover{text-decoration:underline;} a.user_link:visited, a.user_link:link { color:white;text-decoration:none;font-size:10px }a.user_link:hover{color:#C8FFBF } a.big_link:visited, a.big_link:link{font-size:22px;} a.big_link:hover{font-size:22px;color:#17505F} .main_menu a:visited, .main_menu a:link{color:white;;text-decoration:none;font-size:20px;} .main_menu a:hover{color:#9FE6FF;text-decoration:none;font-size:20px;} .item_box div.title a:visited, .item_box div.title a:link{text-decoration:none} .item_box div.title a:hover{color:#FFDC83} a.item_object_title_link:visited,a.item_object_title_link:link {color:#FFE5A3} a.item_object_title_link:hover{color:white;text-decoration:none;} .item_object_box div.title a:hover{text-decoration:none;color:}/* Dave: for some reason, the area anchor Images are having ugly hover effects */ img.thumbnail{border:2px solid black} img.thumbnail:hover{border:2px solid #F8912C} img.bullet, img.icon{vertical-align:middle} /* Main HTML Tags */ body{background:url(/themes/live_la_3rd_generation/images/body_bg.png) repeat-x black;background-position:ceneter center;font-family:Trebuchet MS;margin:0px;font-size:12px;color:white} h1, h2, h3, h4, h5, h6{margin:0px;padding:0px} h2{font-size:18px} input, select, textarea{padding:2px;font-weight:bold;color:white;border:1px solid #17315F;background:#27477F;font-family:Trebuchet MS;font-size:12px;} select{padding:2px;background-color:#27477F;font-weight:bold;} input.selected, select.selected, textarea.selected{padding:2px;font-weight:bold;color:white;border:1px solid #7793BF;background:#17315F;font-family:Trebuchet MS;} .setting_table input, select, textarea{padding:2px;font-weight:bold;} .setting_table input.selected, select.selected, textarea.selected{padding:2px;font-weight:bold;color:white;border:1px solid #7793BF;background:#17315F;font-family:Trebuchet MS;} textarea{overflow:auto} td{vertical-align:top;} /* Style for the main table, logo, the top menu, very bottom, and very middle(main_inner_*) goes in .main_middle */ .browse_box{/*margin-right:17px;*/} .browse_box_top{border:1px solid black;background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_black.png) repeat-x black;border-bottom:0px;padding:5px;height:30px;width:785px;text-align:center;} .browse_box_top h2{padding-left:22px;padding-top:5px;} .browse_box_middle{border:1px solid black;background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_black.png) repeat-x black;padding:5px;width:785px;text-align:left} .browse_box_middle table.category_table{width:220px;margin-left:5px;} .browse_box_bottom{width:785px;height:30px;text-align:center;} .main_logo{margin-top:227px;margin-left:12px;} /* .main_logo and .main_menu are in the same table, so their positions affect eachother */ .main_menu{margin-top:303px;margin-right:38px;} .main_menu_item{background:url(/themes/live_la_3rd_generation/images/main_menu/main_menu_item_unselected.png) repeat-x;width:110px;text-align:center;} .main_menu_item_selected{background:url(/themes/live_la_3rd_generation/images/main_menu/main_menu_item_selected.png) repeat-x;width:110px;text-align:center;} .main_menu_item_hover{background:url(/themes/live_la_3rd_generation/images/main_menu/main_menu_item_hover.png) repeat-x;width:110px;text-align:center;} .main_table{width:1000px;} .main_table_top{background:url(/themes/live_la_3rd_generation/images/main_bg_top.png) no-repeat;border-bottom:0px solid #5B71A0;height:329px;} .main_table_middle{background:#27477F;padding-left:11px;padding-right:5px} .main_table_bottom{background:url(/themes/live_la_3rd_generation/images/main_bg_bottom.png) no-repeat;border-bottom:0px solid #5B71A0;height:62px;} /* Style for the inner table, content & stuff */ .main_inner_top{ background:url(/themes/live_la_3rd_generation/images/main_inner_top.png) no-repeat;height:40px;} .main_inner_middle{ background:url(/themes/live_la_3rd_generation/images/main_inner_middle.png) repeat-y;padding-left:10px;padding-right:16px} /* Contains margin & padding for main content(non-menu stuff) */ .main_inner_middle #main_content{} .main_inner_bottom{ background:url(/themes/live_la_3rd_generation/images/main_inner_bottom.png) no-repeat;height:40px;} /* Item Lists */ /*.item_box{background:url(/themes/live_la_3rd_generation/images/item_box_bg.png) no-repeat;width:760px;height:160px;text-align:left}*/ .item_box{background:url(/themes/live_la_3rd_generation/images/item_box_bg.png) repeat-x;} .item_box table{padding-left:0px;padding-top:17px;} .item_box td{vertical-align:top} .item_box td.item_image_column{width:100px;vertical-align:middle;} .item_box td.item_title_column{padding-left:5px;width:425px;vertical-align:top} .item_box td.item_bullets_column{width:300px;vertical-align:top} .item_box td.item_menu_user_column{width:40px;vertical-align:top} .item_box div.title{font-size:30px;text-align:left;margin:0px;padding:0px} .item_box span.date{font-size:12px;text-align:right;margin-left:0px;width:100%;font-weight:bold} .item_box div.description{font-size:12px;padding-left:20px;text-align:left;height:35px;width:425px;} .item_box div.item_other{font-size:12px;padding-right:97px;padding-top:3px;text-align:right;background:url(/themes/live_la_3rd_generation/images/bar/list_item_other.png) no-repeat;height:30px} .item_box div.item_other img.link_icon{} .item_box div.item_other img.review_icon{margin-top:1px;} .item_box div.item_other img.comment_icon{} .item_box div.item_image_box{} .item_box div.item_bullets_box{padding-left:2px;} .item_image_thumbnail{border:1px solid #336699} .item_spacer{height:10px;} .item_box_photo{padding:2px;width:165px;text-align:center;}/* Used in Photo List */ .item_box_photo .thumbnail_box{width:100px;height:100px;text-align:center;} .item_box_small{} /* Used in Small List */ .item_box_small .thumbnail_box img{width:15px;height:15px;} .item_box_small .title{width:580px} .item_box_small td{padding:1px;} /* Item Viewing */ .item_header_box{text-align:left} .item_header_box table{width:100%} .item_header_box td{vertical-align:top} .item_header_box div.item_title_box{width:525px} .item_header_box div.item_title_box #item_name{font-size:24px;} .item_header_box div.item_info_box {width:295px;height:200px;;padding-left:5px;padding-top:10px;text-align:center;border:1px solid black;background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_black.png) repeat-x black;} .item_info_box div.item_user_box {text-align:center} .item_title_box table{width:100%} .item_title_box td{vertical-align:bottom} .item_title_box div.title{font-size:30px;} .item_title_box div.date{font-size:12px;text-align:right;margin-left:0px;width:100%;} .item_title_box div.description{font-size:12px;padding-left:5px;} .item_objects{} .item_objects table{width:100%} .item_objects td{valign:top;text-align:left;} .item_objects .item_object_box{margin-bottom:20px;} .item_object_box div.title{font-size:24px;border-bottom:2px dashed #88C0D2;margin-bottom:5px;} .item_object_box div.images{} /*.item_object_box div.new_image_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;padding:10px;color:white;margin:15px;}*/ /* Dave 3-16-09: I'm swapping the new_[item_object]_box css for box_style_1. I'm trying to consolidate css. */ .item_object_box div.contents{} /* .item_object_box div.new_content_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;padding:10px;color:white;margin:15px;} */ .item_object_box div#new_content_box input{font-size:24px;} .item_object_box div#new_content_box textarea{width:733px;height:300px;margin-top:5px;margin-bottom:5px;font-size:12px;overflow:auto;} .item_object_box div.contents div.content_title{font-size:24px;border-bottom:2px dashed #88C0D2;margin-bottom:5px;} .item_object_box div.contents input{font-size:24px;} .item_object_box div.contents textarea{width:733px;height:300px;margin-top:5px;margin-bottom:5px;font-size:12px;overflow:auto;} .item_object_box div.contents div.content_content{font-size:12px} .item_object_box div.bullets{padding-left:20px;} /* .item_object_box div.new_bullet_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;background-color:#162B56;padding:10px;color:white;margin:15px;}*/ .item_object_box div.reviews{} .item_object_box div.reviews td{vertical-align:top;text-align:center} .item_object_box div.reviews div.user_box{padding-top:45px} .item_object_box div.reviews div.review_box{width:723px;height:150px;background:url(/themes/live_la_3rd_generation/images/review_bg.png) no-repeat;padding-left:5px;padding-top:10px;text-align:center;} .item_object_box div.reviews div.review_box div{padding:0px 5px 0px 20px;} .item_object_box img.review_icon{margin-top:6px;} /* .item_object_box div.new_review_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;background-color:#162B56;color:white;padding:10px;margin:15px;} */ .item_object_box div#new_review_box a:visited, .item_object_box div.new_review_box a:link{color:white} .item_object_box div#new_review_box a:hover{text-decoration:none;color:#D6EBF2} .item_object_box div#new_review_box div.score_box{color:#224386;border:1px solid #17505F;background:url(/themes/live_la_3rd_generation/images/box/solid/light_blue_to_white.png) repeat-x white;background-color:#9EACC8;;font-family:Trebuchet MS;padding:5px;width:144px;height:60px;} .item_object_box div.comments{} .item_object_box div.comments table{} .item_object_box div.comments td{vertical-align:top;text-align:center} .item_object_box div.comments div.user_box{padding-top:20px} .item_object_box div.comments div.comment_box_from_owner{width:723px;height:98px;background:url(/themes/live_la_3rd_generation/images/comment_bg_from_owner.png) no-repeat;padding-left:5px;padding-top:10px;text-align:center;} .item_object_box div.comments div.comment_box_from_owner div{padding:0px 5px 0px 20px;} .item_object_box div.comments div.comment_box{width:723px;height:98px;background:url(/themes/live_la_3rd_generation/images/comment_bg.png) no-repeat;padding-left:5px;padding-top:10px;text-align:center;} .item_object_box div.comments div.comment_box div{padding:0px 5px 0px 20px;} /* .item_object_box div.new_comment_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;color:white;padding:10px;margin:15px;} */ .item_object_box div#new_comment_box a:visited, .item_object_box div.new_comment_box a:link{color:white} .item_object_box div#new_comment_box a:hover{text-decoration:none;color:#D6EBF2} .item_object_box div.links{padding-left:20px;} /* .item_object_box div.new_link_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;padding:10px;color:white;margin:15px;} */ .item_object_box div.tags{padding-left:20px;} /*.item_object_box div.new_tag_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;padding:10px;color:white;margin:15px;} */ .item_object_box div.files{padding-left:20px;} /*.item_object_box div.new_file_box{background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_light_blue.png) repeat-x #6699CC;border:1px solid #336699;padding:10px;color:white;margin:15px;}*/ .item_objects_images img.item_image_thumbnail{border:1px solid #336699} /* Box Styles for different Box types */ .box_style_1{border:1px solid black;background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_black.png) repeat-x black;padding:5px} .box_style_1 a:visited, .box_style_1 a:link{color:white} .box_style_1 a:hover{color:#B9E3F1;text-decoration:none} .box_style_2{border:1px solid #17315F;background:#27477F;padding:5px;} /* Categories */ .categories_top{background:url(/themes/live_la_3rd_generation/images/categories/categories_top.png) no-repeat;height:57px;} .categories_middle{background:url(/themes/live_la_3rd_generation/images/categories/categories_middle.png) repeat-y;padding:3px} .categories_bottom{background:url(/themes/live_la_3rd_generation/images/categories/categories_bottom.png) no-repeat;height:46px} /* User Stuff */ .user_avatar{width:100px;border:1px solid black} .user_avatar_small{width:50px;height:50px;border:1px solid black} /* Other */ .item_object_hover{border-bottom:2px dashed #F77E1A; background: #3D5A8C} .item_object_unselected{border-bottom:2px dashed #88C0D2} .search_box{font-size:12px;padding-left:20px;text-align:left} .login_box{font-size:12px;} .login_box td{vertical-align:middle;} .signup_button{padding:0px;border:1px solid #17315F;background:#27477F;font-weight:bold;} table.messages_table{} table.messages_table td{padding:3px} .message_spacer{border-bottom:2px dashed #88C0D2} .preloaded_images{display:none} .dark_input{border:1px solid #224386;background:#224386;font-family:Trebuchet MS;font-size:14px;font-weight:bold;color:white} .row_a{background-color:#26467D} .row_b{background-color:#3D5A8C} .spacer{width:552px;height:16px;background:url(/themes/live_la_3rd_generation/images/spacer.png) no-repeat;background-align:center;background-position:center center;width:100%;margin-left:25px} .top_bar{padding-top:10px;padding-right:45px;text-align:right;height:40px;} #new_item_box #item_name{font-size:24px;width:400px;} #new_item_box #item_description{width:400px;height:200px;} #new_item_box td{padding:2px;} .reply_box{border:1px solid white;background:url(/themes/live_la_3rd_generation/images/box/solid/light_blue_to_white.png) repeat-x white;padding:2px;} .welcome_box{padding:10px;margin-right:0px;} .welcome_message{} .category_indent{padding-left:0px;} .category_child_indent{padding-left:10px;} .category_grandchild_indent{padding-left:20px;} /* Flash Messages(Success and Failure Boxes) */ .flash_notice{padding-top:10px} /* This is the div that contains all flash messages. */ .flash_success{color:#106F00;border:2px solid #1C8F08;background-color:#BBFFAF;padding:5px;margin: 0px 50px 0px 50px;text-align:center;} .flash_failure{color:#AF0000;border:2px solid #AF0000;background-color:#F3B3B3;padding:5px;margin: 0px 50px 0px 50px;text-align:center;} /* Dropdown Menus */ /* Tabs for User Section */ pre {text-indent: 30px;} #tabmenu {color: #000; margin: 0px; padding: 0px; z-index: 1; padding-left: 0px;padding-right:17px;text-align:center; } #tabmenu li {display: inline; overflow: hidden; list-style-type: none;} #tabmenu a, a.active {color:#17505F; background:#516B98; font-size:20px ; border: 1px solid black;;padding:5px; padding-top:0px; padding-bottom:0px; margin: 0px;text-decoration: none; cursor:hand;text-align:none;margin-right:5px;} #tabmenu a.active {background:#27477F;border:1px solid black;border-bottom:1px solid #27477F; } #tabmenu a:hover {background:#27477F;color:white; cursor:pointer; border-bottom:1px solid #27477F;} #tabmenu a:visited, #tabmenu a:link {color:white; } #tabmenu a.active:hover {background:#27477F;color:white; border-bottom:1px solid #27477F;} #tabmenu a.special_tab:visited, #tabmenu a.special_tab:link{background:#516B98;color:#FFC63F; cursor:pointer; border-bottom:1px solid black;font-style:italic;}#tabmenu a.special_tab:hover {background:#27477F;color:#FFC63F; cursor:pointer; border-bottom:1px solid #27477F;} #content {border:1px solid black;background:url(/themes/live_la_3rd_generation/images/box/solid/dark_blue_to_black.png) repeat-x black;padding:10px;} /* Pagination */ .pagination{margin-top:10px} .pagination a{border:1px solid #17505F;background:#C9E9F2;padding:10px;color:#17505F;text-decoration:none} .pagination a:hover{border:1px solid #17505F;background:#EFFBFF;padding:10px;color:#17505F;text-decoration:none} .current{border:1px solid #17505F;background:#EFFBFF;color:#17505F;padding:10px} .disabled{border:1px solid #17505F;background:#C9E9F2;padding:10px;color:#17505F;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} /* Admin Styles */ a.admin_link:visited, a.admin_link:link { color:white;text-decoration:none; }a.admin_link:hover{text-decoration:none;color:#67FF5F } .admin_menu{background:url(/images/box/solid/blue_to_dark.png) repeat-x;border:0px solid #162B56;background-color:#162B56;padding:3px;margin:20px} .admin_menu_header{color:white;font-size:14px;border-bottom:1px dotted white} .condition_name{color:white;font-weight:bold} .condition_value{color:red;font-weight:bold} table.setting_table{margin:3px} .setting_table td{padding:3px;} /* Lightbox(Image Slideshows and Display) */ #lightbox{ position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; color:#151410; } #lightbox a, #lightbox a:hover { border-bottom:none; color:#151410; text-decoration:underline;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #loadingLink { display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url("/themes/live_la_3rd_generation/images/lightbox/loading.gif") center center no-repeat; text-indent:-9999px;} #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLinkImg, #nextLinkImg{ width: 49%; height: 100%; background: transparent url("/themes/live_la_3rd_generation/images/lightbox/blank.png") no-repeat; /* Trick IE into showing hover */ display: block; text-indent:-9999px; } #prevLinkImg { left: 0; float: left;} #nextLinkImg { right: 0; float: right;} #prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("/themes/live_la_3rd_generation/images/lightbox/prev.png") left 15% no-repeat; } #nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("/themes/live_la_3rd_generation/images/lightbox/next.png") right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageDetails{ width: 70%; float: left; text-align: left; } #caption{ font-weight: bold; } #numberDisplay{ display: block; clear: left; } #detailsNav{ display: block; clear: left; padding:0 0 10px 0; } #prevLinkDetails { margin:0 8px 0 0; } #nextLinkDetails { margin:0 8px 0 0; } #closeLink { display:block; margin:0; padding:0 0 10px 0; text-decoration:none; float:right; width:66px; height:22px; background:url("/themes/live_la_3rd_generation/images/lightbox/close.png") no-repeat; text-indent:-9999px; overflow:hidden;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}