/* Project: Website folkd.com * File: folkd.css /* 1. Body */ body { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:19px; background:#fff; font-size:0.8em; } input,textarea { font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; } /* 2. General definitions 2.1 HTML-elements */ a:link { color:#006582; } a:visited { color:#006582; } a:active { color:#006582; } a:hover { color:#000000; } a.hoverunder { text-decoration:none; } a.hoverunder:hover { text-decoration:underline; } h2 { font-size: 160%; padding:10px 0 0 0; margin:0px 0 18px 0; letter-spacing: -1px; font-weight: normal; color:#006582; } h3 { font-size: 110%; padding:0; margin:0; font-weight: bold; margin-bottom:8px; } h3.tour { font-size: 120%; padding:0; margin:15px 0; font-weight: bold; } img { border:0; } li { margin-top:8px; } ol, ul { padding:0 0 0 20px; margin:0; } ol li { margin-left:20px; vertical-align:top; } /* 2.2 General classes */ .spacer { border-top:1px solid #ccc; line-height:1px; padding:0; font-size:5px; background-color:#f1f1f1; height:8px; } .spacer2 { border-bottom:1px solid #ccc; line-height:1px; padding:0; font-size:5px; background-color:#f1f1f1; height:8px; } .grey_text_block { margin-bottom:15px;background-color:#f1f1f1; padding:10px; } .right { text-align:right; } .clear { clear:both; } .center { text-align:center; } .hide { display:none; } .r5 { margin-right:5px; } .b10 { margin-bottom:10px; } .b15 { margin-bottom:15px; } .b20 { margin-bottom:20px; } .b25 { margin-bottom:25px; } .b0 { margin-bottom:0px; } .b5 { margin-bottom:5px; } .l20 { margin-left:20px; } .t0 { margin-top:0px; } .t30 { margin-top:30px; } .t10 { margin-top:10px; } .t20 { margin-top:20px; } .t40 { margin-top:40px; } .p15 { padding-top:15px; } .pb15 { padding-bottom:15px; } .pl4 { padding-left:4px !important; } .nomargin { margin:0; } .warning { background:#FCC; padding:4px; border:1px solid #a00; margin:8px 0; } .hint { background:#ffc; padding:4px; border:1px solid #ffa305; margin:8px 0; } .img-link { border:0; margin-right:6px; vertical-align:middle; padding-bottom:4px; } .rightspace6 { margin-right:6px; } .virtuallink { color:#006582; text-decoration:underline; cursor:pointer;} .wait, .wait * { cursor:wait; } .newbutton { background-color: #74A4CF; background:-moz-linear-gradient(center top , #74A4CF, #548DAC) repeat scroll 0 0 #4F7DA9; border:1px solid #777; color:#FFFFFF; text-shadow:0 -1px 0 #172B73; -moz-border-radius:5px 5px 5px 5px; cursor:pointer; display:inline-block; font-size:1.16667em; font-weight:bold; line-height:1.25em; padding:7px; } .newbutton:hover { -moz-box-shadow: 1px 1px 3px #444; } .midbutton { vertical-align:top; height:28px; font-size:15px; cursor:pointer; } .bigbutton { vertical-align:top; height:32px; font-size:16px; cursor:pointer; } .user_rate_button { float:right; margin:13px 8px 6px 16px; width:130px; height:32px; font-size:13px; font-weight:bold; cursor:pointer; letter-spacing:-0.5px; vertical-align:top; color:#393939; -moz-border-radius: 5px; } .rated { padding: 0px 0px 2px 20px; background-repeat: no-repeat; background-position: 5px 8px; border:1px solid #3676AF; text-align:center; } .rate_loading { padding: 0px 5px 2px 27px; background-image: url('/images/mini-loader.gif'); background-repeat: no-repeat; background-position: 7px 9px; border:1px solid #ccc; } .rated_x { background-image: url('/images/icons/delete.png'); border-color: #AF4A36; } .rated_0 { background-image: url('/images/bigbutton-bg.png'); background-position:0 0; background-repeat: repeat-x; padding-left:0 !important; border-color: #ccc; } .rated_1 { background-image: url('/images/icons/accept.png'); border-color: #3676AF; } .rated_2 { background-image: url('/images/icons/star.png'); border-color: #3676AF; } .rated_3 { background-image: url('/images/icons/award_star_gold_3.png'); border-color: #3676AF; letter-spacing:-1px; } .user_rate_status { float:right; width:90px; margin:6px 5px 6px 10px; } .size90 { font-size:85% !important; } .size80 { font-size:80% !important; } .size75 { font-size:75% !important; } .size11 { font-size:70% !important; } .size10 { font-size:60% !important; } .size9 { font-size:50% !important; } .underline { text-decoration:underline; } .bold { font-weight:bold; } .italic { font-style:italic; } .inline { display:inline; } .notunder { text-decoration:none; } .pointer { cursor:pointer; } img.help { margin:0 0 -3px 5px; } /* 2.3 General color */ .red { color: #aa0000 !important; } .black { color: #000000 !important; } .grey { color: #808080 !important; } .darkgrey { color: #404040 !important; } .middlegrey { color: #555555 !important; } .lightgrey { color: #aaaaaa !important; } .white { color: #ffffff !important; } .lightorange { color: #FAB300 !important; } .orange { color: #Fa9900 !important; } .folkd-blue { color: #006582 !important; } .green { color: #248000 !important; } .softgreen { color: #62994c !important; } .purple { color: #8c3fa0 !important; } .red { color: #aa0000 !important; } .lightgreen { color: #bcff4f !important; } .lightblue { color: #4fcaff !important; } .silver { color: #7f7f7f !important; } .bg_yellow { background:#ffeb90 !important; } .grey a, .grey a:hover { color: #808080 !important; } .small { font-size:0.8em; } /* 3. Special definitions by classes 3.1 Links */ a.navi_sel { font-weight:bold; } a.navi_unsel { } p.msg { text-align:center; font-weight:bold; color:#000; } p.error { text-align:center; font-weight:bold; color:#aa0000; } p.success { text-align:center; font-weight:bold; color: #248000; } p.info { text-align:center; font-weight:bold; color: #808080; } p.mandatory { font-size:0.85em; } .pagenavi a { margin-right:10px; } a.rss { color:#ff7713; font-weight:bold; text-decoration:none; } a.rss:hover { text-decoration:underline; } a.rss img { margin:0 3px -4px 0; } img.asterix { margin:0 0 -3px 5px; cursor:pointer; } a.purple:hover { text-decoration:none; } a.newtab { background:url('../images/tab_new.gif') left top no-repeat; width:160px; height:18px; display:block; text-align:center; padding-top:32px; text-decoration:none; } a.newtab:hover { background:url('../images/tab_new.gif') left -50px no-repeat; } /* 4. Special definitions for and within DIVs 4.1 DIV "Container" */ #container { margin:auto; width:990px; position:relative; padding-top:30px; } /* 4.2 DIV "Content" */ .toptab { } #content { float:left; width:570px; margin:0; position:relative; min-height:450px; } #right-bar { float:right; margin:0px; border-left:1px dashed #ccc; padding:13px 0 5px 20px; width:220px; } #left-bar { float:left; clear:both; width:140px; margin-right:15px; min-height:450px; border-right:1px dashed #ccc; padding:13px 5px 0px 0px; } #left-bar ul { list-style-type:none; padding:0; } #left-bar li { padding: 2px 0 2px 0px; margin-top:2px } #left-bar li.active { padding: 2px 0 2px 10px; margin:4px 0; background:#f1f1f1; border-left:2px solid #ccc; font-weight:bold;} #left-bar li.active a { text-decoration:none; } #top-selector { clear:both; background: #f1f1f1; height:30px; line-height:30px; padding:6px; margin-bottom:20px; } .link_toggle_on { background-position: -21px -61px !important; } .link_toggle_off { background-position: 0px -61px !important; } .sprite { background-image:url('/images/folkd-sprite.png'); background-repeat: no-repeat; } .goleft { background-position: -107px -142px; padding-left:14px; } .goleft_off { background-position: -107px -172px; padding-left:14px; } .goright { background-position: left -142px; padding-left:14px; } .goright_off { background-position: left -172px; padding-left:14px; } /* 4.5 DIV "Header" */ #header { padding-bottom:20px; } a.header_about { padding: 4px 4px 4px 30px; background:url('/images/folkd-sprite.png') no-repeat -575px -65px; } a.header_register { padding:4px 4px 4px 28px; background:#FFF9AB url('/images/folkd-sprite.png') no-repeat -575px 5px; font-size:14px; font-weight:bold; } a.header_login { padding: 4px 8px 4px 32px; background:#EBFF90 url('/images/folkd-sprite.png') no-repeat -575px -34px; font-size:14px; font-weight:bold; } .pager { padding: 14px 0; } #flags { width:400px; float:right; text-align:right; margin-top:11px; line-height:11px; position:relative; font-size:11px; } #flags a { margin-left:7px; } #flags a.lang { display:block; float:right; vertical-align:middle; background:url('/images/folkd-sprite.png'); width:15px; height:12px; } #flags a.de { background-position: -21px 0px; } #flags a.es { background-position: -41px 0px; } #flags a.fr { background-position: -61px 0px; } #flags a.en { background-position: 0px 0px; } div.status_online { width:11px; height:11px; position:absolute; top:5px; left:1px; background-position: -83px -43px; } div.status_offline { width:11px; height:11px; position:absolute; top:5px; left:1px; background-position: -102px -43px; } div.status_mail { width:10px; height:8px; position:absolute; top:5px; left:1px; background-position: -226px -7px; } div.dot_page { width:15px; height:15px; position:absolute; top:2px; left:1px; background-position: 0px -21px; } div.dot_news { width:15px; height:15px; position:absolute; top:3px; left:3px; background-position: -21px -21px; } div.dot_video { width:15px; height:15px; position:absolute; top:3px; left:3px; background-position: -41px -21px; } div.dot_users { width:21px; height:15px; position:absolute; top:3px; left:0px; background-position: -580px -41px; } div.dot_tags { width:16px; height:15px; position:absolute; top:3px; left:0px; background-position: -81px -21px; } div.dot_folkd { width:10px; height:10px; position:absolute; top:4px; left:3px; background-position: -0px -41px; } div.dot_saved { width:10px; height:10px; position:absolute; top:4px; left:3px; background-position: -21px -41px; } div.dot_readlater { width:14px; height:11px; position:absolute; top:3px; left:1px; background-position: -62px -41px; } div.dot_blocked { width:10px; height:10px; position:absolute; top:4px; left:3px; background-position: -120px -43px; } div.dot_private { width:10px; height:12px; position:absolute; top:2px; left:3px; background-position: -101px -21px; } div.dot_add { width:14px; height:14px; position:absolute; top:14px; left:7px; background-position: -130px -21px; } span.dot_facebook { width:32px; height:32px; float:left; display:block; margin:3px 10px 0 0; background-position: 0px -250px; } span.dot_facebook_small { width:21px; height:21px; float:left; display:block; margin:3px 10px 0 0; background-position: 0px -219px; } span.dot_facebook_mini { width:12px; height:12px; float:left; display:block; margin:3px 10px 0 0; background-position: 0px -201px; } span.dot_twitter { width:32px; height:32px; float:left; display:block; margin:3px 10px 0 0; background-position: -32px -250px; } span.dot_twitter_small { width:21px; height:21px; float:left; display:block; margin:3px 10px 0 0; background-position: -21px -219px; } span.dot_twitter_mini { width:12px; height:12px; float:left; display:block; margin:3px 10px 0 0; background-position: -12px -201px; } div.dot_facebook { width:32px; height:32px; position:absolute; top:-5px; left:0px; background-position: 0px -250px; } div.dot_facebook_small { width:21px; height:21px; position:absolute; top:0px; left:0px; background-position: 0px -219px; } div.dot_facebook_mini { width:12px; height:12px; position:absolute; top:0px; left:0px; background-position: 0px -201px; } div.dot_facebook_mini_br{ width:12px; height:12px; position:absolute; bottom:0px; right:0px; border:1px solid #fff; background-position: 0px -201px; } div.dot_twitter { width:32px; height:32px; position:absolute; top:-5px; left:0px; background-position: -32px -250px; } div.dot_twitter_small { width:21px; height:21px; position:absolute; top:0px; left:0px; background-position: -21px -219px; } div.dot_twitter_mini { width:12px; height:12px; position:absolute; top:0px; left:0px; background-position: -12px -201px; } div.dot_twitter_mini_br { width:12px; height:12px; position:absolute; bottom:0px; right:0px; border:1px solid #fff; background-position: -12px -201px; } a.icon_link { position:relative; display:block; padding-left:28px; font-size:15px; text-decoration:none; letter-spacing:-1px; font-weight:bold; } a.big_icon_link { position:relative; padding-left:45px; font-size:15px; font-family:tahoma; text-decoration:underline; font-weight:bold; } div.big_icon_container { position:relative; padding-left:45px; font-size:15px; text-decoration:none; letter-spacing:-1px; font-weight:bold; } .video_preview { width:150px; height:122px; margin:8px 0; background-position: -402px -402px; } a.toplink { float:right; width:19px; height:13px; background-position: -41px -61px; margin-top:-3px; } #link_toggle { display:block; float:right; width:19px; height:16px; background:url('/images/folkd-sprite.png') no-repeat; margin:0px 0 0 20px; } #logo { display:block; background:url('/images/folkd-sprite.png') -301px 0px no-repeat; position:absolute; width:200px; height:103px; margin:-50px 0 0 -55px; _margin:-60px 0 0 -55px; } #title { display:block; background:url('/images/folkd-sprite.png') 0px -101px no-repeat; width:190px; height:27px; margin: 0 0 10px 170px; } #subheader { clear:both; height:30px; padding: 10px 0 0 170px; border-bottom:1px dashed #ccc; } /* 4.11 DIV "Subpage_Navi" */ #subpage_navi { float:left; width:150px; min-height:400px; padding-right:0px; padding-top:15px; border-right:1px dashed #ccc; margin-right:20px;} #subpage_navi li { list-style-image:url(../images/list-style-folkd.gif); } #subpage_navi ul { padding-left:20px; margin:15px 0 15px 0; } #subpage_navi ul li ul { margin:0px 0 0 0; } #subpage_navi ul ul li{ padding:0 0 0 -20px; margin:0; } /* 4.8 DIV "Searchbox" */ #searchbox { border-bottom:1px dashed #ccc; } #searchbox_right { float:right; width:230px; height:65px; font-size:85%; text-align:right; padding:18px 20px 11px 0; background:url("/images/folkd-sprite.png") no-repeat scroll -149px -402px transparent; } #searchbox_left { padding:16px 0 24px 65px; color:#404040; border-left:1px solid #ccc; } #searchbox label { width:auto; display:block; padding-bottom:3px; } #searchbox #searchtext { width:305px; margin-right:2px; } #searchbox .submit { margin:0; } #teaser_user { padding-bottom:30px; overflow:auto; } #user_teaser_right { float:right; font-size:11px; text-align:right; padding:0px 9px 0px 0; margin-top:42px; } #user_teaser_infobox a { color:#808080; } #user_teaser_infobox { margin:9px 0 0 101px; background:#f1f1f1; width:600px; -moz-border-radius: 4px; padding:6px 10px; margin-top:4px; font-size:11px; color:#808080; overflow:auto; position:relative; } #user_teaser_left { padding:19px 0 24px 40px; color:#404040; border-left:1px solid #ccc; } #user_teaser h2 { margin: 0 0 10px 0; } #tag_teaser h2 { margin: 0 0 10px 0; padding-top:0; } #tag_teaser_infobox { margin:9px 0 15px 0px; background:#f1f1f1; width:700px; -moz-border-radius: 4px; padding:6px 10px; font-size:11px; color:#808080; overflow:auto; } #teaser_addurl { border:1px solid #ccc; padding:5px 25px 15px 25px; overflow:auto; background: #FFD771; background: -moz-linear-gradient(top, #FFEB90, #FFC75B); background: -webkit-gradient(linear, top left, bottom right from(#FFEB90), to(#FFC75B)); } #teaser_addurl div { float:left; width:28%; margin-right:4%; position:relative; -moz-border-radius:6px; padding:10px 4px 10px 14px; } #teaser_addurl > div > div { position:absolute; left:0; top:0; width:100%; height:60px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #teaser_addurl > div > span { position:relative; filter: alpha(opacity:100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .stylebox { border:1px solid #ccc; position:relative; -moz-border-radius:5px; padding:15px 10px 15px 10px; overflow:auto; background: #f1f1f1; background: -moz-linear-gradient(top, #ffffff, #f1f1f1); background: -webkit-gradient(linear, top left, bottom right from(#ffffff), to(#f1f1f1)); } .greengradient { background: #E7FFDF; background: -moz-linear-gradient(top, #ffffff, #DBFFCF); background: -webkit-gradient(linear, top left, bottom right from(#ffffff), to(#DBFFCF)); } #searchbox input[type='checkbox'] { margin-left:18px; vertical-align:middle; margin:0 4px 0 5px; #margin:0 1px 0 2px; } #box_global_search { margin-bottom:2px; } #global_search label, #sort_mode label, #filter_language label, label.aftercb { width:auto; float:none; display:inline !important } .cb, #sort_mode .cb, #filter_language .cb { margin-left:0px;width:20px; } #global_search img { margin-bottom:-3px; } /* for the content of the serachbox on pages, news and detail */ #searchfor_word { width:410px; border:#aaaaaa solid 1px; font-family:arial,sans-serif; font-size:18px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:26px; line-height:normal; padding:2px 10px 2px 6px; vertical-align:top; } #searchfor_word_x { background:url('../images/folkd-sprite.png') no-repeat -165px -74px; height:17px; width:17px; display:block; position:absolute; top:11px; right:120px; cursor:pointer; } #searchfor_button { vertical-align:top; margin-left:5px; height:32px; font-size:16px; } #searchfor_wrap { position:relative; width:540px } #searchfor_news_submit, #searchfor_pages_submit { width:70px; } #searchfor_news .cb, #searchfor_pages .cb { margin-left:6px;width:20px; } #searchfor_news img, #searchfor_pages img { vertical-align:middle; } img.user_av { border: 1px solid #ccc; padding:1px; float:left; margin: 0px 4px 0 0px; vertical-align:middle; } img.user_av_small { border: 1px solid #ddd; max-width:16px; max-height:16px; padding:1px; float:left; margin: 0px 6px 0 0px; vertical-align:middle; } img.user_av_big { border: 2px solid #eee; max-width:73px; max-height:73px; padding:4px; float:left; margin: 13px 16px 0px 0px; vertical-align:middle; } img.av_online { border-color: #09AF00; } /* 5.2 pages.folkd.com */ .gorep { text-decoration:none; padding:1px 5px; background-color:#ffe9eb; color:#000000 !important; font-size:85%; } .gousers { text-decoration:none; padding:1px 5px; background-color:#e9f5ff; color:#808080 !important; font-size:11px; margin-left:5px; } /* 4.7 DIV "Main_Contents */ .main_link_list { list-style-type:none; margin-top:10px; padding:0; } .main_link_list li { padding:5px 0; padding-left:8px; margin:0; } .main_link_list li a { font-size:110%; font-weight:bold; } /* 4.9 DIV "Prefooter" */ #prefooter { clear:both; margin-top:15px; line-height:0; padding:0; font-size:10px; border-bottom:8px solid #f1f1f1; height:8px; padding-bottom:3px; text-align:right; } #prefooter img { margin-bottom:-2px; margin-left:5px; } /* 4.4 DIV "Footer" */ #footer { border-top:1px solid #ccc; padding:8px 0 18px 0; font-size:85%; } /* 4.13 DIV "Box_Download" */ #box_download { float:right; padding:0; margin-left:25px; width:38%; } #box_download .grey_text_block { margin-top:10px; padding-right:0; } #box_downlaod .grey_text_block img { float:left; margin-right:8px; } #box_download p { margin-bottom:0; } /* 4.14 DIV "searchtips" */ #searchtips { display:none; width:68%; margin-top:45px; background:#f1f1f1; } .searchtips_news { border:3px solid #a00; } .searchtips_pages { border:3px solid #666; } #searchtips .rt { float:right; margin:3px -4px 0 0; } #searchtips .lt { margin:-49px 0 0 -3px; } #searchtips .rb { float:right; margin:0 -4px -3px 0; } #searchtips .lb { margin:0 0 -3px -3px; } #searchtips div { padding:0 20px; margin:-20px 0; } /* 4.15 DIV "loggedInPanel()" */ #loggedInPanel { border:3px solid #f4f4f4; padding:5px; margin:-23px 0 10px 0; } /* 4.16 DIV "block_recommendation" */ #block_recommendation input.checkbox { margin-bottom:1px; width:auto; } /* 5.2 pages.folkd.com */ .usermenu { font-size:85%; z-Index:9999; float:left; border:1px solid #006582; color:#404040; text-align:left; background:#ffffff; position: absolute; width:150px; } .usermenu a { display:block; cursor:pointer; padding-left:4px; border-bottom:1px solid #ccc; background-color:#fff; text-decoration:none; } .usermenu a:hover { background-color:#ddd; } .usermenu span { display:block; padding-left:4px; border-bottom:1px solid #ccc; background-color:#fff; color:#ccc; font-weight:bold; } .divmenu { font-size:85%; z-Index:9999; float:left; border:1px solid #006582; color:#404040; text-align:left; background:#ffffff; position: absolute; width:100px; } .divmenu a { display:block; cursor:pointer; padding-left:4px; border-bottom:1px solid #ccc; background-color:#fff; text-decoration:none; } .divmenu a:hover { background-color:#ddd; } /* 7.1 search.folkd.com */ .search_result { margin-bottom:15px; width:70%; } .search_result_title { font-size:120%; color: #002442; } .search_result_preview { font-size:100%; color: #202020; line-height:130%; } .search_result_url { color: #006F1C; font-size:100%; } /* 7.2 result list items */ .list_ad { border-bottom:1px dashed #ddd; color:grey;padding:0px 0 13px 0; font-size:11px;overflow:auto; margin-bottom:13px; } .item { margin:13px 0 7px 0; padding-bottom:14px; border-bottom:1px dashed #ddd !important; position:relative; overflow-y:auto; overflow-x:hidden; } p.more { text-align:center; font-weight:bold; margin-top:25px; } .page_rep { font-size:85%; margin:0 0 4px 0; } .item p { color:#808080; font-size:85%; margin:5px 0 0 0; padding:0; } .item p.desc { color:#222222; font-size:100%; margin:4px 0 0 0; padding:0; text-align:left; line-height:140%; } .content { margin-left:83px; } .item h3 { margin:0px 55px 5px 0; font-size:14px; font-weight:bold; } .news h3 a { color: #aa0000 !important; } .video h3 a { color: #0033e4 !important; } .tags { padding:0; margin-top:2px; } .tagbox { display:inline; font-size:11px; margin:0 2px 0 0; padding:2px 4px; background-color:#f1f1f1; color:#248000; cursor:pointer; } .tagbox_sel { display:inline; font-size:11px; margin:0 2px 0 0; padding:2px 4px; background-color:#bbbbbb; color:#ffffff; cursor:pointer; } .button-bar { float:left; text-align:center; width:70px; margin-top:4px; } div.rep { background:url('../images/folkd-sprite.png') no-repeat -201px -151px; line-height:16px; text-align:center; font-size:140%; color:#000; height:34px; width:68px; padding-top:6px; margin-bottom:3px; } div.rep_small { background:url('../images/folkd-sprite.png') no-repeat -201px -71px; line-height:16px; text-align:center; font-size:9px; color:#845600; height:20px; width:68px; padding-top:3px; margin-bottom:3px; } div.rep_status_text { clear:left; color:#000; font-size:10px; line-height:12px; padding:3px 5px; background: #FFF0CF; font-family:tahoma; display:none; } a.but { margin-bottom:8px; width:22px; height:21px; margin-right:1px; display:block; background-image:url(/images/folkd-sprite.png); background-repeat:no-repeat; float:left; border:0; } a.like { background-position: -151px 0px; } a.like:hover { background-position: -151px -21px; } a.liked { background-position: -151px -42px; } a.flag { background-position: -197px -21px; } a.readlater { background-position: -197px 0px; } a.block { background-position: -197px 0px; } a.block:hover { background-position: -197px -21px; } a.blocked { background-position: -197px -42px; } a.save { background-position: -174px 0px; } a.save:hover { background-position: -174px -21px; } a.saved { background-position: -174px -42px; } a.send { background-position: -220px 0px; } a.send:hover { background-position: -220px -21px; } a.sent { background-position: -220px -42px; } a.del { background-position: -243px 0px; } a.del:hover { background-position: -243px -21px; } a.deleted { background-position: -243px -42px; } a.rec { background-position: -266px 0px; } a.rec:hover { background-position: -266px -21px; } a.recd { background-position: -266px -42px; } div.dotx_red { width:9px; height:9px; position:absolute; top:6px; left:0px; background-position: -137px -43px; } div.dotx_grey { width:9px; height:9px; position:absolute; top:6px; left:0px; background-position: -121px -43px; } a.delhide { font-size:11px; display:none; float:right; position:relative; padding-left:14px; } div.del_item { position:absolute; left:0; top:0; right:0; bottom:0; background-color:#fff; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } div.del_item_inner { font-size:14px; width:300px; padding:4px 13px; display:block; border:1px solid #aaa; position:absolute; left:120px; top:0; background:#f1f1f1; text-align:center; color:#404000; } /* old-buttons */ a.button-brand { display:block; background-image:url(../images/button-brand.gif); background-position: 0 0px; background-repeat:no-repeat; float:left; border:0; width:63px; height:21px; } a.button-brand:hover { background-position: 0 -21px; } a.button-branded { display:block; background-image:url(../images/button-brand.gif); background-position: 0px -42px; background-repeat:no-repeat; float:left; border:0; width:63px; height:21px; } a.button-brand-right { display:block; background-image:url(../images/button-brand-right.gif); background-position: 0 0px; background-repeat:no-repeat; border:0; margin-left:63px; width:17px; height:21px; } a.button-block { display:block; background-image:url(../images/button-block.gif); background-position: 0 0px; background-repeat:no-repeat; float:left; border:0; width:63px; height:21px; } a.button-block:hover { background-position: 0 -21px; } a.button-blocked { display:block; background-image:url(../images/button-block.gif); background-position: 0px -42px; background-repeat:no-repeat; float:left; border:0; width:63px; height:21px; } a.button-block-right { display:block; background-image:url(../images/button-block-right.gif); background-position: 0 0px; background-repeat:no-repeat; border:0;margin-left:63px; width:17px; height:21px; } a.button-del-right { display:block; background-image:url(../images/button-del-right.gif); background-position: 0 0px; background-repeat:no-repeat; border:0; margin-left:63px; width:17px; height:21px; } a.button-del-right:hover { background-position: 0 -21px; } a.button-save-right { display:block; background-image:url(../images/button-save-right.gif); background-position: 0 0px; background-repeat:no-repeat; border:0; margin-left:63px; width:17px; height:21px; } a.button-save-right:hover { background-position: 0 -21px; } a.brand-button-link { display:block; background-image:url(../images/button-brand.gif); background-position: 0 0px; background-repeat:no-repeat; border:0; width:63px; height:21px; } a.brand-button-link:hover { background-position: 0 -21px; } a.branded-button-link { display:block; background-image:url(../images/button-brand.gif); background-position: 0px -42px; background-repeat:no-repeat; border:0; width:63px; height:21px; } a.delete-button-link { display:block; background-image:url(../images/button-delete.gif); background-position: 0 0px; background-repeat:no-repeat; border:0; width:63px; height:21px; } a.save-button-link { display:block; background-image:url(../images/button-save.gif); background-position: 0 0px; background-repeat:no-repeat; border:0; width:80px; height:21px; } a.save-button-link:hover { background-position: 0 -21px; } a.edit-button-link { display:block; background-image:url(../images/button-save.gif); background-position: 0px -42px; background-repeat:no-repeat; border:0; float:left; width:63px; height:21px; } a.del-button-link { background-position: 0px 0px; display:block; background-image:url(../images/button-delete.gif); background-repeat:no-repeat; border:0; float:left; width:63px; height:21px; } a.del-button-link:hover { background-position: 0 -21px; } .steps { list-style:none; margin-bottom:25px; border-top:7px solid #eeeeee; border-bottom:1px dashed #cccccc; padding:5px 25px; } .steps li { display:inline; margin-right:50px; font-size:125%; font-weight:bold; } .steps .present { color:#006582; } .steps .past, .steps .future { color:#bbbbbb; } .editpanel { margin-top:10px; } /* for the navigation between result pages */ .pagenavi_bottom, .pagenavi_top { padding-top:6px; } .pagenavi_bottom { width:100%; text-align:center; } .pagenavi_top { text-align:center; margin-bottom:3px; padding:0px 0 15px 0;} .pagenavi_bottom img, .pagenavi_top img { vertical-align:middle; margin-left:6px; } .descriptionblock { width:40%; float:right; height:85px; } div.tab { clear:both; height:35px; width:auto; padding:5px 5px -1px 5px !important; border-bottom:1px solid #919191; } div.tab > span { background:url('../images/folkd-sprite.png') right -104px no-repeat; display:block; float:left; padding-right:4px; margin-right:3px; } div.tab > span.active { background:url('../images/folkd-sprite.png') right -153px no-repeat; display:block; float:left; padding-right:4px; margin-right:3px; } div.tab a { background:url('../images/folkd-sprite.png') -309px -104px no-repeat; display:block; height:24px; padding:11px 10px 0 10px; text-decoration:none; } div.tab > span.active a { background:url('../images/folkd-sprite.png') -309px -153px no-repeat; display:block; height:26px; padding:9px 10px 0 10px; text-decoration:none; border-bottom:1px solid white; } .user_list_entry { padding: 10px; font-size:11px; background-color:#f3f3f3; clear:left; } .user_list_entry > td { padding: 6px 7px; } .user_list_entry a.avatar { display:block; width:32px; height:32px; border:2px solid #ccc; background:#fff; text-align:center; vertical-align:middle; padding:4px 2px 0px 2px; position:relative; } .user_list_entry > div { float:left; min-height:38px; margin-right:20px; position:relative; } div.avatar { float:left; margin-right:8px; display:block; width:32px; height:32px; border:2px solid #ccc; background:#fff; text-align:center; vertical-align:middle; padding:4px 2px 0px 2px; position:relative; } /* the toggling triangle, e.g. in the right sidebar in folkdcommunity.php */ .toggleimg { cursor:pointer; margin-left:-17px; } /* tooltips only by using css */ a.tooltip { position:relative; z-index:24; text-decoration:none; } a.tooltip:hover { z-index:25; } a.tooltip span { display:none; } a.tooltip:hover span { padding:5px; display:block; position:absolute; color:#000; border:1px solid #888888; background:#FFFFE1; top:17px; left:25px; width:300px; } a.tooltip.small span { font-size:0.8em; } /* outlook divs */ table.inbox { width:100%; } div.odditem { padding:2px 4px; background:#f1f1f1; } div.evenitem { padding:2px 4px; } div.outlookdiv_title { background:#f1f1f1; font-weight:bold; font-size:1em; padding:3px 8px; border-bottom:3px solid #fff; border-top:1px dashed #ccc; } div.outlookdiv_title.inactive { color:#ccc; } div.outlookdiv_title:hover, div.outlookdiv_title.active { background:#ddd; cursor:pointer; } div.outlookdiv_title.inactive:hover { background:#f1f1f1; cursor:default; } div.outlookdiv_title a, div.outlookdiv_title a:hover { color:black; text-decoration:none; } div.outlookdiv_content { padding-bottom:15px; } div.outlookdiv_content p { margin:0 0 8px 0; } div.outlookdiv_content td { padding-bottom:3px; } div.blognote_text p { color:black; font-size:1em; } .lightbox-player { background:#fff url(/images/big-loader.gif) no-repeat scroll 50%; margin:6px 0 12px 0; padding:0; width:470px; } .suggest { border:1px solid #7f9db9; background:#fff; width:402px; position:absolute; } .suggest span { display:block; padding-left:3px; } .suggest span:hover { background:#ccc; cursor:pointer; } div.tooltip { background:url("/images/black_arrow.png") repeat scroll 0 0 transparent; color:#FFFFFF; display:none; font-size:11px; height:110px; line-height:15px; padding:40px 20px 0; width:170px; height:110px; } /* Project: Website folkd.com * INCLUDED former FORM.CSS * Structure: * 1 General definitions for form elements * 2 Special definitions * 2.1 Form "Register" * 2.2 Form "Login" * 2.3 Form "Global Search" * 3. Miscellaneous */ /* 1 General Fdefinitions */ form { padding:0; margin:0; } label { display:block; float:left; } label.error { color:#aa0000 !important; font-weight:bold; } input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } textarea { height:80px; } .autowidth { width:auto; } form em { color:#aa0000; padding:0 0 0 2px; } /* 2. Special definitions 2.1 Form "Register" */ #form_register, #form_login { margin-top:5px; } img.check { display:none; } /* the green check mark after the input field */ #form_register input { width:150px; } #form_register .submit { width:auto; } #form_passwordlost label { width:auto; } #form_passwordlost .submit { margin:0; } #form_passwordlost span { margin:0; } #msg_emailunregistered { margin-top:0; padding-bottom:11px; } /* 2.3 Form "Global Search" */ #global_search { height:60px; margin-bottom:15px; } #global_search_stringandtypes, #global_search_filterandsort, #global_search_languages { background:#f1f1f1; padding:6px 6px; height:50px; line-height:24px; } #global_search_stringandtypes img { vertical-align:absmiddle; } #global_search_stringandtypes input { vertical-align:middle; } #global_search_filterandsort { width:225px; float:right; border-left:2px solid #fff; overflow:hidden; } #global_search_filterandsort div { height:25px; } #global_search_filterandsort span { margin:0 auto; padding-top:3px; display:block; font-weight:bold; color:#ccc; } #global_search_filterandsort label { font-weight:bold; display:block; float:left; width:85px; } #global_search_filtersandsort span, #global_search_filtersandsort select { float:left; width:180px; } #global_search_filterandsort select { width:130px; } #global_search_languages { width:90px; float:right; border-left:2px solid #fff; overflow:hidden; padding:10px 3px 0 2px; height:53px; text-align:center; } #global_search_submit { margin:0 0 5px 0; } /* 2.4 Form "Advanced User Search" */ #advanced_search { padding-top:10px; } #advanced_search label { width:132px; } #advanced_search label.aftercb { margin-right:25px; } #advanced_search input { margin-top:2px; width:350px; } #advanced_search input[type="radio"] { width:auto; margin-bottom:-2px; } #advanced_search select { margin-top:2px; width:354px; } /* 3. Miscellaneous */ input.radiocheck { display:block; float:left; width:auto; } label.radiocheck { margin-left:5px; text-align:left; width:82px; } .columnize { display:block; width:300px; padding-bottom:15px; float:left; } .long { width:435px; } select.h2 { float:left; margin:17px 0 0 10px; width:auto; } .aftercb img { margin-bottom:-2px; } .nomp { margin:0; padding:0; } .nomp li { margin:0; padding:0; } /* FORMER TABLE.CSS * Structure: * 1 General definitions * 2 Special definitions */ /* 1 General definitions */ td { vertical-align:top; } /* 2 Special definitions */ .label { width:100px; text-align:right; font-weight:bold; } /* table "inbox" */ table.inbox thead { font-weight:bold; text-align:center; } table.inbox .subject { width:290px; } table.inbox .sender { width:120px !important; } table.inbox .date { width:160px; } /* table classed "zebra" */ table.zebra { width:100%; } table.zebra thead { background:#ccc; } table.zebra .odd { background:#f1f1f1; } table.zebra td, th { padding:1px 3px; } /* tables userblock */ table.userblock { margin:10px 0; } table.userblock tr { height:38px; } table.userblock td { line-height:120%; } table.userblock .avatar { border:2px solid #ddd; width:30px; display:block; height:30px; margin-right:5px; text-align:center; vertical-align:middle; padding:1px; position:relative; } table.userblock .information a { font-size:13px; } table.userblock .information span { font-size:11px; } td.scroller, td.scroller.off:hover { background:#f1f1f1; vertical-align:middle; font-weight:bold; text-align:center; width:15px; } td.scroller.off a, td.scroller.off a:hover { cursor:url('../images/cursor_no.gif') !important; color:white; } td.scroller:hover { background:#ccc; color:white; } td.scroller a { display:block; height:100%; width:100%; text-decoration:none; } #list_table { border-collapse: collapse; border-spacing: 0; margin-left:2px; width:80%; margin:15px 0 25px 0; } #list_table th { background: #f1f1f1; height:24px; } #list_table td, th { border:1px solid #ccc; padding:5px 8px; font-size: 90%; } #list_table td p, th p { margin: 6px 0px 0px 6px; } /* Feedback FAQ-Liste Elemente*/ dl#faq dt { color: #006582; border-left: 2px solid #444; padding-left:10px; cursor:pointer; list-style-type:square; text-decoration:underline; margin-bottom:9px; } dl#faq dd { margin-bottom:18px; }