/* .-:*'``'*:-.,_,.-:*'``'*:*.-:*'``'*:-.,_,.-:*'``'*:* tastiq.com CSS last updated 05/13/10 .-:*'``'*:-.,_,.-:*'``'*:*.-:*'``'*:-.,_,.-:*'``'*:*/ /* RESET Stylesheet for browser compatibility */ @import url('reset.css'); /* forms Stylesheet */ @import url('forms.css'); /* General Definitions */ body { background:url('elements/tastiq_backdrop_stamp.gif') 50% 0px repeat-x #C9E3F0; font-family:Helvetica, Arial, Sans-Serif, 'Sans Serif'; } a { text-decoration:none; color: #0092D1;} label { font-family:Lucida Grande, Helvetica, Arial, Sans Serif, sans-serif; font-weight:bold; text-transform:uppercase; color:#999; font-size:9px; display:block; } /* questionable */ body > * { word-wrap:break-word } /* Character Counter */ .charcounter { display:block; text-align:left; margin-right:6px; margin-top:4px; margin-left:4px; margin-bottom:4px; width:200px; background:none; font-size:11px; font-family:Arial, Helvetica, Sans Serif; color:#7EC7E3; } .charcounter.overlimit { color:#CC006A !important; } #add_thing_form .charcounter { } /* Daisy Chain CSS Elements */ .editable:hover { cursor:pointer; padding:0px; background:url('elements/bg_sprite.png') repeat-x 0px -376px #FFFDEE; } .debug { border:1px solid red !important; } .left { float:left; } .right { float:right; } .right-align { text-align:right; } .left-align { text-align:left; } .centered { text-align:center; } .clear { clear: both; } .clear_left { clear:left; } .clear_right { clear:right; } .clear_none { clear:none; } .inline { display: inline; } div.column { float:left; margin-right:15px; } .top { vertical-align: top!important; } .bottom { vertical-align: bottom!important; } .middle { vertical-align: middle!important; } .first { margin-top: 0; padding-top: 0; } .last { margin-bottom: 0; padding-bottom: 0; } .clearfix { zoom: 1; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .transparent { filter: alpha(opacity=0); opacity: .0; } .faded { filter: alpha(opacity=50); opacity: .50; } .hidden { display:none; } .not_released { display:none !important; } /* to hide incomplete features */ .invisible { visibility: hidden; } .offscreen { left: -9999px; overflow: hidden; position: absolute; } .clickable:hover { cursor:pointer; } .moving:hover { cursor:move; } .moving:active { cursor:move; } .struck { color:#999 !important; } /* background:url('elements/strikethrough.png') repeat; } */ .highlight { height:40px; background-color: #FFFBD2; } .disabled { color: #bbb; } .error { color: #CC006A; } .spacer { margin:8px 0px !important; } .double_spacer { margin:24px 0px !important; } .smaller { font-size:12px !important; } .long_list_item { font-size:15px !important; } .notes { font-style:italic; color:#666; font-size:13px !important; line-height:15.5px; width:400px; margin-left:12px; } textarea.notes { padding:4px; font-style:italic; color:#666; margin-left:0px; } .numbered { list-style-type: decimal !important; } /* CSS3 Rounded Corners */ .rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; } .rounded_bevel { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius:8px; } .rounded_invert_bevel { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius:8px; } /* CSS3 Dropshadow */ .dropshadow { -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; } .inner_dropshadow { -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; } /* Header */ #header { width:1020px; margin-bottom:5px; height:80px; } #logo { margin-top:5px; width:180px; height:70px; float:left; } /* Header > Navigation */ #navigation { height:70px; width:300px; margin-left:100px; float:left; font-size:10px; font-weight:bold; } #navigation a.button { background-image:url('elements/buttons_sprite.png'); background-repeat:no-repeat; height:52px; width:57px; float:left; text-align:center; color:#000; } #navigation a.button:hover { color:#CC006A; } #create_list { background-position: 0px -10px; } #create_list:hover { background-position: 0px 0px; } #trends { background-position: -57px -10px; } #trends:hover { background-position: -57px 0px; } #me { background-position: -114px -10px; } #me:hover { background-position: -114px 0px; } #lists { background-position: -172px -10px; } #lists:hover { background-position: -172px 0px; } #alpha { background-position: -229px -10px; } #alpha:hover { background-position: -229px 0px; } #logout { background:none; color:#333; font-size:9px; } #logout:hover { color:#CC006A; } .versionbanner { font-weight:bold; color:#fff; background:#B1CE40; width:40px; text-shadow:1px 1px #333; font-size:12px; position:absolute; top:0px; left:-10px; padding:4px 18px; -webkit-transform:rotate(-30deg) scale(1) skew(0deg); -moz-transform:rotate(-30deg) scale(1) skew(0deg);} /* Header > Search Form */ #search_form { background:url('elements/small_bg_search_box.png') no-repeat; width:221px; margin: 0px; margin-top:-25px; height:35px; float:right; clear:both; } #search_form input { border:none; float:left; margin: 0px 10px 0px 5px; background:none; font-size:12px; color:#999; height:14px; margin-bottom:12px; padding:8px; focus:none; outline:none; width:180px; } /* Header > Login, Login / Signup */ #login_bar { width:330px; float:right; background:none; text-align:right; font-size:10px; padding-top:4px; height:25px; color:#666; } #login_bar:hover { } #login_bar a { font-weight:bold; color:#CC006A; } #login_bar .sign_out { font-weight:normal; border:none; margin-left:20px; } #login_bar a:hover { color:#CC006A; } #login_bar label { display:none; } #login_bar form { margin-bottom:5px; } #login_bar input[type='text'], #login_bar input[type='password'] { color:#999; background:none;border:none; border-bottom:1px solid #AAA; width:90px; margin-right:10px; } /* Header > Notices */ #feedback_ui { height:0px; margin:0px; position:fixed; top:0px; opacity:.6; filter: alpha(opacity=60); width:1020px; padding:0px; background:#EEE; font-weight:normal; } #feedback_msg { padding:5px; font-size:14px; font-family:Lucida Grande, Arial, Helvetica, Sans Serif, sans-serif; color:#333; } #feedback_msg strong { text-shadow:1px 1px 1px #000; } #close_feedback { float:right; } #close_feedback:hover { cursor:pointer; } /* Content Definitions */ #container { position:relative; margin:0px auto; width:1020px; padding:0px; } #content { margin-top:5px; padding:0px; } /* Layout Blocks Definitions */ #topfuzz { height:437px; width:370px; } #hotfuzz { width:1020px; } #search { min-height:300px; width:1020px; } #signup, #login { width:505px; } #search_ads { width:200px; float:right; } #noteworthy { width:628px; } #start_list { width:1020px; } #comments_container { margin-top:3px; float:right; width:390px; min-height:500px; margin-bottom:20px; } #tags_container { margin-top:3px; float:right; width:390px; min-height:200px; margin-bottom:20px; } #list_viewer { border-top:1px solid #eee; border-left:1px solid #ccc; float:left; width:570px; margin-left:10px; padding:15px 0px 15px 15px; min-height:600px; margin-bottom:20px;} #list_actions { float:right; width:450px; } #list_viewer.draft { background:url('elements/draft.png') no-repeat 470px 55px #fff; } .directives { font-size:14px; line-height:140%; font-weight:normal; color:#333; font-family:Georgia, Times New Roman, Serif; font-size:18px; } a.directives, .directives a { border-bottom:1px dotted #0092D1; color:#000; } a.directives:hover, .directives a:hover { border-bottom:1px solid #000; color:#0092D1; } .directives em { font-size:12px; color:#cecece; } .layout_block { background:#fff; padding:0px; border-left:1px solid #efefef; border-right:1px dotted #ccc; margin-bottom:20px; } .layout_block_content { padding:20px 10px; } /* Ticker */ .ticker { font-family:Helvetica, Arial, Sans Serif; font-size:15.42px; margin:-20px 0px 0px 140px; } .ticker li { display:none; line-height:22px; } .ticker img { vertical-align:middle; } /* Front Page Ticker */ #hotfuzz .ticker { color:#F2C6D4; } #hotfuzz .ticker a { color:#eee; font-weight:bold; } #hotfuzz .ticker a:hover { color:#fff; } #topfuzz_slides ul { display:none; } /* Front Page Noteworthy [cycle all] */ #noteworthy #slider { width:100%; padding:0px; margin:0px; } #noteworthy .slides { display:none; width:100%; height:400px; padding:0px; margin:0px 0px -20px 0px; } #noteworthy .slides .inside_slide { padding:10px; } #noteworthy #nav { background:url('elements/bg_black_transparent.png'); padding-left:0px; height:30px; width:628px; font-size:10px; position: absolute; z-index:10; margin-top:-30px; } #noteworthy #prev { filter: alpha(opacity=60); opacity:.6; float:left; height:30px; width:25px; padding:0px; background:url('elements/slider_arrows.png') 0px 3px no-repeat; } #noteworthy #next { filter: alpha(opacity=60); opacity:.6; float:right; height:30px; width:25px; padding:0px; background:url('elements/slider_arrows.png') -25px 3px no-repeat; } #noteworthy #prev:hover, #noteworthy #next:hover { opacity:1; color:#777; cursor:pointer; } /* Front Page Top Fuzz */ .top_item { padding:5px 5px 0px 5px; height:61px; width:358px; border-bottom:1px #eee dotted; } .top_item:hover { border-bottom:1px #aaa dotted; background:#FFFBC8; } .top_item .list_title { font-size: 16px; } /* Content Headers */ .area_header { margin:0px 0px 20px 10; color:#fff; padding:10px 0px 10px 0px; } .area_header h2 { text-shadow: rgb(0, 0, 0) 1px 1px; color:#fff; display:inline; padding:0px 0px 0px 10px; } /* .area_header h2:hover { -webkit-transition: all 0.12s ease-out; text-shadow: rgb(255, 200, 0) 1px 1px, rgb(255, 200, 0) 2px 2px, rgb(255, 200, 0) 3px 3px, rgb(255, 200, 0) 4px 4px, rgb(255, 200, 0) 5px 5px; } */ .area_header a { font-weight:bold; color:#eee; text-decoration:none; padding:5px; } .area_header a:hover { font-weight:bold; color:#fff; } .area_header .area_title { text-indent:-999px; padding-top:10px; } .area_header .reload { display:none; /*disabled for the moment */ float:right; margin-right:5px; margin-top:-5px; filter: alpha(opacity=60); opacity:.6; } .area_header .reload:hover { filter: alpha(opacity=100); opacity:1; } .area_header .header_notes { padding-top:3px; padding-right:8px; font-size: .7em; } #search .network_updates { padding:10px; } #search .area_header, #sponsored_ads .area_header, #topfuzz .area_header, #noteworthy .area_header, #mustpublish .area_header { background:#000; } /* tastiq: black */ #start_list .area_header, #tools .area_header, #signup .area_header, #your_community .area_header, #tastiq_newest .area_header, #your_profile .area_header, #hotfuzz .area_header, #editing_dashboard .area_header { background:#CC006A } /* you: pink */ #tags_container .area_header, #your_updates .area_header, #comments_container .area_header { background:#0092D1 } /* others: blue */ #your_updates_content { min-height:835px; } #sponsored_links .area_header { background:#FFE212; } /* sponsors: yellow */ #editing_dashboard { border:2px solid #cee3ee; height:240px; width:1004px; -moz-box-shadow: 0px 3px 10px #666; -webkit-box-shadow:0px 3px 10px #666; position:fixed !important; bottom:0px; margin:0 auto; padding:10px; } #editing_dashboard .pager { margin-left:5px; margin-bottom:10px; margin-top:5px; text-transform:uppercase; float:left; font-size:8.5px; } #editing_dashboard .pager li a { padding:4px 6px; color:#000; } #editing_dashboard .pager li a:hover { color:#fff; background: #60BCDF; } #editing_dashboard .pager li.activeSlide a, #editing_dashboard .pager li:active a { background:#0092D1; color:#FFF; } #editing_dashboard .charcounter { color:#666; width:420px; margin-bottom: 15px; margin-top: -7px; } /* Profile, Specifics */ #your_profile { width:360px; } #profile_box { padding:10px; background:url('elements/tastiq_backdrop_stamp.gif') 0% -60px repeat-x #C9E3F0; height:370px; overflow:hidden; width:320px; } #your_updates { width:640px; } #your_community { margin-top:10px; width:360px; } #tastiq_newest { margin-top:10px; width:360px; } #profile_box { padding:10px; background:url('elements/tastiq_backdrop_stamp.gif') 0% -60px repeat-x #C9E3F0; height:370px; overflow:hidden; width:320px; } #your_network { width:640px; } #profile_features { width:640px; margin-bottom:5px; } #profile_features img { width: 210px; margin:0px 0px;} #profile_features li { display:inline; } /* Profile > Alerts */ #profile_alerts { width:640px; } #profile_alerts .profile_alert{ line-height:19px; margin:0px; padding:10px 15px 10px 15px; background:#E5EFCC; color:#50504F; font-size:16px; font-weight:normal; } /* Profile, Generic */ a.followers { height:20px; width:20px; display:inline; } /* Profile > Network Updates */ .update { font-size:80%; display:block; height:70px; } .update .avatar { width:52px; margin:0px 4px 8px 0px; } .update .update_details { height:12px; width:100%; } .update .list_title { line-height:16px; margin-left:0px; font-size:14px; } .update .list_description { color:#999; font-size:11px; } .update .update_action { color:#bbb; } .update .update_favorite { margin:10px 5px 15px 15px; } #profile_box .avatar { width:86px; } #your_profile .avatar { width:100px; } .update .unpublished { font-family:Lucida Grande, Arial, Helvetica; margin-top:0px; float:left; padding:2px 3px; margin:0px 4px; color:#fff; font-size:10px; background:#F39; } .profile h1 { font-size:32px; padding:4px 0px 4px 14px; } #profile_details, #profile_activities { margin-bottom:5px; font-family:Georgia, Times New Roman, Serif; padding:0px;; display:block; height:120px; width:210px; padding-right:10px; } #profile_details { height:90px; } #profile_actions { line-height:20px; padding:0px; width:318px; margin:5px 0px 0px 0px; font-size:11px; color:#333; } #profile_details li { margin:8px 0px; } #profile_details .location { color:#1E7F7C, margin:8px 0px; font-size:11px; } #profile_details .location a { color:#1E7F7C } #profile_details .location a:hover { color:#006E73 } #profile_details .joined { white-space:nowrap; font-style:italic; color:#64756F; font-size:10px; } #profile_details .bio { padding:4px; font-size:13px; line-height:14px; } #your_profile .bio { height:100px; margin-bottom:5px; } #your_profile #profile_stats { clear:both; padding:10px 0px; height:110px; } #your_profile #profile_stats .tally { margin:0px 8px; margin-bottom:5px; } #profile_box #profile_stats { margin:15px 0px 5px 15px; padding:10px 0px 0px 0px; width:55px; text-align:center; } /* Profile > Titles */ .profile h2 { font-size:18px; padding-bottom:10px; margin-bottom:10px; margin-top:20px; } #change_avatar { width:100px; } .profile .followers { } /* Popup Profile */ #profile_box #recent_lists { height:160px; margin:15px 0px 5px 0px; } #profile_box #recent_lists li { width:90%; line-height:15px; margin:5px 0px; } #profile_box #recent_lists .list_title { font-size:14px; } #profile_box .bio { padding:4px 0px; } /* Specific Elements */ .loading { background-position: 50% 50%; background-repeat: no-repeat; } .control_button { padding:.44em .55em .38em; white-space:nowrap; text-align:center; vertical-align:middle; line-height:1.4; text-decoration: none; color: #fff; background:#D43B80; cursor:pointer; outline:none; font-size:10px; margin-bottom:4px; } .control_button:hover { background:#CC006A; color:#fff; } .endless_more, .see_more { margin:0 auto;white-space:nowrap; text-align:center; vertical-align:middle; line-height:1.6; font-family:"museo-sans-1","museo-sans-2"; text-decoration: none; color: #00587B; text-shadow:#fff 2px 2px 3px; cursor:pointer; outline:none; font-size:14px; height:40px; padding:10px 310px; } .generic_more { margin:0 auto;white-space:nowrap; text-align:center; vertical-align:middle; line-height:1.6; font-family:"museo-sans-1","museo-sans-2"; text-decoration: none; color: #00587B; text-shadow:#fff 2px 2px 3px; cursor:pointer; outline:none; font-size:14px; height:40px; padding:10px 100px; } .endless_loading { text-transform:uppercase; font-size:10px; text-align:center; color:#aaa; padding:4px 8px; background:url('elements/bar_load.gif') 50% 50% no-repeat; } .endless_container { text-align:center; border:1px solid #eee; background:#eee; padding:10px 0px; } .endless_container:hover { border:1px solid #ccc; background:#fff; } .endless_container:active { border:1px solid #ccc; background:#BBE1ED; } .pager { margin-right:5px; margin-top:5px; text-transform:uppercase; float:right; font-size:8.5px; color:#ccc; } .pager li { margin:0px 4px; display:inline; } .pager li a { color:#AAA; } .pager li.activeSlide a, .pager li:active a { background:#0092D1; color:#FFF; } .pager li a:hover, .pager li a.hover { color:#CCC; background:#444; } .clickable_list li { cursor:pointer; } /* List Elements */ /* List */ a.list_title { color:#004B63; } a.list_title:hover { color:#CC006A } #feature { line-height:19px; width: 390px; margin-top: 22px; padding:10px 15px 10px 15px; background:#E5EFCC; color:#50504F; font-size:16px; font-weight:normal; } #teaser { line-height:19px; width: 360px; margin-left:20px; margin-top: 22px; padding:10px 15px 10px 15px; background:#FFFBC8; color:#999; font-size:14px; font-weight:normal; } #teaser a { color:#000; } #list_author { width:92px; } #list_heading, #list_details { height:100px; display:block; margin-top:6px; } #list_contents { display:block; margin-top:6px; } #list_viewer .list_title { color:#004B63; margin-left:8px; display: block; float: left; font-size: 24px; height: 80px; line-height: 25px; padding-right:4px; width: 350px; word-wrap:break-word } #list_viewer .list_description { padding:14px 14px 10px 0px; margin:0px 0px 0px 0px; display:block; width:390px; float:left; color:#333; font-size: 14px; line-height: 18px; /* background:url('elements/bg_sprite.png') repeat-x; background-position:0px -69px; */ } #list_tools { white-space:nowrap; background:#fff; margin:-16px 0px 0px 0px; width:288px; height:25px; float:right; text-align:center; display:block; } #list_tools li { cursor:pointer; width:30px; float:right; text-align:center; display:inline; } #list_tools li span { text-align:center; } #list_tools li:hover { background:#eee; } #list_tools li a { width:20px; height:20px; display:block; padding:8px 4px 4px 4px; text-align:center; } .is_checklist.on { color:#00BC27; } .is_ordered { font-weight:800; } .is_ordered.on { color:#000; } .is_private.on { color:#C41C1C; } .to_delete { color:#000; } .to_delete:hover { color:red; } .is_published { font-size:32px; } .is_published.on { color:#000; } #inappropriate_flag { margin-right:10px;} .avatar { width:84px; display:block; } /* Icon Content Types */ .inline_icon, .icon, .list_item_icon, .large_icon { background-image:url('elements/icons_sprite_2.png'); background-repeat:no-repeat; } .icon, .inline_icon { margin-left:0px; margin-right:5px; width:15px; height:15px; padding:0px; display:block; float:left; } .large_icon { margin-left:0px; margin-right:5px; width:15px; height:15px; padding:0px; display:block; float:right; width:30px; height:30px; } .dragger { margin-left:0px; margin-right:5px; width:15px; height:15px; padding:0px; display:block; float:left; } .content_marker { background-image:url('/media/css/elements/content_markers.png'); margin-right:-10px; margin-left:-70px; margin-top:-10px; width:70px; height:70px; padding:0px; background-repeat:no-repeat; } .content_marker.text { background-position:0px 0px; } .content_marker.url { background-position:0px -70px; } .content_marker.image { background-position:0px -140px; } .content_marker.video { background-position:0px -210px; } .upload_file { background-position:0px -165px;} .add_text { background-position:-30px -165px;} .pin { background-position:0px -135px; } .delete { background-position:0px -120px; } .unchecked { background-position:0px -120px; } .checked { background-position:-15px -120px; } .featured { width:15px; background-position:-45px -120px; } .edit { text-align:center; height:16px; width:16px; margin-top:0px; background:none; color:#FAA61A; font-weight:bold; font-size:9px; margin-left:2px; text-transform:uppercase; font-family:Lucida Grande, Arial, Helvetica; width:25px; } .edit:hover { color:#EC008C } .edit:active { color:#ED145A } .drag { height:16px; width:16px; margin-top:2px; background:url('elements/reorder.png') no-repeat 1px 0px; } .drag:hover, .drag:active { cursor:move } .kill { background-position:-90px -435px; } #comments_pages .delete { margin-top:-5px; margin-right:-5px; float:right; } .toggleFavorite { display: block; height:35px; text-align:center; cursor: pointer; font-weight: bold } #sharing .toggleFavorite { display:inline; } .off { color:#aaa; } .off:hover { color:#EBADC3; } .on { color:#EC008C; } .icon.tools { background-color:#111; background-position:-120px -390px; } /*List > Sharing */ #sharing { float:left; margin:20px 0px 30px 27px; } #sharing li { cursor:pointer; display:inline; margin:0px 4px; } #email_form_result, #email_form_container { background:#EDF7FC; width:373px; display:none; margin-left:30px; padding:10px 10px; float:left; margin-bottom:10px; } #email_form_container form { background:transparent !important; } #email_form_result { background:#9CD3E7; } #upload_photo { -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px dotted #ccc; width:320px; padding:10px 10px; float:left; margin-bottom:3px; } #upload_photo { width:300px; border:none; } #upload_photo #upload_form { width:295px; } #text_form_container, #upload_form { padding:4px 10px; } /* List > Author - template tag */ .comment_author { line-height:100%; width:64px; } .author, a.author, a.author:visited { color:#0092D1; font-family:Arial, Helvetica, Sans-Serif, 'Sans Serif'; } a.author:active, a.author:hover { color:#CC006A; } #topfuzz .author { width:65px; } .avatar img { margin-bottom:2px; padding:2px; background:#fff; border:1px solid #ccc; display:block; } .byline { white-space:nowrap; font-size:11px; color:#333; display:block; } #profile_box .byline { display:inline; } .byline a { font-weight:bold; color:#0092D1; } .byline a:hover { color:#CC006A; text-shadow:1px 1px #ccc; } .static .last_update, .timestamp { white-space:nowrap; font-family:Georgia, Times New Roman, Serif; font-style:italic; color:#64756F; font-size:9.5px; } #hotfuzz .timestamp { color:#fff; } .static .last_update { float:right; } /* List > Tallies */ #bumps { margin:0 auto; color:#EC008C; } #items { margin:0 auto; color:#000; } .response_flag { width:20px; float:right; height:20px; } #comments { margin:0 auto; color:#0089C0; } #replies { margin:0 auto; color:#F9C71A; } #replier { padding-top:10px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; display:block; height:80px; width:560px; margin-bottom:10px; } #reply_teaser { padding-top:20px; margin-left:80px; width:400px; } #flagging_tools {display:block; cursor:pointer; width:100%; font-weight:bold; color:#111; height:60px; font-family:Georgia, Times New Roman, Serif; font-size:11px; display:block; } #ads, .ads { margin-top:80px; padding:20px; height:100px; } #commenter { padding-top:10px; padding-right:10px; margin-bottom:5px; } #bumper { display:block; height:100px; width:90px; margin:0 auto; margin-right:10px; } #knuckles { margin-top:25px; height:35px; width:60px; background-image:url('elements/knuckles_sprite.png'); background-repeat:no-repeat; background-position:0px 0px; text-align:center; } #knuckles.notbumped { background-position: 0px 0px; } #knuckles.alreadybumped { background-position: 0px -70px; } #knuckles.notbumped:hover { background-position: 0px -35px; } #knuckles.notbumped:active { background-position: 0px -70px; } #knuckles.alreadybumped:hover { background-position: 0px -70px; } .tally { background:#fff; font-size:16px; font-weight:bold; text-align:center; display:block; height:60px; width:60px; border:4px solid; -moz-border-radius:40px; -webkit-border-radius:40px; } .tally_count { display:block; margin:18px 0px 0px 0px; } .tally label { margin:0px; text-transform:uppercase; color:#888; font-size:8px; } #profile_box .tally, #topfuzz .tally, .search_results .tally { font-size:11px; font-weight:bold; text-align:center; display:block; height:45px; width:45px; border:3px solid; -moz-border-radius:40px; -webkit-border-radius:40px; } #profile_box .tally { margin-bottom:5px; } #profile_box .tally_count, #topfuzz .tally_count, .search_results .tally_count { display:block; margin:12px 0px 0px 0px; } /* List > Comments */ #comment_box { font-weight:normal; font-size:16px; color:#777; padding:3px; margin:0px; margin-top:10px; } #comments_pages { margin-top:10px; } #comments_pages .comment a { color:#586A6B; } #comments_pages .comment a:hover { border-bottom:1px dotted #586A6B; color:#333; } #comments_pages li { border-bottom:1px dotted #ccc; margin-bottom:7px; padding-bottom:5px; display:block; clear:both; min-height:70px; } #comments_pages #list_author { width:60px; } .comment { word-wrap:break-word; margin-left:72px; text-align:left; border: 3px solid #C2E6F0; padding: 10px; -webkit-border-radius: 1em; -moz-border-radius: 1em; background: #EAF5F8; font-size:11px; line-height:13px; color:#91A4A8; } .comment.yours { background: #eee; border: 3px solid #DDD; } .comment_tail { float:left; background:url('elements/comment_bit.png') no-repeat bottom center; width:10px; height:10px; display:block; margin-top:5px; } .comment_tail.yours { float:left; background:url('elements/gray_comment_bit.png') no-repeat bottom center; width:10px; height:10px; display:block; margin-top:5px; } #comments_container label { margin-bottom:8px; } /* List > Replies */ .reply a { font-size:14px; color:#CB006B; font-weight:bold; } .reply { margin-left:340px; text-align:right; width:340px; border: 3px solid #F4D0DB; padding: 10px; -webkit-border-radius: 1em; -moz-border-radius: 1em; background:#F4DFE2; font-size:14px; color:#333;} .reply_tail { margin-bottom:5px; background:url('elements/reply_bit.png') no-repeat 0 0 ; width:10px; margin-left:600px; height:10px; } /* Footer Definitions */ #footer { background-color:#333; font-size:12px; clear:both; display:block; font-family: Arial, Helvetica, 'Sans Serif', sans-serif; height:115px; margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; width:1020px; } #footer h3 { font-size:18px; margin-bottom:10px; color:#CC006A; text-shadow: #000 2px 2px 2px; } .footer_blocks { font-size:14px; line-height:1.4em; color:#fff; clear:none; width:430px; margin-right:50px; } #footer a { margin:4px 10px 4px 0px; color:#ddd; font-weight:bold; } #footer a:hover { color:#9c3;} #footer_links { width:460px; } .feedback_link { color: #EDA420 !important; } .feedback_link:hover { color: #9c3 !important; } #footer ul { list-style-type: none; } #footer ul li { width:85%; display:inline; line-height:1.8em; list-style-type: none; } #footer #colophon { font-size:10px; font-weight:normal; padding:0px; margin: 10px 15px 0px 0px; color:#666; } #footer #colophon a { margin:0px; font-weight:normal; border-bottom:1px dotted; color:#ccc; } #footer #colophon a:hover { border-bottom:1px dotted; color:#CC006A; } /* Sortable */ ul#sortable li { min-height:50px; margin: 15px 20px 15px 35px; padding: 8px 0px 8px 0px; line-height:22px; font-size:18px; display: list-item; } ol#sortable li { min-height:50px; margin: 15px 20px 15px 35px; padding: 8px 0px 8px 0px; line-height:22px; font-size:18px; display: list-item; } #sortable li, #sortable li:hover { border-bottom:1px dotted #ccc; border-top: 1px dotted #ccc; color:#000;} #sortable a { color:#000; } #sortable a:hover { color:#1A88B8; } .thing_content { word-wrap:break-word !important; display: inline-block; font-size: 21px; font-weight: 400; line-height: 26px; margin-left: 0px; padding-bottom:10px; vertical-align: top; width: 445px; padding-left:10px; } .thing_content:hover { } .item_tools.left, .item_tools.right { cursor:pointer; } .item_tools.left { border-left:1px dotted #ccc; border-right:1px dotted #ccc; border-top:1px dotted #ccc; padding:4px; background:#fff; width:55px; ; margin-top:-30px; margin-left:15px; } .item_tools.right { margin-right:-14px; margin-top:-16px; } /* Search */ .search_results {} .search_results table { width:1010px; } .search_results td { height:40px; vertical-align:top; border-bottom:1px dotted #666; padding:10px; } .search_results .tally { font-size:14px; } .search_results .timestamp { white-space:normal !important ;} .search_results .list_title { word-wrap:break-word; font-size:14px; margin-bottom:4px; } .search_results .list_description { color:#999; font-size:11px; } #edit_trigger { background-image:url('elements/edit_trigger.png'); background-repeat:none; background-position:0px 0px; width:70px; height:70px; margin-right:10px; margin-top:-5px; } #edit_trigger:hover { background-position:0px -70px; } #edit_trigger:active { background-position:0px -140px; } #add_trigger { background-image:url('elements/add_trigger.png'); background-repeat:none; background-position:0px 0px; width:70px; height:70px; margin-right:10px; margin-top:-5px; } #add_trigger:hover { background-position:0px -70px; } #add_trigger:active { background-position:0px -140px; } .audio_player { border:1px dotted #eee; padding:10px; clear:both; margin:5px; width:85%; } .user_input { background-image:url('elements/bg_sprite.png'); background-position:0px -675px; background-color: #EEF7F9 !important; } .user_edit { background-image:url('elements/bg_sprite.png'); background-position:0px -376px; background-color: #FFFDEE !important; } form { background:#fff; } form.user_input_title textarea, form.user_input_title input { font-size:24px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border:none; color:#625E68; background:url('elements/bg_sprite.png') repeat-x; background-position:0px -376px; font-family:"museo-1","museo-2"; } form.user_input_description textarea, form.user_input_description input { font-size:14px; color:#000; border:none; background:url('elements/bg_sprite.png') repeat-x; background-position:0px -376px; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2" } form.user_input_line_item textarea, form.user_input_line_item input { -moz-border-radius: 0px; -webkit-border-radius: 0px; border:none; color:#0092D1; background:url('elements/bg_sprite.png') repeat-x; background-position:0px -376px; font-size:16px; height:24px; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2"; } form.user_input_location textarea, form.user_input_location input { font-size:14px; width:160px !important; height:16px !important; padding:4px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border:none; color:#0092D1; background:url('elements/bg_sprite.png') repeat-x; background-position:0px -376px; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2"; } form.user_input_bio textarea, form.user_input_bio input { font-size:13px; line-height:14px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border:none; color:#000; background:url('elements/bg_sprite.png') repeat-x; background-position:0px -376px; width:190px; padding:4px; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2"; } #add_text_item_form { background:none; } .login_form { position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('elements/login_fuzz.gif') no-repeat bottom left #000F3D; } .login_form #register, .login_form #login, .login_form #reset { width:400px; position:absolute; top:0px; right:0px; margin:40px 40px 0px 0px; background:transparent; } .login_form h2 { color:#fff; } .login_form a { color:#60BCDF; } .login_form .directives { font-size:14px; margin:10px; color:#9CD3E7; } .login_form label { margin-bottom:4px; } .login_form input { display:block; } .login_form input[type='submit'] { display:inline; } #login_form.login_form .error { position:absolute; top:240px; right:100px; padding:20px; font-size:24px; } #register_form.login_form.error { } #register_feedback { font-size:24px; color:#ccc; background:#303030; width:300px; padding:20px; float:right; margin-top:10px; margin-right:30px; } #no_results { padding:20px; width:980px; min-height:300px; background:url('elements/no_results.png') no-repeat 700px 80px #fff; } #no_results ol { margin-top:20px; margin-left:20px; } #no_results li { margin:10px 0px; } /* Jquery Expander */ .re-collapse a, .read-more a { font-family:Lucida Grande, Helvetica, Arial, Sans Serif, sans-serif; font-weight:bold; text-transform:uppercase; color:#ccc !important; font-size:11px; } .expander_button { white-space:nowrap; border:1px solid #ccc; background:#eee; margin:10px auto 5px auto; padding:4px 8px; text-align:center; font-family:Lucida Grande, Arial, Helvetica, sans-serif; cursor:pointer; font-size:9px; font-weight:bold; color:#bbb; text-transform:uppercase; } .expander_button:hover { cursor:pointer; color:#333; } /* Static Pages */ .static { white-space:normal !important; line-height:19px; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2"; min-height:600px; background:#fff; padding:20px 40px; } .static p { display:block; margin:4px 0px 18px 0px;} .static h1 { margin:40px 0px 10px 0px; font-size:24px; } .static h2 { margin:30px 0px 10px 0px; font-size:18px; } .static h3 { margin:20px 0px 10px 0px; font-size:14px; } #add_forms form { padding:10px; } #content_type_selector li { display:inline; margin:4px 8px; } .adding { display:none; height:200px; display:block; border:1px dotted #ccc; padding:4px 10px; margin:0 auto; width:97%; background:#fff; } .adding input[type='submit'] { width:170px; height:40px; } .this_form_options { width:260px; margin-left:30px; } #add_forms { height:300px } #content_type_selector { } #text_note { width:200px; } #delete_collection_link { color:#CC006A; } .edit_description { width:430px !important; height:50px !important; margin-left:0px; }