/* General Settings */ * { background: transparent no-repeat; color: #737373; font: 13px "Droid Sans", "Lucida Sans Unicode", sans-serif; margin: 0; padding: 0; text-decoration: none; line-height: 1.5em; } #google_ads_div_maxiboard_ad_container > ins { border: 10px solid #e6e6e6!important; } #ads > div > ins { /* border: 10px solid #E6E6E6!important; border-top: 5px solid #E6E6E6!important; border-bottom: 5px solid #E6E6E8!important; */ } /* simple stuff */ .right { float: right; } .left { float: left } /* make ie happy */ input[type="password"] { font: 13px sans-serif; } a:hover { text-decoration: underline; } #content ul li{ font-size: 13px; font-weight: normal; } img { border: 0; } ul { list-style: none; } b { font-weight: bold; } strong { font-weight: bold; } .hide { display: none; } #geolocation { cursor: pointer; } .buttons a:hover, .navigation a:hover, #subnav a:hover, .dropdown a:hover, .attendees a:hover, #attendees a:hover, .friends a:hover { text-decoration: none; } select { padding: 2px 2px 2px 2px; font-size: 15px; background: #f1f1f1; } /* Standard-Button */ .buttonlike { display: inline-block; font-size: 13px!important; letter-spacing: 0px; line-height: 23px; font-weight: bold; background: url(/media/img/buttonlike.png)!important; border: 1px solid #A5A5A5!important; padding: 1px 15px; height: auto; cursor: pointer; color: #333!important; margin-left: 10px; border-radius: 15px!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15px!important; text-align: center; } .buttonlike:hover { text-decoration: none!important; } .buttonlike.small { font-size: 12px!important; font-weight: normal; line-height: 15px!important; } .buttonlike .ui-icon { margin-bottom: -2px; } .errorlist li { color: #ffbc00; } input { background: #fff; border: 1px solid #a9a9a9; padding: 2px 4px; } input:focus { outline: none; } input[type="submit"] { cursor: pointer;} textarea { background: #fff; border: 1px solid #a9a9a9; padding: 2px 0; } textarea:focus { outline: none; } .hidden { display: none!important; } .img { background: transparent no-repeat; display: inline-block; overflow: hidden; letter-spacing: -1000em; text-indent: -999em; } #radio * { cursor: pointer; } /* icon colors */ .ui-icon{ display: inline-block; margin-right: 5px; } .ui-icon.gonnado { background-image: url(jquery-ui/ui-icon-gonnado.png); } .ui-icon.did { background-image: url(jquery-ui/ui-icon-did.png); } .ui-icon.wannado { background-image: url(jquery-ui/ui-icon-wannado.png); } .ui-icon.grey { background-image: url(jquery-ui/ui-icon-grey.png); } .ui-icon.white { background-image: url(jquery-ui/ui-icon-white.png); } .tip { padding: 5px; background: #FFF6DD; position: absolute; z-index: 10; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } /* html */ html { height: 100%; width: 100%; } /* body */ body { height: 100%; min-height: 300px; width: 100%; min-width: 960px; } /* #wrap */ #wrap { height: 100%; min-height: 500px; width: 100%; margin: 0; } #wrap .bottom { clear: both; display: block; } #wrap .icon_event { display: none; margin: 2px 10px 2px 2px; height: 14px; width: 14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #wrap .icon_event.gonnado { background: #FFBC00; } #wrap .icon_event.wannado { background: #62CCE2; } #wrap .icon_event.did { background: #A5D20D; } #wrap input[type="checkbox"] { cursor: pointer; } /* #header */ #header { height: 111px; width: 100%; position: relative; background: url(../img/headerbg.jpg) top left repeat-x; } .header_body { position: relative; width: 1014px; margin: 0 auto; position: relative!important; display: block; } #header > * { position: absolute; } #searchbutton { padding: 0px 0px 0px 0px!important; width: 85px; height: 25px; } /* BREADCRUMB */ #breadcrumb { position: absolute; top: 82px; display: block; width: 964px; height: 27px; border-top: 1px #b4b4b4 solid; border-bottom: 1px #b4b4b4 solid; } #breadcrumb ul { display: block; list-style: none; list-style-type: none; margin: 0px; padding: 0px; font-size: 14px; } #breadcrumb li { float: left; display: block; padding: 5px 6px 6px 21px; min-height: 30px; margin-left: 0px; background: url(../img/bc_arrow.jpg) top left no-repeat; } #breadcrumb li a { color: #666; cursor: pointer; } #breadcrumb li a:hover { color: #000000; text-decoration: none; } /* BREADCRUMB LOCATION */ #breadcrumb li#location-crumb { background: none; float: left; display: block; padding: 2px 0px 3px 0px; margin: 0 0px 0 0px; width: 185px; font-weight: bold; } #breadcrumb li#location-crumb span { font-size: 14px; } #breadcrumb li#location-crumb span.ui-icon { float: right; } #breadcrumb li#location-crumb span.hub-container { -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; -o-box-shadow: 0 0 3px #999; -ms-box-shadow: 0 0 34px #999; box-shadow: 0 0 3px #999; border: 1px solid #a9a9a9; background-color: #fff; background-color: hsla(0, 100%, 100%, 0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 0px 6px 0px 14px; display: block; width: 150px; cursor: pointer; } #breadcrumb li#location-crumb span.hub-container:hover { -moz-box-shadow: 0 0 3px #ffcc00; -webkit-box-shadow: 0 0 3px #ffcc00; -o-box-shadow: 0 0 3px #ffcc00; -ms-box-shadow: 0 0 34px #ffcc00; box-shadow: 0 0 3px #ffcc00; border: 1px solid #ffcc00; } #breadcrumb li#location-crumb span.hub-container:active, #breadcrumb li#location-crumb span.hub-container.active { -moz-box-shadow: inset 0 0 3px #999; -webkit-box-shadow: inset 0 0 3px #999; -o-box-shadow: inset 0 0 3px #999; -ms-box-shadow: inset 0 0 34px #999; box-shadow: inset 0 0 3px #999; border: 1px solid #a9a9a9; } /* NOTIFICATIONS */ #header #notifications { position: absolute; right: 248px; top: 0px; width: 80px; } #invites, #messages { float: left; background: #A5A5A5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAATCAYAAADvXT9EAAAB+UlEQVRIDe2WwUcEURzHt1oREZ0iIiKia0R0iEhEt4hsdIlOUZdoLZ06RDpEl1LqlNiU2EOkFNEfECk6Rac9RWT7fqaZvJ2dN2bb2bT04zvvve/7zW++83u/92bqCoVCohatvhZFo/lf+G+vXNLywE7xXcKD8GTxSWQyGdtUKJ9Op0Pno0z6S6VRN20Lj0LObTfUwv8p8wufl7qUT+Gcxgs+Lq5htwJdCxxtUXApvw6haHM2aGwTOItzFSyrmNPCTYTYV67vEb5mxqnrVsgAaxfXFsBXSpFxT/xtSDBebEY4Edh7RcKbIEKsJWSukinEk8VJIUg8HKvCC+LrmJnxV4+0tC8WPg66R0E88XdGQPpTQpFo5k3hCHuGDLB7cfkAPk6qV8HGhWEBwWBIgPvOtPqOmcIhtr7okutmCRM/sa6QiM0KEwKlw5HMpizRlRRp2poGY0KfQZ6rX23hxD8UEMpeo2z4dpDpM4FVYJwSHPMLfxN7LJjCTzV+d7yrc9lR2D3BE81TKBvPmtVB/IjAkU1iE6ZwjsJRYYkJw5bVp/55gbzBx9FFMGWAMATajBPNyzzJdYTz0eEtBiACjJv2Xf5C7YHAw+KwRQXZFfgnimIrcuKUcYSvRrnD9RlU2y/EJZyVpH7LNkqlXBEfZT/Fd8NP/yq9MPxdfgJ+FVyT/6AOkAAAAABJRU5ErkJggg==) top left no-repeat; width: 26px; height: 23px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } #invites { background-position: 7px 0px; } #messages { background-position: -25px 0px; margin-left: 3px; } #invites.notify, #messages.notify { background-color: #FFBC00; height: 38px; } #invites a, #messages.notify a { display: block; padding: 20px 0; text-align: center; color: white; } #invites a:hover, #messages.notify a:hover { text-decoration: none; } input[type="text"], input[type="password"] { padding: 3px 3px 3px 12px !important; border: 1px solid #a6a6a6; background-color: #F4F4F4; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; border-image: initial; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#ffffff 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* #header .search */ #header .search { position: absolute; left: 200px; width: 340px; top: 29px; height: 30px; } #header .search .locationbar { position: absolute; right: 0px; top: 0px; } #header .search input[type=text] { background: transparent url(../img/search.jpg) top left no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* make ie happy */ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; padding: 4px 3px 6px 20px !important; line-height: 18px; width: 205px; border: 0px; } #header .search input[type=text]:focus { outline: none; background-color: #fff; } /* IMAGES FORMS */ #imageform { top: 0px; left: 0px; position: absolute; z-index: 100; background-color: #F1F1F1; clear: left; padding: 30px 10px 10px 10px; width: 461px;} #imageform h3 { font-size: 13px; font-weight: bold; width: 100px; display: inline-block; } #imageform form input[type="submit"], #imageform form input[type="reset"] { float: right; width: 90px; height: 27px !important; } #imageform form input[type="text"] { width: 340px; height: 21px; background-color: #fff; border: 1px solid #a0a0a0; } #imageform form { position: relative; margin-bottom: 10px; } #imageform form p { display: inline-block; width: 200px; } #imageform label { width: 320px; font-weight: bold; color: #a0a0a0; display: block; margin-bottom: 4px; } #imageform label span{font-weight:normal;} #imageform .buttonlike.cancel { position: absolute; top: 10px; right: 10px; } #imageform label[for="id_image"] { display: none; } #imageform input[type="file"] { width: 350px; } /* ADD VIDEO */ #videoform { top: 0px; left: 0px; position: absolute; z-index: 100; background-color: #f1f1f1; padding: 10px; display: none; } #videoform label { font-weight: bold; margin-right: 10px; } #videoform .buttonlike { margin: 10px 0px 5px 5px; float: right; } #videoform input[type="text"] { background-color: #fff; width: 347px; padding: 5px; border: 1px solid #dadada; } /* #header .logo */ #header .logo { position: absolute; background: transparent url(screen/gonnado_logo.png) no-repeat center center; height: 50px; width: 170px; top: 14px; left: -8px; } /* header addbutton */ #header #addbutton { position: absolute; top: 30px; left: 485px; display: block!important; color: #333; font-size: 13px; font-weight: bold; padding: 3px 10px!important; cursor: pointer; border: none; } #header #addbutton:hover { text-decoration: none; } /* #header .search .searchbar */ #header .search #searchbutton { display: none!important; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 5px!important; cursor: pointer; background: #737373; border: 1px solid #a0a0a0; border-left: 0px solid #a0a0a0; border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-top-right-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; } #header .search .searchbar ul { width: 160px; right: -1px; top: 27px; } #header .search .searchbar ul li:first-child { width: 140px; } #header .search .searchbar ul li a { width: 140px; } /* #header ..explore */ #header .explore { position: absolute; left: 350px; bottom: 11px; } #header .explore a { display: block; padding: 0px 10px 0px 10px; border-left: 1px solid #dadada; float: left; } /* #header .inbox */ #header .inbox { position: absolute; top: 20px; left: -10px; } #header .inbox.inbox_count_yes { display: block; } #header .inbox a { height: 25px; padding: 12px 12px 0px 10px; float: left; } #header .inbox a:hover, #header .inbox a.active { text-decoration: none; } #header .inbox .ui-icon { margin-bottom: -3px; } #header .inbox .inbox_count { padding: 5px; color: #ffbc00; font-weight: bold; } #header .inbox .inbox_count.grey { color: #dadada; } /* #header .navigation */ #header .navigation { top: 22px; position: absolute; right: 5px; } #header .navigation > a, #header .navigation > div { display: block; float: right; margin-top: 6px; padding: 4px 10px 3px; font-weight: bold; font-size: 12px; color: #444; background: transparent url(../img/nav.png) top right no-repeat; text-shadow: 0 1px 1px #fff; } #header .navigation a.active { background-position: bottom right; color: #333; cursor: pointer; } #header .navigation a#navfirst { background: url(../img/nav.png) top left no-repeat; border-right: solid 1px #b4b4b4; } #header .navigation a#navfirst.active, #header .navigation a#navfirst:active { background-position: 0px -25px; color: #333; cursor: pointer; } #header .navigation a#navmiddle { background-position: top center; border-right: solid 1px #b4b4b4; } #header .navigation a#navmiddle.active, #header .navigation a#navmiddle:active { background-position: center -25px; } #header .navigation .header_dropdown_container:hover { background-position: right -25px; } #header .infonavigation { position: absolute; top: 31px; right: 0px; } #header .infonavigation ul li { float: left; display: inline; margin-right: 4px;} #header .infonavigation ul li a { color: #333; display: block; font-size: 16px; font-weight: bold; padding: 4px 8px; } #header .infonavigation ul li a:hover, #header .infonavigation ul li a.active { background-color: #ebebeb; cursor: pointer; } /* #header .teaser */ #header .teaser { display: none; height: 40px; width: 981px; margin: -2px auto 0px auto; background: #fff; margin-bottom: 15px; padding: 2px; overflow: hidden; } #header .teaser p { color: #62CCE2; border-bottom: 2px solid #62CCE2; background: #EAF8FB; padding: 5px 25px; float: left; font-size: 15px; font-weight: bold; } #header .teaser p:first-child { background: #FFF6DD; border: 2px solid #ffbc00; border-top: 0px; border-right: 0px; color: #ffbc00; border-bottom-left-radius: 24px; -moz-border-radius-bottomleft: 24px; -webkit-border-bottom-left-radius: 24px; } #header .teaser span { display: none; float: right; clear: right; padding: 8px 0px 0px; width: 290px; text-align: center; } #header .teaser a { display: block; text-align: center; padding: 5px 0px; font-size: 15px; color: #A5D20D; font-weight: bold; border: 2px solid #A5D20D; border-top: 0px; background: #F3F9DF; border-bottom-right-radius: 24px; -moz-border-radius-bottomright: 24px; -webkit-border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; -moz-border-radius-bottomleft: 24px; -webkit-border-bottom-left-radius: 24px; } /* #header .login */ #header .login img { float: right; } #header .gd_login { width: 180px; background: transparent url(../img/signup.png) top left no-repeat !important; text-align: center; color: #fff!important; height: 26px; line-height: 22px!important; font-size: 17px!important; position: absolute; top: 0px; right: 0px; margin: 0px 5px 0 0!important; -webkit-text-shadow: 0px -1px 0px #906500 !important; -moz-text-shadow: 0px -1px 0px #906500 !important; -o-text-shadow: 0px -1px 0px #906500 !important; -ms-text-shadow: 0px -1px 0px #906500 !important; text-shadow: 0px -1px 0px #906500 !important; padding: 8px 0px 3px 0px !important; } #header .gd_login:active { background-position: 0px -37px !important; } #header .genius_login { background: red; right: 150px; top: 40px; } #header .genius_login:hover { background: red!important; } /* header dropdown */ .header_dropdown_container{ float: right; padding-bottom: 0px!important; } .header_dropdown_container:hover .header_dropdown{ display:block; } /* triangle icon*/ .header_dropdown_container .icon{ } .header_dropdown_container:hover .icon{ } /* dropdown container ul */ .header_dropdown{ -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 2px 2px hsla(0, 0%, 50%, 0.5); z-index: 500; position: absolute; right: 0px; top: 30px; background-color: #fff; background-color: hsla(0, 100%, 100%, 0.9); border: 1px solid #a8a8a8; display: none; padding: 7px; } /* dropdown menu entries */ .header_dropdown a { display: block; padding-right: 10px; } .header_dropdown a:hover { background: #e8e8e8; } .header_dropdown a .dropdown_linktext{ color: #333333; } .header_dropdown a:hover .dropdown_linktext { text-decoration: none; } /* menu icons */ .header_dropdown span{ vertical-align: middle; margin-bottom: 5px; } /* #subheader */ #subheader { display: none; } /*search*/ ul.ui-autocomplete{ width: 480px; } .ui-menu .ui-menu-item{ width: 460px; padding: 5px 5px 10px 5px; border-bottom: 1px dotted #808080; margin-bottom: 5px; } .ui-menu .ui-menu-item a{ padding: 5px; overflow: hidden; } li.ui-menu-item img{ width: 50px; height: 50px; float: left; } li.ui-menu-item span{ width: 390px; float: right; } /* #main */ #main { width: 1014px; margin: 0 auto; background: #fff; border: 0px solid #ddd; padding-top: 0px; } body a, body a * { color: #7c94c6; } #main hr { border: none; height: 1px; border-top: 1px solid #ebebeb; margin: 10px 0px; } #main .top { display: block; height: 10px; } /* MAYBE #main strong { font-weight: bold; }*/ #main .bottom { clear: both; display: block; height: 20px; } #main .gd-edit-button { float: right; } #main .gd-edit-field { width: 100%; } #main .hidden { display: none; visibility: hidden; } #main .pagination .current, #main .pagination .disabled { } .pagination { color:#999; font-weight:bold; text-align:center; padding:10px 0; float: left; } /* NUR TAGS IM HOME*/ #categories { float: right; position: relative; margin-top: -30px; z-index: 10; } #categories #tags { position: absolute; right: 5px; background: white; width: 160px; } #categories #tags .tagcloud li { width: 160px; } /* ALLE TAGS #tags { } #tags .tagcloud { background: #fff; } #tags .tagcloud li { display: inline-block; margin-right: 3px; } #tags .tagcloud a, #tags .tagcloud span { line-height: 27px; font-size: 14px; color: #a0a0a0; display: block; padding: 0px 10px; font-weight: bold; } #tags .tagcloud * { color: #737373; } #tags .tagcloud *:hover, #tags .tagcloud *.active { color: #333333; background: #e6e6e6; text-decoration: none; } #tags .tagcloud li { color: #737373; cursor: pointer; } #tags .tagcloud li:hover, #tags .tagcloud li.active { color: #333333; background: #e2e2e2; text-decoration: none; } #tags.gonnado .tagcloud li * { color: #ffbc00; } #tags.gonnado .tagcloud li *:hover, #tags.gonnado .tagcloud li *.active { color: #fff; background: #ffbc00; } #tags.wannado .tagcloud li * { color: #62CCE2; } #tags.wannado .tagcloud li *:hover, #tags.wannado .tagcloud li *.active { color: #fff; background: #62CCE2; } #tags.grey .tagcloud li * { color: #dadada; } #tags.grey .tagcloud li *:hover, #tags.grey .tagcloud li *.active { color: #fff; background: #dadada; } #main .tagcloud li.text { line-height: 1em; display: block; width: 100%; text-align: left; } #main .tagcloud li[name="recommendations"] span:hover { cursor: pointer; } */ #main .streamlike { width: 100%; display: inline-block; } #main .streamlike .relative > a > img { float: left; border-radius: 10px; margin-right: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 60px; height: 60px; } #main .streamlike > .form { padding: 0px; } #main .streamlike > li { position: relative; list-style: none; padding: 10px 5px; } #main .streamlike > li.pagination { padding: 0px!important; } #main .streamlike > li .footer { display: none; position: absolute; z-index: 10; min-height: 140px; padding-bottom: 15px; max-height: 300px; overflow-y: auto; box-shadow: 2px 4px 10px #a0a0a0; top: 60px; } #main .streamlike > li > a { float: left; clear: left; margin-top: 2px; } #main .streamlike li.gonnado .footer ul.attendees img, #main .streamlike li .footer ul.gonnado img { padding: 1px; border: 1px solid #ffbc00; } #main .streamlike li.wannado .footer ul.attendees img, #main .streamlike li .footer ul.wannado img { padding: 1px; border: 1px solid #62CCE2; } #main .streamlike li.did .footer ul.attendees img, #main .streamlike li .footer ul.did img { padding: 1px; border: 1px solid #A5D20D; } #main .streamlike li .footer ul.attendees { display: inline-block; } #main .streamlike li .footer ul.attendees li { margin-right: 4px; display: inline-block; } #main .streamlike li .footer ul.attendees img { width: 32px; } #main .streamlike li .footer ul.attendees li a span { display: none; } #main .streamlike li .footer ul.streamlike { display: block; padding-top: 10px; margin-top: 10px; margin-bottom: 10px; } #main .streamlike li .footer ul.streamlike li { text-align: left; display: inline-block; vertical-align: bottom; } #main .streamlike li .footer ul.streamlike .comment_area { width: 290px!important; max-width: 290px; height: 20px!important; } #main .streamlike li.gonnado .footer ul.streamlike { border-top: 1px dotted #ffbc00; } #main .streamlike li.wannado .footer ul.streamlike { border-top: 1px dotted #62CCE2; } #main .streamlike li.did .footer ul.streamlike { border-top: 1px dotted #A5D20D; } #main .streamlike li.place .footer ul.streamlike { border-top: 1px dotted #a0a0a0; } #main .streamlike li .footer ul.comments { display: block; } #main .streamlike li .footer ul.comments li { margin-bottom: 3px; } #main .streamlike li .footer ul.comments img { width: 35px; } #main .streamlike li .footer ul.comments li > div { margin-left: 35px; font-size: 0.9em; } #main .streamlike li .footer ul.comments li .timeago { display: none; } .inbox_right { float: right; position: relative; top: -20px; } li a.attendees { cursor: pointer; display: block; float: left; } li a.attendees.hidden { display: none; } li a.attendees .ui-icon { margin-bottom: -2px; } li a.attendees span { float: left; color: #737373; } li a.attendees.gonnado:hover { background: #FFF6DD; text-decoration: none; } li a.attendees.wannado:hover { background: #EAF8FB; text-decoration: none; } li a.attendees.did:hover { background: #F3F9DF; text-decoration: none; } li a.attendees.place:hover { background: #f1f1f1; text-decoration: none; } li a.attendees .counter, li a.attendees .counter.grey { color: #a9a9a9; font-weight: bold; font-size: 0.9em; line-height: 1.7em; } li a.attendees .counter.gonnado { color: #ffbc00!important; } li a.attendees .counter.wannado { color: #62CCE2!important; } li a.attendees .counter.did { color: #A5D20D!important; } /* PROFILE */ #profileimage { position: relative; } #profileimage img { z-index: 100; position: relative; } #profileimage a.edit { display: none; position: absolute; top: 0px; right: 0px; z-index: 200; background-color: #fff; padding: 2px; } #profileimage:hover a { display: block; } .friends li a span { height: 54px; font-size: 0.9em; } .friends { display: block; float: left; } #contenthead #ctrl .cancel { display: none; } /* ACTIVITIES */ #content li.activity { float: left; height: 150px; width: 150px; position: relative; } /*Settings*/ #settings { } /*basic info*/ #userform { } #userform > img { margin-top: 0; } #userform .button_wrapper input { float: right; } #userform form .buttons { display: block; text-align: right; padding: 5px 10px; } #userform form .buttons input { margin-left: 10px; } #userform form input[type="text"] { } #userform form textarea { margin-bottom: 4px; padding: 10px; height: 80px; width: 298px;} #userform form input[type="text"] { width: 303px; } #userform form li { margin-bottom: 5px; } #userform form li label { float: left; clear: left; width: 130px; color: #a0a0a0; margin-left: 0px; } #userform form li div { display: inline-block; } #userform form select { cursor: pointer; background: #fff; padding: 3px; font-size: 12px; } #id_profile-gender { width: 320px; } #id_profile-birthday_month { width: 100px; margin-right: 10px; } #id_profile-birthday_day { width: 100px; margin-right: 10px; } #id_profile-birthday_year { width: 100px; } #userform dl dt, #userform dl dd { border-bottom: 1px dotted #dadada; padding-top: 10px; } #userform dl dt { font-weight: bold; float: left; width: 150px; } /*settings saved*/ #userform .saved{ float: right; margin-right: 20px; margin-top: 5px; color: #FFBC00; font-weight: bold; } /*notfications*/ #settings strong img { margin: 0px 10px -2px 0px; } .notifications dt, .notifications dd { float: left; border-bottom: 1px dotted #dadada; height: 20px; padding: 10px 0px 5px 0px; } .notifications dt { clear: left; width: 370px; } .notifications dd { width: 100px; text-align: center; } .notifications { height: 260px; } #notifications { width: 480px; } #notifications input { float: right; width: 90px; } #notifications .submit { margin-top: 10px; margin-right: 30px;} #answer { color: #84A80C; font-weight: bold; float: right; margin: 18px 20px 0px 0px; padding: 5px 10px; } /*first help*/ .start_item { padding-bottom: 5px; margin-bottom: 10px; } .start_item p.title { padding: 5px; background-color: #f1f1f1; font-weight: bold; } #boxes p { margin-bottom: 10px; } /* EVENTS */ #events { float: left; width: 635px; } #events > li { float: left; width: 635px; position: relative; } #events li > a { float: left; clear: left; } #content #events li > a img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-right: 10px; } #events li h3 { float: left; width: 450px; } #events li h3 a { font-weight: bold; } #events li > span { float: left; width: 450px; } #events li .right { position: absolute; right: 0px; top: 15px!important; width: 120px!important; } #events li .right > span { width: 120px!important; } .col200 { width: 200px; float: left; display:block;} .col240 { width: 240px; float: left; display:block;} .col_clear { clear: both; width: 100%; height: 10px; } #boxes .sharestuff { margin-bottom: 10px; float: left; display: block; } #boxes .sharestuff li { float: left; width: 300px; display: block; padding: 5px 0px; } #boxes .sharestuff li span { float: left; } #boxes .sharestuff li span:first-child { width: 100px; display: inline-block; clear: left; } /* STREAM-LIST Inbox Einladungen */ .streamlike li .relative p.info { color: #A0A0A0; margin-bottom: 3px; } .streamlike li .relative p.info a { color: #7C94C6;} .streamlike li .relative p.info span { color: #A0A0A0; } .streamlike li .relative h3 {line-height: 0px; } /* .header */ .streamlike .action .header { width: 430px; float: left; } .streamlike .action .header a { } .streamlike .action .header * { font-size: 1em; } /* .body */ .streamlike .action .body > img { margin-bottom: 6px; } /* .footer */ /* .streamlike .action .footer { clear: left; margin-top: 10px; overflow: hidden; } .streamlike .action .footer > div { float: left; } .streamlike .action .footer a.remove { display: none; } .streamlike .action .footer:hover a.remove { display: none; float: right; } .streamlike .action .footer > a img { float: left; margin: 0px 0px 5px; } .streamlike .action .footer span.timestamp, .streamlike .action .footer span.timestamp { width: auto; clear: none; color: #aaa; font-size: 0.8em; line-height: 22px; } .streamlike .action .footer > div > a { margin-right: 4px; } */ li.expanded .footer { min-height: 5px; display: block!important; float: left; width: 451px; clear: left; margin-top: 10px; padding: 15px 10px 0px 10px; border-radius: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.98); } li.expanded .footer p { margin-bottom: 10px; } li.expanded .footer .buttons li { display: none; } li.expanded .comments { display: block!important; } li.expanded .footer .image img { width: 149px!important; height: 90px!important; } li.expanded .footer > a { display: inline-block; width: 61px; height: 85px; margin: 5px 0px 10px 0px; text-align: left; vertical-align: top; overflow: hidden; } li.expanded .footer a:first-child { clear: left; } li.expanded .footer a img { display: inline-block; } li.expanded.gonnado .footer { border: 2px solid rgba(255, 188, 0, 0.75); } li.expanded.wannado .footer { border: 2px solid rgba(98, 204, 226, 0.75); } li.expanded.did .footer { border: 2px solid rgba(165, 210, 13, 0.75); } li.expanded.place .footer { border: 1px solid #a0a0a0; } /* .relative */ .streamlike h3 > a, .streamlike h3 > b { font-size: 17px; color: #737373; } .streamlike .relative h3 p { float: left; clear: left; } .streamlike .relative h3 p a { font-weight: normal; font-size: 1em; color: #333; } .streamlike .relative h3 p a:hover { text-decoration: underline; } /* #stream right */ .streamlike li .body { position: relative; height: 60px; } .streamlike li .relative .buttons { position: absolute; top: 0px; right: 0px; margin-top: 0px; } .streamlike li .relative h3 { } .streamlike li .relative p.subtitle { display: none; } .streamlike li:hover .relative p.subtitle { display: block; } .streamlike li .relative p a { } .streamlike li .relative p a.username { color: #737373!important; } .streamlike li .relative p a.place { color: #737373!important; } .streamlike li .relative p span { } .streamlike .right { position: absolute; right: 0; top: 0; text-align: right;} .streamlike .right ul { text-align: right; } /* MAYBE #main .streamlike .right ul li { display: inline-block; } */ .streamlike .right ul li img { width: 25px; height: 25px; } .streamlike .right span { text-align: center; } .streamlike .right > span { width: 110px; height: 16px; padding-top: 0px; float: right; font-size: 12px; } .streamlike .right > span.did { } .streamlike .right > span.wannado { } .streamlike .right span.star-rating-control { width: 86px; padding: 3px; float: right; margin-bottom: 5px; } .streamlike .right span.star-rating-control .star-rating { } .streamlike .right span.star-rating-control .color { display: block; } .streamlike .right span.rated { float: right; clear: right; width: 86px; padding: 3px; margin-top: 1px; background-color: #ebebeb; } .streamlike .right span.wannados { float: right; clear: right; } .streamlike .right span.gonnados { float: right; clear: right; } .streamlike .right span.dids { float: right; clear: right; } .streamlike .right a img { float: right; margin-left: 10px; } #content .buttons li a.amount { width: 85px; } #content .helpbox { padding: 10px; background: #e6e6e6; clear: both; overflow: hidden; margin: 10px 0px; } #content .helpbox #release_fail{ padding: 20px; color: #FFBC00; margin: 10px 0px; text-align: center; font-weight: bold; border: 2px solid #FFBC00; } #content #select_activity { overflow: hidden; margin-bottom: 0px; } #content #select_activity h2 { padding-top: 20px; } #content #select_activity li { float: left; margin: 5px; } #content #select_activity li a { display: block; padding: 5px 10px; background: #f9f9f9; color: #737373; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } #content #select_activity li a.selected, #content #select_activity li a:hover { background: #ffbc00; color: #fff; text-decoration: none; cursor: pointer; } /* expand icon */ #stream > li .right .ui-icon, #stream > li .right .preview { display: none; cursor: pointer; } #stream > li .right .ui-icon-carat-1-s { position: absolute; bottom: -4px; right: 5px; } #stream > li:hover .right .ui-icon, #stream > li:hover .right .preview { display: inline-block; } #stream > li .right .ui-icon-carat-1-s:hover { background-image: url('/media/css/jquery-ui/ui-icon-black.png'); } #stream > li.expanded .right .ui-icon-carat-1-s { display: inline-block; background-position: 0px 0!important; top: 52px; } #stream > li.expanded .right .preview { display: none!important; } #stream > li .right .preview { position: absolute; bottom: 0px; right: 24px; text-align: right; font-size: 10px; font-weight: bold; color: #A0A0A0; } #stream > li .right .preview .ui-icon { margin: 2px 2px -2px -2px; } .endless_container { list-style: none; } #main .streamlike li.endless_container { display: block; clear: left; border-bottom: none; } #main .stream_filter { display: block; padding-top: 5px; } #main .stream_filter li { list-style: none; float: right; margin-left: 10px; } #main .stream_filter li.active a { font-weight: bold; color: #333333; } /* #stream_placeholder { width: 591px; float: left; background-color: #f6f6f6; margin: 20px 10px 0px 10px; padding: 20px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #ebebeb; } #stream_placeholder_message { padding: 30px 0px 0px 20px; } #stream_placeholder h2 { margin-bottom: 10px; float: left; clear: left; width: 591px; padding-top: 20px; } #stream_placeholder h2 a { float: right; font-size: 0.9em; } #stream_placeholder label { float: left; clear: left; font-weight: bold; width: 150px; color: #a0a0a0; } #stream_placeholder > span { float: left; width: 400px; } #stream_placeholder hr { float: left; clear: left; margin: 20px 0px; width: 581px; } */ /* .actor */ #main .streamlike .action .actor { } /* #stream buttons */ #main .streamlike .comment_string { background: url(../img/comment_top.png); background-repeat: no-repeat; clear: left; } #main .streamlike .comments:hover .dropdown { display: block; } #main .streamlike .relative p a.comment { color: #3B5998; } #main .streamlike .relative p a.comment:hover { text-decoration: none; } #main .streamlike .comments li { position: relative; overflow: hidden; vertical-align: top; margin-bottom: 2px; padding: 5px 0px 0px 0px; } #main .streamlike .comments li > div { margin-left: 60px; } #main .streamlike .comments li img { margin-right: 5px; float: left; } #main .streamlike .comments li a { font-weight: bold; } #main .streamlike .comments li div { position: relative; color: #737373; margin-bottom: 10px; font-size: 1.1em; } #main .streamlike .comments li div a { font-size: 1em; font-weight: normal; } #main .streamlike .comments li div a.remove { display: none; } #main .streamlike .comments li:hover div a.remove { display: block; } #main .streamlike .comments li div .timeago { color: #aaa; font-size: 11px; display: block; margin-top: 5px; } #main .streamlike .comments li.form { } #main .streamlike .comments li a span { position: absolute; right: 5px; top: 5px; } #main .streamlike .form li { padding: 0; text-align: right; } #main .streamlike .form input[type=text] { height: 23px; background-image: url(screen/input_bg.png); background-repeat: repeat-x; border: 1px solid #a0a0a0; text-indent: 3px; width: 451px; text-align: left; } #main .streamlike .form .standard { color: #aaa; } #main .streamlike .form input[type=submit] { width: auto; text-indent: 0; margin: 10px 0px; } /* stream privacy */ #main .streamlike .streamprivacy { display: inline-block; float: right; margin: 0px; } #main .streamlike .streamprivacy ul { bottom: 0px; display: none; } #main .streamlike .streamprivacy ul li { width: 50px; padding: 0px 4px; } #main .streamlike .streamprivacy ul li:hover { cursor: pointer; background-color: #dadada; } #main .streamlike .streamprivacy li:hover { background-color: #F0F0F0; } #main .streamlike .streamprivacy button { height: 20px; width: 20px; background: none; border: none; } /* #leftnav */ #titleimage img { width: 170px; } #leftnav { width: 170px; float: left; height: 100%; margin-right: 15px; } #leftnav label { margin: 20px 0px 5px; color: #999; font-weight: bold; display: block; } #leftnav label.first-child { line-height: 24px; margin-top: 0px; } #leftnav .welcome { overflow: hidden; margin-bottom: 10px; font-weight: bold; padding: 5px 5px 5px 0px; } #leftnav .welcome img { float: left; margin-right: 10px; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; } #leftnav .welcome b { font-weight: normal; font-size: 15px; } #leftnav .skyscraper { margin: 5px 5px; background-color: #f2f2f2; overflow: hidden;} #lefttab li, .lefttab li { margin-bottom: 1px; } #lefttab li a, .lefttab li a, #lefttab li[name="recommendations"] span { display: block; color: #333; padding: 4px 5px; margin-bottom: 2px; cursor: pointer; } #lefttab li a:hover, .lefttab li a:hover { color: #FFFFFF; background-color: #FFBC00; text-decoration: none; } #lefttab li a:hover p, .lefttab li a:hover p { color: #FFFFFF; } #lefttab li a:hover span, .lefttab li a:hover span { background-image: url(jquery-ui/ui-icon-white.png); } #lefttab li a.current, .lefttab li a.current, #lefttab li span.active, #lefttab li a.active { color: #FFFFFF; background-color: #FFBC00; font-weight: bold; } #lefttab li a.grey.current, #lefttab li a.grey:hover { color: #fff; background-color: #dadada; font-weight: bold; } #lefttab.place li a.current, #lefttab.place li a:hover, #lefttab.profile li a.current, #lefttab.profile li a:hover { background-color: #dadada; } #lefttab.gonnado li a.current, #lefttab.gonnado li a:hover { background-color: #ffbc00; } #lefttab.wannado li a.current, #lefttab.wannado li a:hover { background-color: #62CCE2; } #lefttab.did li a.current, #lefttab.did li a:hover { background-color: #A5D20D; } #lefttab li a.current p, .lefttab li a.current p { color: #FFFFFF; } #lefttab li a.current span, .lefttab li a.current span { background-image: url(jquery-ui/ui-icon-white.png); } #lefttab li.sparte { font-weight: bold; margin: 15px 0px 5px 0px; } #lefttab li a.subtab { padding-left: 20px; } #leftend a { display: block; } #leftend label { } .inbox_counter{ color: #000000; display: inline; } /* #content */ #content { float: left; margin-left: 15px; min-height: 720px; width: 481px; padding-bottom: 30px; } #content h1 { font-size: 22px; line-height: 34px; letter-spacing: -1px; font-weight: bold; } #content h1 a { color: #737373; font-size: 22px; line-height: 34px; letter-spacing: -1px; font-weight: bold; } #content h1 a:hover { text-decoration: none; } #content h2 { font-size: 15px; color: #737373; margin-bottom: 0.1em; } #content h2.title { color: #737373; display: block; margin-top: 0px; margin-bottom: 5px; font-weight: bold; font-size: 1.4em; clear: both; overflow: hidden; } #content h2.titleNoborder { color: #737373; display: block; margin-top: 6px; margin-bottom: 0px; font-weight: bold; font-size: 14px; clear: both; } #content h2.titleSection { border-bottom: 1px dotted #a0a0a0; clear: both; position: relative; margin: 15px 0px; } #content h2.titleSection a { line-height: 1px; display: block; font-weight: bold; font-size: 13px; color: #a0a0a0; background: #fff; padding: 5px 10px 5px 5px; position: absolute; top: -5px; } #content h2.titleSection a { } #content h2.titleSection.gonnado { color: #ffbc00; border-bottom: 1px dotted #FFBC00; } #content h2.titleSection.gonnado a { color: #ffbc00; } #content h2.titleSection.wannado { color: #62CCE2; border-bottom: 1px dotted #62CCE2; } #content h2.titleSection.wannado a { color: #62CCE2; } #content h2.titleSection.did { color: #A5D20D; border-bottom: 1px dotted #A5D20D;} #content h2.titleSection.did a { color: #A5D20D; } #content h2.titleSection.grey { color: #a0a0a0; border-bottom: 1px dotted #c3c3c3; } #content h2.titleSection.grey a { color: #a0a0a0; } #content #wall #comments li.form { width: 481px; } #content #wall #comments li.form input[type=submit] { display: block!important; visibility: visible; float: right; } #content #wall #comments li.form ul { float: left; width: 620px; padding: 20px 5px 5px 5px; background-color: #f1f1f1; } #content #wall #comments li.form { margin-top: -10px!important; padding-top: 0px; } #userbox .endless_container { border-bottom: none; } #userbox .endless_container a { display: block; padding: 10px; text-align: center; background-color: #f1f1f1; font-weight: bold; color: #737373; } #userbox .endless_container a:hover { color: #333; text-decoration: none; background-color: #dadada; } #userbox .streamlike .right { display: none; } .endless_container { margin: 0px 0px 0px 0px!important; padding: 0px!important; border: none; box-shadow: none; } .endless_container .endless_more, .endless_container .endless_loading, .endless_container a { clear: left; float: left; margin: 0px 0px 0px 0px!important; padding: 10px; width: 461px; text-align: center; background-color: #f1f1f1; color: #737373; cursor: pointer; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } .endless_container a:hover { text-decoration: none; background-color: #dadada; } /* #content .streamfilter { height: 14px; min-width: 8px; padding: 3px 6px; line-height: 12px; text-align:center; font-weight:bold; float: right; display: inline-block; margin: 0px 2px; cursor: pointer; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #content .streamfilter:hover { color: #fff!important } #content .streamfilter.gonnado { border: 1px solid #ffbc00; background: #FFF6DD; color: #ffbc00; } #content .streamfilter.wannado { border: 1px solid #62CCE2; background: #EAF8FB; color: #62cce2; } #content .streamfilter.did { border: 1px solid #A5D20D; background: #F3F9DF; color: #a5d20d; } #content .streamfilter.gonnado.active, #content .streamfilter.gonnado:hover { background: #ffbc00; color: #fff; } #content .streamfilter.wannado.active, #content .streamfilter.wannado:hover { background: #62CCE2; color: #fff; } #content .streamfilter.did.active, #content .streamfilter.did:hover { background: #A5D20D; color: #fff; } */ #content #activities ul { list-style: none; text-align: left; } #content #activities ul li { overflow: hidden; display: inline-block; height: 110px; width: 85px; text-align: center; cursor: pointer; vertical-align: top; } #content #activities ul li a:first-child { display: block; } #content #activities ul li a:first-child img { width: 75px; height: 60px; } #content #activities ul li a { font-size: 12px; color: #737373; } #content #activities ul li:hover, #content #activities ul li.active a { text-decoration: none; } #content #activities ul li a:hover { text-decoration: none!important; } #content #activities ul li.more { height: 20px; float: right; } #content #activities ul li.more span, #content #activities ul li.more a { float: left; margin-left: 10px; } #content #activities { position: relative; padding-top: 15px; } #content #activities .paginator { z-index: 2; position: relative; } #content #activities .paginator .endless_page_link { position: absolute; width: 20px; height: 100px; background: #ebebeb; } #content #activities .paginator .endless_page_link.active { background: #dadada; } #content #activities .paginator .endless_page_link .ui-icon { margin-top: 5px; background-image: url(/media/css/jquery-ui/ui-icon-grey.png); } #content #activities .paginator .endless_page_link:hover .ui-icon { background-image: url(/media/css/jquery-ui/ui-icon-black.png); } #content #activities .paginator .next, #content #activities .paginator .next { right: 0px; } #content #activities .paginator .back { left: 0px; } #content #activities .paginator .active { display: block; } #content #activities .paginator .next.active:hover, #content #activities .paginator .back.active:hover { background: #cccccc; } #content #activities .paginator a { font-size: 15px; } #content #activities .paginator .endless_page_current, #content #activities .paginator .endless_separator { display: none; } #content #activities ul { min-height: 90px; margin: 0px 22px; } #content .toggler { z-index: 2; } #content #section, #content #tags, a.endless_more, a.endless_loading { border: 1px solid #dadada; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#efefef 100%); } #content #section, #content #tags { position: relative; padding: 5px 5px 0px 5px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; margin: 6px 0px; } #content #section > a, #content #tags > a, #content #tags > span { float: right; margin: 0px 0px 0px 10px; } #content #section ul li, #content #tags ul li { display: inline-block; border: none; box-shadow: none; } #content #section .buttonlike, #content #tags .buttonlike, #content #section .section_addbtn, #content #tags .section_addbtn { float: right; margin: 2px; } #content #section ul li a, #content #tags ul li a, #content #tags ul li span { border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border: 1px solid transparent; border-bottom: none; line-height: 27px; display: block; background: none; font-size: 14px; cursor: pointer; padding: 0px 10px; margin: 0px 4px 0px 0px; text-decoration: none; color: #a0a0a0; margin-bottom: -1px; } #content #section ul li a.active, #content #section ul li a.current, #content #section ul li a:hover, #content #tags ul li a:hover, #content #tags ul li span.active { background: #fff; color: #333; border: 1px solid #dadada; border-bottom: 1px solid white; } #content #section .switch { display: inline; } /*#content #section a.addform { float: right; margin-top: 7px; }*/ #content #info #details { margin: 10px 0px 25px 0px; overflow: hidden; } #content #info #details div { float: left; width: 110px; color: #a0a0a0; clear: left; } #content #info #details ul { float: left; width: 360px; margin-bottom: 3px; } #content #info #details ul li { float: left; } #content #info #details ul li a { } #content #info .multimedia div.item { float: left; margin-left: 1px; } #content .help { background: #f1f1f1; min-height: 5px; display: block!important; margin-top: 10px; background-image: url(../img/comment_top.png); padding: 15px 10px 10px 10px; background-repeat: no-repeat;} #content .help a { float: right; } /* #content .userlist */ .user_list_user { padding-bottom: 10px!important; padding-top: 10px!important; list-style: none; display: block; vertical-align: top; overflow: hidden; } .user_list_user:hover { } li.user_list .user_left { margin-left: 10px; float: left; text-align: left; width: 240px; padding-top: 8px; } li.user_list .user_left a b { font-size: 15px; color: #737373; } li.user_list .user_left a b:hover { text-decoration: underline; } li.user_list .user_left a { clear: left; float: left; } li.user_list .user_left .counter { margin-top: 4px; } li.user_list .user_right { float: right; text-align: right; clear: right; } li.user_list .gonnados, li.user_list .wannados, li.user_list .user_right .counter .dids { padding: 0px 10px; min-width: 15px; margin-right: 5px; float: right; text-align: center; line-height: 18px; font-size: 13px; font-weight: bold; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; } li.user_list .user_right .counter .gonnados:hover, li.user_list .user_right .counter .wannados:hover, li.user_list .user_right .counter .dids:hover { text-decoration: none; } li.user_list .user_right .counter .gonnados { background: #FFF6DD; border: 1px solid #FFBC00; color: #FFBC00; } li.user_list .user_right .counter .wannados { background: #EAF8FB; border: 1px solid #62CCE2; color: #62CCE2; } li.user_list .user_right .counter .dids { background: #F3F9DF; border: 1px solid #A5D20D; color: #A5D20D; } li.user_list img { float: left; } li.user_list span b { font-size: 1.2em; } /* #content .userlist */ #content ul li.act_list { height: 70px; } #content ul li.act_list img { float: left; margin-right: 10px; } #content ul li.act_list h3 { float: left; font-size: 15px; font-weight: bold; } #content ul li.act_list.display { float: left; text-align: center; border: 0px; width: 80px; height: 100px; } #content ul li.act_list.display img { float: none; margin-right: 0px; } #content ul li.act_list.display h3 { float: none; font-size: 12px; font-weight: normal; } /* #contenthead */ #contenthead { position: relative; } .noHeading { margin-bottom: 27px; } #contenthead h1 { font-weight: 200; font-size: 25px; display: inline-block; margin: 0px; border-bottom: 0px; color: #737373; padding: 0px !important; margin-right: 20px; margin: 4px 0px 2px 0px; } #contenthead h1 a { font-weight: 200; font-size: 25px;} #contenthead h1.rechts { float: right; margin-right: 0px;} #contenthead h1 span.inactive { font-size: 22px; line-height: 34px; letter-spacing: -1px; font-weight: normal; } #contenthead h1 span.border { background-color: #f1f1f1; border: 1px solid #808080; padding-left: 1px; cursor: pointer;} #contenthead h1 span.border:hover { background-color: #dadada; } #contenthead h1 span.border.active { background-color: #dadada; background-position: 0px -16px; } #contenthead .subtitle { margin-right: 5px; border-left: 0px!important; padding-left: 0px!important; } #contenthead .buttonlike { float: right; } #contenthead #ctrl.steps * { border-left: 0px!important; color: #a0a0a0; } h2.title.gonnado { color: #FFBC00!important; font-weight: normal; } h2.title.did { color: #A5D20D!important; font-weight: normal;} h2.title.wannado { color: #62CCE2!important; font-weight: normal;} h2.title.until { color: #a0a0a0; font-weight: normal;} #contenthead .infoblock { clear: left; } #contenthead .edit-button { padding: 5px; position: absolute; top: 0px; right: 0px; background: #E6E6E6; margin-top: 3px; cursor: pointer; } #contenthead .toggler li.r { float: right; color: #7C94C6; font-weight: bold; } #contenthead .toggler li.r .ui-icon { float: right; } #contenthead .toggler li.r:hover { text-decoration: underline; cursor: pointer; } #content .buttonlike.r { float: right; } #content .toggler li.l { background: #f1f1f1; cursor: pointer; float: left; height: 14px; padding: 3px 6px; margin: 0px 2px; border: 1px solid #A9A9A9; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px } #content .toggler li.l, #content .toggler li.l a { font-weight: bold; line-height: 12px; color: #A9A9A9; } #content .toggler li.l.active, #content .toggler li.l:hover { border: 1px solid #A9A9A9; background: #A9A9A9; } #content .toggler li.l.active, #content .toggler li.l:hover, #content .toggler li.l.active a, #content .toggler li.l:hover a { color: #fff; text-decoration: none; } #leftnav #where { clear: left; overflow: hidden; } #leftnav #where li:first-child { } #leftnav #where li #geolocation { margin:15px 0 0 0; width: 118px;} #leftnav #where li #checkin input { } #leftnav #where li input.location { padding: 3px 4px !important; width: 105px; margin-right: 0px; margin-top: 0px;} #leftnav #where li input.buttonlike { float:right; margin:0px; height: 27px; width: 32px; margin: 0px; padding: 0px; } #leftnav #where li, #leftnav #where li input, #leftnav #where li #geolocation, #leftnav #locations li, #leftnav #locations li a, #leftnav #locations li.active div { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } #leftnav #location .dropable { position: static!important; } #leftnav #location .dropdown { padding: 5px 10px; position: absolute; top: 10px; right: 10px; } #leftnav #location .dropdown:hover, #leftnav #location .dropdown.active { cursor: pointer; } #leftnav #location a.closeLocation { position: absolute; bottom: 7px; right: 7px; padding: 2px 7px; font-size: 10px; background: #b2b2b2; text-decoration: none; font-weight: bold; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #f2f2f2; } #leftnav #location { border: 1px solid #A0A0A0; width: 150px; z-index: 100; margin-bottom: 10px; position: absolute; padding: 10px; overflow: hidden; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-shadow: 2px 4px 10px #a0a0a0; } #leftnav #locations { overflow: hidden; margin: 20px 0px; } #leftnav #locations li { margin-bottom: 5px; display: block; background: #dadada; } #leftnav #locations li:hover, #leftnav #locations li.active div, #leftnav #locations li > a:hover { background: #a0a0a0; color: #fff!important; text-decoration: none; } #leftnav #locations li.dropable:hover { background: #f1f1f1; border: 1px solid #f1f1f1; } #leftnav #locations li > a, #leftnav #locations li > div { display: block; padding: 4px 6px; color: #737373; font-weight: bold; font-size: 13px; } #description{ clear:both; margin: 20px 0px 25px 0px; } #teaser { font-size: 1.2em; } #teaser a, #teaser p { font-size: 1em; } #main .gonnado-button span.add { color: #ffbc00!important; border: 1px solid #ffbc00; } #main .gonnado-button span.add:hover { color: #fff!important; border: none; background-color: #ffbc00; border: 1px solid #ffbc00; } #main .did-button span.add { color: #A5D20D!important; border: 1px solid #A5D20D; } #main .did-button span.add:hover { color: #fff!important; border: none; background-color: #A5D20D; border: 1px solid #A5D20D; } /* #subnav */ #subnav { height: 28px; padding-top: 6px; float: left; width: 635px; position: relative; border-bottom: 1px solid #333; } #subnav li { float: left; } #subnav li a { display: inline-block; padding: 5px 20px 5px 0px; margin-right: 4px; color: #333; font-size: 18px; } #subnav li a:hover { font-weight: bold; } #subnav li.active a { font-weight: bold; } #subnav .subnav_link { float: right; margin-right: 10px; } #subnav .buttonlike { margin-top: -3px; margin-right: 2px!important; width: 100px; } /* #attendees */ #attendees { clear: both; list-style: none; text-align: left; } #attendees li {clear: left; display: block; height: 40px; position: relative; } #attendees li .ui-icon { position: absolute; right: -0.5em; top: -0.5em; } #attendees li p { text-align: center; } #attendees li img.thumbnail { float: left; width: 32px; height: 32px; border: 1px solid #dadada; padding: 1px; } #attendees li span { float: left; width: 130px; padding: 7px 0px 5px 3px; font-size: 0.9em; } #attendees a span { } label .boxlink { float: right; font-size: 11px; line-height: 22px; } #attendees .gonnado img { border: 1px solid #ffbc00!important; } #attendees .wannado img { border: 1px solid #62CCE2!important; } #attendees .did img { border: 1px solid #A5D20D!important; } /* #attributes */ .info_title { float: left; width: 300px; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; } .info_title h2 { float: left; } .info_title a { float: right; } /* #boxes */ #boxes { float: right; margin-right: 0px; min-height: 100px; width: 300px; margin-top: 0px; } #boxes .buttonlike { margin-left: 5px; float: right; } #boxes .amount { position: absolute; top: 5px; right: 0px; } #boxes #pagectrl { overflow: hidden; } /* .expand */ #boxes li.expanded .footer a { width: 52px; } #boxes li.expanded .footer .multimedia li object[type="application/x-shockwave-flash"] { width: 280px!important; height: 170px!important; } #boxes li.expanded .footer .multimedia .image img { width: 137px!important; height: 80px!important; } #boxes li.expanded .footer .multimedia .image { width: 137px; height: 80px; } #boxes label, #boxes div > label, #boxes ul > label { line-height: 24px; color: #999; display: block; margin-top: 15px; margin-bottom: 5px; font-weight: bold; font-size: 13px; clear:both; } #boxes > label:first-child { margin-top: 0px; } #boxes label a { float: right; } #boxes #attendees > label { margin-top: 1em; } #boxes > div:first-child > ul:first-child > label:first-child { margin-top: 0px; } #boxes ul > li { list-style: none; } #boxes h3, #boxes h3 * { font-weight: normal; font-size: 14px; color: #737373; } /* Boxes Input */ #boxes input[type=text], #boxes input[type=password] { border: 1px solid #ddd; } #boxes .images a span { display: none; } #boxes .friends li, #boxes #attendees li { display: inline-block; float: left; height: 100px; margin: 0px 10px 10px; overflow: hidden; vertical-align: top; width: 50px; } #boxes #attendees li a span, #boxes .friends li a span, #boxes .attendees li a span { font-size: 11px; } #boxes .friends li p { font-size: 0.6em; float: left; clear: left; } /* #Boxes .pages */ #boxes .pages li { height: 54px; position: relative; padding: 4px 2px 1px 6px; } #boxes .pages .attendees li { display: inline-block; height: 32px; padding: 0px; margin: 0px 7px 7px 0px; width: 32px; } #boxes .recommendations li { background-color: #FFF6DD; border-radius: 10px; padding: 3px 3px; height: 50px; margin-bottom: 3px; } .reco_info { padding: 4px 0 0 4px; vertical-align: top; } #boxes .pages li:first-child { border-top: none; } #boxes .pages li > a { margin-right: 5px; margin-top: 2px; } #boxes .pages li > a img { float: left; margin-right: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #boxes .pages li h3 { height: 1.5em; display: inline-block; } #boxes .pages li h3 a.act_title { font-weight: bold; clear: none; } #boxes .pages li h3 a.act_title:hover { text-decoration: underline; } #boxes .pages li strong { font-weight: normal; } #boxes .pages li .counter.gonnado,.userdialog .counter.gonnado { color: #FFBC00; } #boxes .pages li .footer { width: 250px; display: none; position: absolute; z-index: 10; padding: 15px; box-shadow: 2px 4px 10px #a0a0a0; } #boxes .pages li a.attendees { padding: 5px 2px 2px 2px; cursor: pointer; text-decoration: none; } #boxes .pages li > div > span { line-height: 28px; } #boxes .pages .right { display: none; } #boxes .pages li .footer img { width: 32px; padding: 1px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #boxes .pages li.gonnado .footer img { border: 1px solid #ffbc00!important; } #boxes .pages li.wannado .footer img { border: 1px solid #62CCE2!important; } #boxes .pages li.did .footer img { border: 1px solid #A5D20D!important; } #boxes .pages li .footer a span { display: none; } #boxes .address_box { height: 85px; } /* #Boxes .adds */ #boxes .adds { margin: 10px 0px; } /* #Boxes #community_events */ #boxes div#community_events { } #boxes div#community_events p { border-bottom: 1px dotted #a0a0a0; padding-bottom: 10px; } #boxes a#community-events { display: block; padding: 10px; text-align: center; color: #737373; background: #f1f1f1; border-bottom: 1px dotted #a0a0a0; } #boxes a#community-events:hover { color: #333; background: #dadada; padding: 10px; text-decoration: none; } /* Promoted recommendations subtext */ .reco_info { padding: 2px 0 0 4px; } /* MAPS */ #map { margin-top: 0px; } /* #footer */ #footer { width: 100%; background: #f6f6f6; overflow: hidden; } #footer_body { width: 1013px; margin: 30px auto 30px; overflow: hidden; } #footer * { color: #8e8e8e; } #footer .lang { } #footer .lang > * { display: inline-block; } #footer .info { float: left; width: 100%; display: block; padding-right: 0px; margin-left: 0px;} #footer .info li { display: block; float: left; } #footer .info li a { margin-right: 1px; background: #fff; padding: 10px; display: block; font-weight: bold;} #footer .info li a:hover { text-decoration: none; color: #333; background: #bebebe; } /*language switcher*/ #footer .info li.lang { float: right; } #footer .info li.lang a { padding: 10px } #footer .info li.lang a:hover, #footer .info li.lang a.active{ color: #333; background: #bebebe; } #footer .ink { clear: left; width: 666px; float: left; } #footer .ink li { float: left; } #footer .ink li a { padding: 10px; display: block; height: 19px; margin: 0px 1px 1px 0px; opacity: 0.4; } #footer .ink li a:hover { opacity: 0.8; } #footer .ink li a.zwanzigminuten { background-image: url(../img/info/20minuten_sw.jpg); width: 15px; } #footer .ink li a.zwanzigminuten:hover { background-image: url(../img/info/20minuten.jpg); } #footer .ink li a.blickamabend { background-image: url(../img/info/blickamabend_sw.jpg); width: 45px; } #footer .ink li a.blickamabend:hover { background-image: url(../img/info/blickamabend.jpg); } #footer .ink li a.sonntagszeitung { background-image: url(../img/info/sonntagszeitung_sw.jpg); width: 155px; } #footer .ink li a.sonntagszeitung:hover { background-image: url(../img/info/sonntagszeitung.jpg); } #footer .ink li a.derbund { background-image: url(../img/info/derbund_sw.jpg); width: 113px; } #footer .ink li a.derbund:hover { background-image: url(../img/info/derbund.jpg); } #footer .ink li a.deindeal { background-image: url(../img/info/deindeal_sw.jpg); width: 26px; } #footer .ink li a.deindeal:hover { background-image: url(../img/info/deindeal.jpg); } #footer .ink li a.getyourguide { background-image: url(../img/info/getyourguide_sw.jpg); width: 159px; } #footer .ink li a.getyourguide:hover { background-image: url(../img/info/getyourguide.jpg); } #footer .ink li a.doodle { background-image: url(../img/info/doodle_sw.jpg); width: 120px; } #footer .ink li a.doodle:hover { background-image: url(../img/info/doodle.jpg); } #footer .ink li a.cinergy { background-image: url(../img/info/cinergy_sw.jpg); width: 24px; } #footer .ink li a.cinergy:hover { background-image: url(../img/info/cinergy.jpg); } #footer .ink li a.sti { background-image: url(../img/info/sti_sw.jpg); width: 50px; } #footer .ink li a.sti:hover { background-image: url(../img/info/sti.jpg); } #footer .ink li a.kti { background-image: url(../img/info/kti_sw.jpg); width: 74px; } #footer .ink li a.kti:hover { background-image: url(../img/info/kti.jpg); } #footer .ink li a.venturekick { background-image: url(../img/info/venturekick_sw.jpg); width: 110px; } #footer .ink li a.venturekick:hover { background-image: url(../img/info/venturekick.jpg); } #footer .ink li a.adfinis { background-image: url(../img/info/adfinis_sw.jpg); width: 95px; } #footer .ink li a.adfinis:hover { background-image: url(../img/info/adfinis.jpg); } #footer form { float: left; margin: 10px; } #footer .right { clear: both; width: 300px; float: right; text-align: right; } #footer .right li { margin-left:5px; display: inline; float: right; } #footer .right li a {display: block; width: 60px; height: 60px; } #footer .right li a.facebook { background-image: url(../img/info/facebook_sw.jpg); } #footer .right li a.facebook:hover { background-image: url(../img/info/facebook.jpg); } #footer .right li a.youtube { background-image: url(../img/info/youtube_sw.jpg); } #footer .right li a.youtube:hover { background-image: url(../img/info/youtube.jpg); } #footer .right li a.twitter { background-image: url(../img/info/twitter_sw.jpg); } #footer .right li a.twitter:hover { background-image: url(../img/info/twitter.jpg); } #footer .right li a.xing { background-image: url(../img/info/xing_sw.jpg); } #footer .right li a.xing:hover { background-image: url(../img/info/xing.jpg); } /* classes for the whole site */ .signup ul { list-style: none; } .signup li { margin-bottom: 5px; } .signup label { display: inline-block; min-width: 110px; } .signin ul { list-style: none; } .signin li { margin-bottom: 5px; } .signin label { display: inline-block; min-width: 100px; } .signin input[type=submit] { margin-left: 100px; } /* BUY */ .boxhack { margin-top: -49px !important; } #buy #contenthead { } #buy #description { margin: 15px 0 !important; } #buy #description p { font-size: 1.2em; } #buy #description2 { margin: 10px 0 20px 0; } #content #buy h2.title { margin-top: 0px; font-size: 1.4em; } #buy_container { min-height: 100px; margin: 10px 0px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #f6f6f6 53%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(53%,#f6f6f6), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f6f6f6 53%,#f9f9f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #buy_container h2 { padding: 25px 0px 0px 25px; width: 230px; float: left; } #buy_container td h2 { padding: 5px 0px 0px 5px; } /* FIXME: this makes the right status message on events with css. make better solution */ #buy_container h2 span, #buy_container td h2 {font-size: 1.1em;} #buy_container h2 span.not_attending.active {display: none;} #buy_container h2 span.attending.active {display: inline;} #buy_container h2 span.not_attending {display: inline;} #buy_container h2 span.attending {display: none;} #paypal { cursor: pointer; display: block; margin: 1px 0px 0px 4px; background: url(../img/apps/buy/checkoutcc.jpg) top left no-repeat; padding: 2px 0 0 0; width: 168px; height: 21px; } .noborder_input input { border: none; margin-right: 10px; } /* *** BUTTONS *** */ #buybtn { width: 176px; height: 34px; float: right; margin: 30px 40px 0 0; text-indent: 999em; display: inline; } #buybtn .buttons a, #buybtn a { background-position: 0px 0px; width: 176px; height: 38px; display: block; overflow: hidden !important; background: url(/media/img/icons/buttons/buttons_gr_de.png) top left no-repeat; } #buybtn .buttons a.en, #buybtn a.en { background-image: url(/media/img/icons/buttons/buttons_gr_en.png); } #buybtn .buttons a.fr, #buybtn a.fr { background-image: url(/media/img/icons/buttons/buttons_gr_fr.png); } /* GONNADO */ #buybtn .buttons a.gonnado-button:active { background-position: 0px -37px; } #buybtn .buttons a.gonnado-button.active { background-position: 0px -152px; } #buybtn .buttons a.gonnado-button.active:hover { background-position: 0px -190px; } /* GONNADO BUY */ #buybtn a.buy_button { background-position: 0px -76px; } #buybtn a.buy_button:active { background-position: 0px -113px; } #buybtn a.buy_button.active { background-position: 0px -152px; } #buybtn a.buy_button.active:hover { background-position: 0px -190px; } /* WANNADO */ #buybtn .buttons a.wannado-button { background-position: -176px -0px; } #buybtn .buttons a.wannado-button:active { background-position: -176px -37px; } #buybtn .buttons a.wannado-button.active { background-position: -176px -152px; } #buybtn .buttons a.wannado-button.active:hover { background-position: -176px -190px; } /* DID */ #buybtn .buttons a.did-button { background-position: -352px 0px; width:116px; } #buybtn .buttons a.did-button:active { background-position: -352px -37px; } #buybtn .buttons a.did-button.active { background-position: -352px -152px; } #buybtn .buttons a.did-button.active:hover { background-position: -352px -190px; } /* UPLOAD */ #buybtn .buttons a.upload_button-gonnado { background-position: -468px 0px; } #buybtn .buttons a.upload_button-gonnado:active { background-position: -468px -38px; } #buybtn .buttons a.upload_button-gonnado.active { background-position: -468px -76px; } #buybtn .buttons a.upload_button-gonnado.active:hover { background-position: -468px -113px; } #buybtn a.upload_button { background-position: -468px -152px; } #buybtn a.upload_button.active { background-position: -468px -190px; } #buybtn a.upload_button.active { background-position: -468px -228px; } #buybtn a.upload_button.active:hover { background-position: -468px -266px; } /* VOTE */ #buybtn a.vote_button { background-position: -644px 0px; } #buybtn a.vote_button:active { background-position: -644px -37px; } #buybtn a.vote_button-wannado { background-position: -644px 76px; } #buybtn a.vote_button-wannado:active { background-position: -644px -113px; } #buybtn a.vote_button-did { background-position: -644px -152px; } #buybtn a.vote_button-did:active { background-position: -644px -190px; } /* YOUR PICTURES */ #buybtn .buttons a.user_gallery_button { background-position: -820px 0px; } #buybtn .buttons a.user_gallery_button:active { background-position: -820px -37px; } /* BEST PICTURES */ #buybtn a.winner_button { background-position: -996px 0px; } #buybtn a.winner_button:active { background-position: -996px -37px; } /* INVITE */ #buybtn a.invite_button_gonnado { background-position: -1172px 0px; } #buybtn a.invite_button_gonnado:active { background-position: -1172px -37px; } #buybtn a.invite_button_wannado { background-position: -1172px -76px; } #buybtn a.invite_button_wannado:active { background-position: -1172px -113px; } #buybtn a.invite_button_did { background-position: -1172px -152px; } #buybtn a.invite_button_did:active { background-position: -1172px -190px; } #buybtn a.invite_button { background-position: -1172px -228px; } #buybtn a.invite_button:active { background-position: -1172px -266px; } /* INVITED */ #buybtn a.invited_button { background-position: -1349px 0px; } #buybtn a.invited_button:active { background-position: -1349px -37px; } #buybtn a.invited_button.active { background-position: -1349px -152px; } #buybtn a.invited_button.active:hover { background-position: -1349px -190px; } /* ADD */ #buybtn a.add_button { background-position: -1525px 0px; } #buybtn a.add_button:active { background-position: -1525px -37px; } #buybtn a.add_button.active { background-position: -1525px -152px; } #buybtn a.add_button.active:hover { background-position: -1525px -190px; } /* CHOOSE */ #buybtn a.choose_button { background-position: -1701px 0px; } #buybtn a.choose_button:active { background-position: -1701px -37px; } #buybtn a.choose_button.active { background-position: -1701px -152px; } #buybtn a.choose_button.active:hover { background-position: -1701px -190px; } /* SCHEDULE */ #buybtn a.shedule_button { background-position: -1877px 0px; } #buybtn a.shedule_button:active { background-position: -1877px -37px; } .sold_out { background: url(../img/apps/buy/sold_out.png) top left no-repeat transparent; background-position: 0px 0px; width: 176px; height: 38px; display: block; overflow: hidden !important; } .bought { background: url(../img/apps/buy/bought.png) top left no-repeat transparent; background-position: 0px 0px; width: 176px; height: 38px; display: block; overflow: hidden !important; } /* BUTTONS STREAM */ #stream .buttons a, .streamlike .buttons a { width: 110px; height: 23px; display:block; margin: 0px; background: url(/media/img/icons/buttons/buttons_kl_de.png) top left no-repeat; text-indent: -9999px; cursor:pointer; } #stream .buttons a.en { background-image: url(/media/img/icons/buttons/buttons_kl_en.png) } #stream .buttons a.fr { background-image: url(/media/img/icons/buttons/buttons_kl_fr.png) } /* GONNADO */ #stream a.gonnado-button:active { background-position: 0px -23px; } #stream a.gonnado-button.active { background-position: 0px -96px; } #stream a.gonnado-button.active:hover { background-position: 0px -120px; } /* GONNADO BUY */ #stream a.buy_button { background-position: 0px -48px; } #stream a.buy_button:active { background-position: 0px -71px; } #stream a.buy_button.active { background-position: 0px -96px; } #stream a.buy_button.active:hover { background-position: 0px -120px; } /* WANNADO */ #stream a.wannado-button { background-position: -110px -0px; } #stream a.wannado-button:active { background-position: -110px -23px; } #stream a.wannado-button.active { background-position: -110px -96px; } #stream a.wannado-button.active:hover { background-position: -110px -120px; } /* DID */ #stream a.did-button { background-position: -220px 0px; width:72px; } #stream a.did-button:active { background-position: -220px -23px; } #stream a.did-button.active { background-position: -220px -96px; } #stream a.did-button.active:hover { background-position: -220px -120px; } /* UPLOAD */ #stream a.upload_button-gonnado { background-position: -292px 0px; } #stream a.upload_button-gonnado:active { background-position: -292px -23px; } #stream a.upload_button-gonnado.active { background-position: -292px -48px; } #stream a.upload_button-gonnado.active:hover { background-position: -292px -71px; } #stream a.upload_button { background-position: -292px -96px; } #stream a.upload_button.active { background-position: -292px -120px; } #stream a.upload_button:active { background-position: -292px -144px; } #stream a.upload_button:hover { background-position: -292px -168px; } /* VOTE */ #stream a.vote_button { background-position: -402px 0px; } #stream a.vote_button:active { background-position: -402px -23px; } #stream a.vote_button-wannado { background-position: -402px -48px; } #stream a.vote_button-wannado:active { background-position: -402px -71px; } #stream a.vote_button-did { background-position: -402px -96px; } #stream a.vote_button-did:active { background-position: -402px -120px; } /* YOUR PICTURES */ #stream .buttons a.user_gallery_button { background-position: -512px 0px; } #stream .buttons a.user_gallery_button:active { background-position: -512px -23px; } /* BEST PICTURES */ #stream a.winner_button { background-position: -622px 0px; } #stream a.winner_button:active { background-position: -622px -23px; } /* INVITE */ #stream a.invite_button_gonnado { background-position: -732px 0px; } #stream a.invite_button_gonnado:active { background-position: -732px -23px; } #stream a.invite_button_wannado { background-position: -732px -48px; } #stream a.invite_button_wannado:active { background-position: -732px -71px; } #stream a.invite_button_did { background-position: -732px -96px; } #stream a.invite_button_did:active { background-position: -732px -120px; } .streamlike a.invite_button { background-position: -732px -96px; } .streamlike a.invite_button.active { background-position: -732px -120px; } .streamlike a.invite_button:active { background-position: -732px -144px; } .streamlike a.invite_button:hover { background-position: -732px -168px; } /* INVITED */ .streamlike .a.invited_button { background-position: -842px 0px; } .streamlike .a.invited_button:active { background-position: -842px -23px; } .streamlike .a.invited_button.active { background-position: -842px -48px; } .streamlike .a.invited_button.active:hover { background-position: -842px -71px; } /* ADD */ #stream a.add_button { background-position: -952px 0px; } #stream a.add_button:active { background-position: -952px -23px; } #stream a.add_button.active { background-position: -952px -48px; } #stream a.add_button.active:hover { background-position: -952px -71px; } /* CHOOSE */ #stream a.choose_button { background-position: -1062px 0px; } #stream a.choose_button:active { background-position: -1062px -23px; } #stream a.choose_button.active { background-position: -1062px -48px; } #stream a.choose_button.active:hover { background-position: -1062px -72px; } /* SCHEDULE */ #stream a.shedule_button { background-position: -1072px 0px; } #stream a.shedule_button:active { background-position: -1072px -38px; } .facebook_invite { position: absolute; top: -36px; right: 6px !important; background: url(/media/img/facebook_invite.png) top left no-repeat; border: none; width: 181px; height: 27px; padding-left: 32px; padding-top: 2px; color: white; text-shadow: 0px -1px 0px black; cursor: pointer; font-size: 14px; text-align: left; text-transform: lowercase; } /* tooltip styling */ span.help.ui-icon { } .tab .tooltip { top: 25px!important; } .tab span.help.ui-icon { display: inline-block; } #header .tooltip { top: 50px!important; left: -0px!important; } #header span.help.ui-icon { float: left!important; } #boxes .tooltip { margin-left: -150px; } #content .tooltip { margin-right: -150px; } #content .tooltip a { margin-top: 10px; } .tooltip { display:none; background-color: #fff; opacity: 0.95; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding:10px; width:310px; font-size:15px; font-weight: bold; border: 3px solid #84A80C; color:#84A80C!important; z-index: 1000000000; } /* a .label element inside tooltip */ .tooltip .label { color:yellow; width:35px; } .tooltip a { color:#ad4; font-size:11px; font-weight:bold; } /* IMAGES */ .multimedia { clear: left; overflow: hidden; margin: 15px 0px; padding: 0px; border: none thin!important; } .multimedia .item { float: left; } .multimedia li { border: none thin!important; position: relative; list-style-type: none; float: left; } .multimedia li .img_ctrl { display: none; float: none; background-color: #fff; text-align: center; min-height: 30px; width: 100%; width: 100%; margin-top: -30px; opacity: 0.8; overflow: hidden; } .multimedia li:hover .img_ctrl { display: block; } .multimedia li .img_ctrl > * { display: inline-block; font-size: 11px; } .multimedia .image { float: left; margin-left: 1px; text-align: center; height: 90px; } .multimedia .image:first-child { margin-left: 0px; } .multimedia .image img { cursor: pointer; width: 158px; } .multimedia .image > span { display: none; } .multimedia .image:hover > span { display: block; } /* hide additional info for more */ .moreparam { display: none; } /* Overlay */ /* the overlayed element */ .simple_overlay { padding: 20px; text-align: center; width: 800px!important; } .simple_overlay img { height: auto !important; max-height: 600px; max-width: 800px; min-height: 0px; min-width: 0px; width: auto !important; } .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* styling for elements inside overlay */ .details { position:absolute; top:15px; right:15px; font-size:11px; color:#fff; width:150px; } .details h3 { color:#aba; font-size:15px; } /* ------------ LEFT COLUMN ELEMENTS ------------ */ /* menu */ .cat_cont { } ul.categories { list-style: none; list-style-type: none; margin: 5px 0px 0px 0px; } .categories li { color: #666; cursor: pointer; display: block; margin-left: 0px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#efefef 100%); border: 1px solid #b4b4b4; border-bottom: none; -webkit-text-shadow: 0px 1px 1px #fff; -moz-text-shadow: 0px 1px 1px #fff; -o-text-shadow: 0px 1px 1px #fff; -ms-text-shadow: 0px 1px 1px #fff; text-shadow: 0px 1px 1px #fff; } .categories li a { font-size: 15px !important; width: 143px; padding: 5px 8px 5px 12px; text-decoration: none; color: #666; display: block; } /* .categories li .arrow_left { float: right; margin-right: 10px; margin-top: -22px; text-indent: -9999px; height: 15px; width: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAA5UlEQVQYGV1OsY6CUBBcno/YQU5CSaSwglhA+AA6CssrTPwJK2tCa+0XXHW9mOgP2BzxU4jeGSvzuFniFjLJZnZ25u0+q67rGRG1TdO04DeUZUnK87zcsqxLlmXzN/cl1AfQdd0UoR+ElsOQMsb88RChMegboS1qJEGltb6LePEGfEBowpo3DAM8L5RSX9xo27b7EywEvu9TkiSGtcbtqxjMYRhSFEUnfHrFWskGDCiOY64d+kVVVf1pDXHDRylNU4PVaxg7finQQRD8uq77cBznE+ZRDOERNjyLotjDPMtQOM9z+gdDKT6F6MQaGgAAAABJRU5ErkJggg==) top right no-repeat; } .categories li:hover .arrow_left, .categories li:active .arrow_left { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAABAElEQVQYGWOeW8yga6rOwLr/AsNfBgYGVnTMZGofYe1qIXJsYxODBlDyDzpmElXy5NePPCUnp6R3bH8vQzBQAcgkBH56fnLGfyD4+/vb/xvbwv8fmcDQNTmHgQWoiBGEWVjYuL8AGQxMLJwM6p4rGHjEjEsZmar0jkz4E7XnQ8M7pj8/P4IVgBSBgLRxKYOm32Z3Nm6pRSA+EwuH4GcQAxkIynswmCTe/wcSY/r3+9sHZEkI+/9ORma2KLACJlZudBOmAN3m3djYCLaahZGJ9SNUF9BIxnygBFABAjACfcjJ8P/fGwZGpmCg5A6EFITFzMjI+MfBwXEzUPIYuiSIDwCUpVd3iXFXzgAAAABJRU5ErkJggg==) top right no-repeat; } */ .categories li:hover, .categories li:active, .categories li:hover a, .categories li.active a, .categories li.current a { color: white !important; -webkit-text-shadow: 0px -1px 1px rgb(184,121,0); -moz-text-shadow: 0px -1px 1px rgb(184,121,0); -o-text-shadow: 0px -1px 1px rgb(184,121,0); -ms-text-shadow: 0px -1px 1px rgb(184,121,0); text-shadow: 0px -1px 1px rgb(184,121,0); } .categories.did li:hover, .categories.did li:active, .categories.did li:hover a, .categories.did li.active a, .categories.did li.current a { -webkit-text-shadow: 0px -1px 1px rgb(41, 107, 0); -moz-text-shadow: 0px -1px 1px rgb(41, 107, 0); -o-text-shadow: 0px -1px 1px rgb(41, 107, 0); -ms-text-shadow: 0px -1px 1px rgb(41, 107, 0); text-shadow: 0px -1px 1px rgb(41, 107, 0); } .categories.wannado li:hover, .categories.wannado li:active, .categories.wannado li:hover a, .categories.wannado li.active a, .categories.wannado li.current a { -webkit-text-shadow: 0px -1px 1px #0C6395; -moz-text-shadow: 0px -1px 1px #0C6395; -o-text-shadow: 0px -1px 1px #0C6395; -ms-text-shadow: 0px -1px 1px #0C6395; text-shadow: 0px -1px 1px #0C6395; } .categories li:hover, .categories li.current, .categories li.active { background: #ffbc00; background: -moz-linear-gradient(top, #ffbc00 0%, #eaa800 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbc00), color-stop(100%,#eaa800)); background: -webkit-linear-gradient(top, #ffbc00 0%,#eaa800 100%); background: -o-linear-gradient(top, #ffbc00 0%,#eaa800 100%); background: -ms-linear-gradient(top, #ffbc00 0%,#eaa800 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc00', endColorstr='#eaa800',GradientType=0 ); background: linear-gradient(top, #ffbc00 0%,#eaa800 100%); } .categories.did li:hover, .categories.did li.current, .categories.did li.active { background: rgb(167,232,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(167,232,0,1) 0%, rgba(136,190,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,232,0,1)), color-stop(100%,rgba(136,190,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(167,232,0,1) 0%,rgba(136,190,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(167,232,0,1) 0%,rgba(136,190,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(167,232,0,1) 0%,rgba(136,190,0,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(167,232,0,1) 0%,rgba(136,190,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e800', endColorstr='#88be00',GradientType=0 ); /* IE6-9 */ } .categories.wannado li:hover, .categories.wannado li.current, .categories.wannado li.active { background: rgb(92,206,234); /* Old browsers */ background: -moz-linear-gradient(top, rgba(92,206,234,1) 0%, rgba(45,155,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,206,234,1)), color-stop(100%,rgba(45,155,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(92,206,234,1) 0%,rgba(45,155,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(92,206,234,1) 0%,rgba(45,155,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(92,206,234,1) 0%,rgba(45,155,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(92,206,234,1) 0%,rgba(45,155,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cceea', endColorstr='#2d9bb7',GradientType=0 ); /* IE6-9 */ } .categories li:active { background: #FFBC00; -webkit-box-shadow: inset 0px 1px 4px -1px rgb(184,121,0); -moz-box-shadow: inset 0px 1px 4px -1px rgb(184,121,0); -o-box-shadow: inset 0px 1px 4px -1px rgb(184,121,0); -ms-box-shadow: inset 0px 1px 4px -1px rgb(184,121,0); box-shadow: inset 0px 1px 1px 0px rgb(184,121,0); } .categories.did li:active { background: #92CA00; -webkit-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); -moz-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); -o-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); -ms-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); box-shadow: inset 0px 1px 1px 0px rgb(41, 107, 0); } .categories.wannado li:active { background: #0C6395; -webkit-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); -moz-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); -o-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); -ms-box-shadow: inset 0px 1px 4px -1px rgb(41, 107, 0); box-shadow: inset 0px 1px 1px 0px rgb(41, 107, 0); } .categories li.first { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } .categories li.last, .categories li:last-child { border-bottom: 1px solid #A5A5A5; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } .additional-block { float: left; width: 185px; height: 370px; position: absolute; } .header { font-size: 14px; color: black; height: 4px; padding: 0 10px; text-align: center; position: relative; } .binder { float: left; width: 185px; height: 370px; position: relative; overflow: hidden; } .back{ background: url(../images/back.jpg) top left no-repeat; position: absolute; display: block; padding: 4px 5px 6px 15px; height: 13px; width: 56px; margin: 5px 0 0 2px; cursor: pointer; font-size: 13px; color: #777; } .slider { } /* ------------------------------------------------------------------------------------------------------------ Jquery Tools - Scrollable Overlay ------------------------------------------------------------------------------------------------------------ */ /* define background image for the expose mask */ #mask { /*background:#123 url(../img/icons/scrollable/mask_gradient_1800.png) no-repeat; background-position:50% -200px;*/ } /* general settings for both scrollables */ .items { width:20000em; position:relative!important; clear:both; } .thumb_items { clear:both; } /* next/prev buttons */ #box .navi, #box .button { background-image:url(../img/icons/scrollable/hori_large.png); background-repeat: no-repeat; width:30px; height:30px; } .navi:hover { background-position:-30px 0; } .navi:active { background-position:-60px 0; } .button { background-position: 0 -30px; clear:right; position: absolute; top: 230px; left: 760px; } .button:hover { background-position:-30px -30px; } .button:active { background-position:-60px -30px; } #box .disabled { visibility:hidden; } /* login box */ #thumbnails { position:relative; min-height: 130px; width: 481px; margin: 10px 0px; } #thumbnails .thumb_item { position: relative; float:left; display: inline; margin: 5px 0px 15px 0px; } #thumbnails .thumb_item:hover .contest_tooltipp { display: block; } #thumbnails .contest_tooltipp a { line-height: 8px; } #thumbnails .thumb_item div { margin-right: 6px; padding:3px; border: 1px solid #f1f1f1; margin-bottom: 4px; } #thumbnails .thumb_item div:hover { border: 1px solid #8E8E8E; box-shadow: 0px 2px 3px #8E8E8E; } #thumbnails .thumb_item .contest_tooltipp { width: 134px; padding: 1px 10px; display: none; background-color: white; position: absolute; bottom: 0px; left: 0px; opacity: 0.85; } #thumbnails .thumb_item a > span { position: absolute; bottom: 4px; left: 0px; display: none; text-decoration: none; padding: 10px; display: none; background-color: white; opacity: 0.85; color: #737373; border: 1px solid #8E8E8E; border-top: none; width: 134px; } #thumbnails .thumb_item a { text-decoration: none; } #thumbnails .thumb_item a:hover span { display: block; } #thumbnails .thumb_items div.row3 { margin-right: 0px; } #thumbnails .thumb_items div.vertical { clear: left; } #thumbnails .thumb_items div i { width: 148px; height: 108px; background-color: #EEE; background-position: center 25%; background-repeat: no-repeat; display: block; cursor: pointer; } /* overlay styling */ #box { position: absolute!important; width:900px; height:100%; display:none; height: 100%; left: 0; top: 0; zoom: 1; z-index: 100; } #box .close, #overlay .close { position:absolute; z-index: 10500; right:-15px; top:-15px; cursor:pointer; height:30px; width:30px; text-decoration:none; background-image:url(../img/icons/scrollable/close.png); } /* overlay scrollable */ #box .container { position: absolute; top: 0; width:898px; /*overflow:hidden;*/ border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 20px 5px #000; -webkit-box-shadow: 0 0 20px #000; background-color:#fff; } /* overlay styling */ #press_box { width:900px; height:100%; display:none; z-index: 100; } #press_box .close { position:absolute; z-index: 10500; right:-15px; top:-15px; cursor:pointer; height:30px; width:30px; text-decoration:none; background-image:url(../img/icons/scrollable/close.png); } /* overlay scrollable */ #press_box .container { position: absolute; top: 0; width:898px; overflow:hidden; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 20px 5px #000; -webkit-box-shadow: 0 0 20px #000; background-color:#fff; } /* Press */ #content #coverage { float: right; margin-left: -5px; width: 315px; } #content #coverage p { height: 115px; margin-bottom: 15px; } #content #coverage p span { color: #A0A0A0; display: block; } #content #thumbnails.spalte { float: left; margin-top: 0; width: 156px; } #content #soundcloud { float: left; margin-top: 0; width: 156px; } #content #soundcloud object { border: 1px solid #333333; float: left; height: 108px; margin: 7px 0; padding: 3px; } .boximages { position: relative; overflow:hidden; width:900px; height:700px; text-align: center; } /* single image */ .boximages .items .overlay_img { float:left; width:900px; min-height:680px; position: relative; padding-bottom: 20px; } .boximages .items .overlay_img img { padding: 40px 0px 20px 0px; } /* override button style on the overlay */ #box .navi { position:absolute; top: 300px; left:10px; } #box .navi_big { position:absolute; top: 70px; left:100px; width: 730px; height: 500px; cursor: pointer; } /*overlay details*/ .box_details{ left: 0px; bottom: 0px; padding: 10px; width:880px; min-height: 100px; text-align: left; } #image_container{ background-color: #333; } #content .box_details h2{ display: none; } .box_details .box_details_left{ width: 220px; float: left; display: inline; margin-right: 20px; } .box_details .info{ border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 4px; } .box_details .box_details_middle{ float:left; } .box_details .box_details_middle{ width: 400px; float: left; display: inline; margin-right: 20px; } .box_details .box_details_middle .buttonlike{ line-height: 21px; } .box_details .box_details_middle .image_tags{ margin-top: 10px; overflow: hidden; } .box_details .box_details_middle .image_tags ul li{ list-style-type: none; display: inline; margin-right: 5px; padding: 4px; background-color: #FFBC00; color: #fff; } .box_details .box_details_right{ width: 220px; float: right; display: inline; } #image_container img{ padding-top: 20px; } .imgoverlay_box { position: relative; /*overflow:hidden;*/ width:900px; text-align: center; } /* single image */ .imgoverlay_box .items .overlay_img { float:left; width:900px; position: relative; padding-bottom: 20px; } .imgoverlay_top { background-color: white; text-align: left; padding: 12px; font-size: 24px; color: #F5AD17; font-weight: 600; } #overlay_title { font-size: 24px; color: #F5AD17; font-weight: 600; } .imgoverlay_top .img_interactions { background: url(../img/icns_vote.png) top left; display: block; float: right; margin-left: 10px; background-position: 0px -120px; width: 40px; height: 40px; text-indent: -5000px; } .affiliate_link.prints { background-position: -40px -120px; } .affiliate_link.poster { background-position: -80px -120px; } .imgoverlay_left{ float: left; width: 190px; } .imgoverlay_right{ float: left; width: 160px; background: #f1f1f1; padding: 10px; } .imgoverlay_middle { float: left; width: 486px; text-align: left; vertical-align: top; padding: 0px 10px; } .imgoverlay_middle li{ width: 100%; } .imgoverlay_middle img{ padding: 0; } .imgoverlay_right{ float: right; } .imgoverlay_right .directlink span { font-weight: bold; margin-top: 10px; display: inline-block; } #social_share #fblikeimage{ padding-top: 5px; } #social_share #googleplusimage{ padding-top: 5px; } #main .imgoverlay_box .streamlike li { margin: 0px; } #main .streamlike .form textarea.comment_area { width: 468px; max-width: 468px; padding: 5px; } #main .imgoverlay_middle .streamlike .form textarea.comment_area { width: 474px; max-width: 474px; font-size: 1.1em; } #main .imgoverlay_middle .streamlike .comments li div { font-size: 1.1em; } #main .imgoverlay_middle .streamlike .comments li div a { font-size: 1em; font-weight: normal; } #main .imgoverlay_middle #googleads { display: none; } /* ------------------------------------------------------------------------------------------------------------ Jquery Tools - modal boxes ------------------------------------------------------------------------------------------------------------ */ /* use a semi-transparent image for the overlay */ #overlay { -moz-box-shadow: 0 0 20px 5px #999; -webkit-box-shadow: 0 0 20px #999; -o-box-shadow: 0 0 20px #999; -ms-box-shadow: 0 0 20px #999; box-shadow: 0 0 20px #999; border: 2px solid #E0E0E2; background-color: #fff; background-color: hsla(0, 100%, 100%, 0.96); color:#efefef; height:500px; z-index: 10; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } /* container for external content. uses vertical scrollbar, if needed */ #overlay div.contentWrap { height:501px; width: 520px; overflow-y: auto; z-index: 10; } /* #overlay .close { right: 0px; } */ /*boxes*/ .contentWrap .boxes { } .contentWrap h2{ padding: 10px; color: #fff; font-size: 16px; font-weight: bold; background: #ffbc00; } .contentWrap .did h2 { background-color: #a5d20d; } .contentWrap .wannado h2 { background-color: #62cce2; } .contentWrap .gonnado h2 { background-color: #ffbc00; } .contentWrap #login_dialog { padding: 8px; height: 480px; } .contentWrap #login_dialog .option { overflow: hidden; margin: 6px; border-top: 1px solid #f2f2f2; } .contentWrap #login_dialog .option.register { } .contentWrap #login_dialog .title { font-size: 16px; padding: 4px; overflow: hidden; font-weight: bold; border-top: 0px; } .contentWrap #login_dialog .action { padding: 10px; overflow: hidden; } .contentWrap #login_dialog .option.fbl { color: #62CCE2; border-top: none; margin-top: 10px; } .contentWrap #login_dialog .option.fbl .title { color: #4f6393; font-size: 17px; margin: 0 0 10px; } .contentWrap #login_dialog .option.gdl .title { color: #ffbc00; margin: 10px 0 0; } .contentWrap #login_dialog .option.gdr .title { color: #ffbc00; margin: 10px 0 0; } .contentWrap #login_dialog .title #fb_login { width: 181px; height: 27px; text-indent: -1000px; display: block; padding: 0px; float: right; color: #fff; font-weight: bold; border: none; background: url(../img/facebook_share.png) top left no-repeat; } .contentWrap #login_dialog .title #fb_login:hover { text-decoration: none; } .contentWrap #login_dialog .action label { float: left; clear: left; width: 100px; padding: 4px 0 0 0; } .contentWrap #login_dialog .action select { float: left; margin-bottom: 6px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: white; border: 1px solid #a9a9a9; margin-top: 2px;} .contentWrap #login_dialog .action #id_gender { width: 150px; } .contentWrap #login_dialog .action #id_birthday_month { width: 90px; margin-right: 5px; } .contentWrap #login_dialog .action #id_birthday_day { width: 60px; margin-right: 5px;} .contentWrap #login_dialog .action #id_birthday_year { width: 60px; } .contentWrap #login_dialog .action input { float: left; margin-bottom: 3px; } .contentWrap #login_dialog .action input[type="submit"]#login, .contentWrap #login_dialog .action input[type="submit"]#register { font-size: 17px!important; display: block; padding: 2px; width: 137px; color: #fff; font-weight: bold; border: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: url(../img/orangebtnmed.jpg) top left no-repeat; height: 28px; -webkit-text-shadow: 0px -1px 0px #906500 !important; -moz-text-shadow: 0px -1px 0px #906500 !important; -o-text-shadow: 0px -1px 0px #906500 !important; -ms-text-shadow: 0px -1px 0px #906500 !important; text-shadow: 0px -1px 0px #906500 !important; } .contentWrap #login_dialog .action input[type="submit"] { float: right; width: 120px; } .contentWrap #login_dialog .action input[type="text"], .contentWrap #login_dialog .action input[type="password"] { padding: 4px 5px 4px 12px; width: 210px; height: 18px; border: 1px solid #a6a6a6; background-color: #f4f4f4; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; margin-bottom: 6px;} .contentWrap #login_dialog .action .lost_password_link { float: left; margin-left: 100px; font-size: 11px; color: #A0A0A0; } .contentWrap #login_dialog #signinerr{ display: block; width: 240px; margin-top: 10px; margin-left: 100px; float: left; padding: 10px; border: 1px solid #FFBC00; } .contentWrap #login_dialog ul.errorlist{ display: block; width: 250px; margin-left: 100px; margin-top: 5px; float: left; } .contentWrap .boxes .boxes_content { padding: 10px; } .contentWrap .boxes_content ul li { position: relative; border-bottom: 1px dotted #808080; padding: 5px 0px; overflow:hidden; } .contentWrap .boxes_content ul li a.place { color: #737373; } .contentWrap .boxes_content ul li a img { width: 50px; height: 50px; float: left; margin-right: 10px; } .contentWrap .boxes_content ul li a.buttonlike { position: absolute; top: 5px; right: 0px; } .contentWrap .boxes_content ul li .buttoninvited { background: none!important; border: none!important; position: absolute; top: 5px; right: 0px; color: #a0a0a0!important; } /* DESCRIPTION IMAGES */ img.imgleft { width: 220px; float: left; display: block; margin: 0px 10px 5px 0; } img.imgright { width: 240px; float: right; margin: 0px 0px 5px 10px; } /* YOUR ORDERS */ .orders { margin: 10px !important; background: white !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -o-border-radius: 10px !important; border-radius: 10px !important; padding: 12px !important; } .orders li.pending{ color: #FFBC00; list-style: none; position: relative; float: right; top: -20px; right: 0px; padding: 10px 10px 5px 10px; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -o-border-radius: 6px !important; border-radius: 6px !important; background-color: #F0F0F0; } .orders li.completed { color: #A5D20D; } .orders li.time { font-size: 10px !important; margin-top: 5px; } /* TICKETS */ #ticket { background: url(../img/apps/event/buy.jpg) top left no-repeat; width: 356px; height: 36px; margin: 0 12px 10px 0; } #price h2, #buynow h2 { font-size: 1.1em; font-weight: normal; color: white; -webkit-text-shadow: 0px -1px 1px #A26636; -moz-text-shadow: 0px -1px 1px #A26636; -o-text-shadow: 0px -1px 1px #A26636; text-shadow: 0px -1px 1px #A26636; } #buynow h2 { font-size: 1.3em; } #price { padding: 9px 0 0 16px; float: left; width: 50px; text-align: center; margin-right: 10px; } #buynow { padding: 6px 0 0 16px; float: left; width: 94px; text-align: center; } #event_image { width: 470px; padding: 142px 0 0 0; margin-bottom: 10px; height: 74px; } #price_tag { background-color: #fff; background-color: hsla(0,100%,0%,0.3); } #price_tag h1 { font-size: 5em; line-height: 1em; padding-left: 5px; color: #ffffff; color: hsla(0,100%,100%,0.9); } ul.disk li { margin-left: 15px; padding: 0 10px 0 0; list-style-position: outside; list-style-type: disc; } table.discount { margin: 20px 0px 0px 20px; } table.discount td { font-size: 1.2em; } table.discount th { text-align: left; } table.discount td.lineth { text-decoration: line-through; } table.discount td.price { color: #FFBC03; font-weight: 600; } table.payment td { padding: 6px; border-top: 1px solid #A0A0A0; } table.payment tr.totalrow td { border-top: 2px solid #222; border-bottom: 3px double #222; } table.payment tr.totalrow td { font-size: 1.4em; } span.total { font-size: 1.0em; } table.payment tr.totalbtm td { border-top: 2px solid #222; border-bottom: 3px double #222; } table.payment tr.tablehead td { color: white; background-color: #444; } table.payment td.paypal input { border: 0px solid black; } span.checkout { display: block; margin: 1px 0px 0px 4px; background: url(../img/apps/buy/checkout.jpg) top left no-repeat; padding: 2px 0 0 0; width: 168px; height: 21px; } span.checkout a { cursor: pointer; display: block; width: 70px; margin-right: 10px; text-align: center; color: white; -webkit-text-shadow: 0px -1px 1px #4E8718; -moz-text-shadow: 0px -1px 1px #4E8718; -o-text-shadow: 0px -1px 1px #4E8718; text-shadow: 0px -1px 1px #4E8718; } a.backbutton { margin-left: 10px; cursor: pointer; } a.submitbutton { cursor: pointer; text-decoration: none; font-size: 1.3em; margin-right: 10px; float: right; display: block; padding: 2px 8px 1px 8px; color: white; -webkit-text-shadow: 0px -1px 1px #4E8718; -moz-text-shadow: 0px -1px 1px #4E8718; -o-text-shadow: 0px -1px 1px #4E8718; text-shadow: 0px -1px 1px #4E8718; background: #b4e410; -moz-linear-gradient(top, #b4e410 0%, #b4dd28 41%, #a5d20d 57%, #a5d20d 100%); -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e410), color-stop(41%,#b4dd28), color-stop(57%,#a5d20d), color-stop(100%,#a5d20d)); -webkit-linear-gradient(top, #b4e410 0%,#b4dd28 41%,#a5d20d 57%,#a5d20d 100%); -o-linear-gradient(top, #b4e410 0%,#b4dd28 41%,#a5d20d 57%,#a5d20d 100%); -ms-linear-gradient(top, #b4e410 0%,#b4dd28 41%,#a5d20d 57%,#a5d20d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e410', endColorstr='#a5d20d',GradientType=0 ); background: linear-gradient(top, #b4e410 0%,#b4dd28 41%,#a5d20d 57%,#a5d20d 100%); -webkit-box-shadow: 0px 1px 1px 0px #919191; -moz-box-shadow: 0px 1px 1px 0px #919191; box-shadow: 0px 1px 1px 0px #919191; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } a.submitbutton:active { margin-top: 1px; background: #a5d20d; /* Old browsers */ background: -moz-linear-gradient(top, #a5d20d 0%, #a5d20d 45%, #b4dd28 61%, #b4e410 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5d20d), color-stop(45%,#a5d20d), color-stop(61%,#b4dd28), color-stop(100%,#b4e410)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a5d20d 0%,#a5d20d 45%,#b4dd28 61%,#b4e410 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a5d20d 0%,#a5d20d 45%,#b4dd28 61%,#b4e410 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #a5d20d 0%,#a5d20d 45%,#b4dd28 61%,#b4e410 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d20d', endColorstr='#b4e410',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #a5d20d 0%,#a5d20d 45%,#b4dd28 61%,#b4e410 100%); /* W3C */ -webkit-box-shadow: 0px -1px 1px 0px #919191; -moz-box-shadow: 0px -1px 1px 0px #919191; box-shadow: 0px -1px 1px 0px #919191; } /* PROGRESSBAR */ #progressbar { width: 170px; height: 23px; } #progressbar_progress { height: 23px; } .wannado #progressbar_progress { background-color: #62CCE2; } .gonnado #progressbar_progress { background-color: #ffbc00; } #progressbar_mask { width: 170px; height: 23px; position: relative; top: -23px; left: 0px; background: url(/media/img/apps/progressbar/progressbar.png) top left no-repeat transparent; } /* VOTE */ .winner { height: 190px; } .winner img { float: left; } .winner > div { float: left; -webkit-box-shadow: 0px 3px 3px #8E8E8E; -moz-box-shadow: 0px 3px 3px #8E8E8E; -o-box-shadow: 0px 3px 3px #8E8E8E; -ms-box-shadow: 0px 3px 3px #8E8E8E; box-shadow: 0px 3px 3px #8E8E8E; } .vote_container { margin: 0 15px 10px; width: 250px; height: 41px; background: url(../img/apps/vote/votebar.jpg) top left no-repeat; } .vote_container li { float: right; } .vote_container li.voteup { margin: 6px 5px 0 0; height: 30px; width: 80px; background: url(../img/apps/vote/votebutton_sprite.jpg) top left no-repeat; background-position: 0px -40px; } li.signin a { float: right; color: black; height: 30px; width: 180px; padding: 11px 0; text-align: center; vertical-align: middle; display: block; -webkit-text-shadow: 0px 1px 1px white; -moz-text-shadow: 0px 1px 1px white; -o-text-shadow: 0px 1px 1px white; text-shadow: 0px 1px 1px white; background: url(../img/apps/vote/signintovote.jpg) top left no-repeat; background-position: 5px 3px; } .login_required { cursor: pointer; } .vote_container li.voteup:active { background-position: 0px 1px; } .vote_container li.voteup a, .vote_container li .scoredisplay p{ font-size: 13px; color: black; padding: 6px 0 0 0; text-align: center; vertical-align: middle; display: block; -webkit-text-shadow: 0px 1px 1px white; -moz-text-shadow: 0px 1px 1px white; -o-text-shadow: 0px 1px 1px white; text-shadow: 0px 1px 1px white; } .vote_container li.voteup a { text-decoration: none; font-size: 13px !important; } .vote_container li.scoredisplay p, .vote_container li a.publish_video, .vote_container li.info { padding: 6px 0 0 0; margin: 6px 6px 0 0; height: 30px; -webkit-text-shadow: 0px 1px 1px white; -moz-text-shadow: 0px 1px 1px white; -o-text-shadow: 0px 1px 1px white; text-shadow: 0px 1px 1px white; } .vote_container li .scoredisplay p { text-align: right; } .vote_container li a.publish_video { display: block; width: 120px; } .vote_container li.info { float: left; display: block; margin-left: 10px; } .vote_container li.info p { font-size: 1.1em; } .image_voting { height: 35px; width: 120px !important; background: url(../img/icns_vote.png) top left no-repeat; padding-top: 5px; } .image_voting.vote { background-position: 0 -40px; } .image_voting.vote:active { background-position: 0 -80px; } .image_voting.vote.active { background-position: 0 -80px!important; } .prizes h2 { font-size: 18px !important; } .prize { width: 230px; height: 120px; margin-right: 10px; float: left; } .image_voting a.boxlink { margin-left: 8px; margin-right: 10px; width: 50px; display: inline-block; } .image_voting.vote a.boxlink span { font-size: 18px; color: black !important; position: relative; float: left; } .image_voting .login_required { color: white; font-weight: bold; margin-left: 8px; } .logo { position: absolute; right: 260px; bottom: 15px; } a.vote, .image_voting span.info { color: transparent; font-weight: bold; display: block; float: right; height: 36px; width: 36px; position: relative; top: -2px; left: -2px; } .multimedia_vote li { margin: 0; padding: 0; line-height: 0px; } .multimedia_vote a.remove { display: none; } /* ------------------------------------------------------------------------------------------------------------ read more or less ------------------------------------------------------------------------------------------------------------ */ .read_more a.more, .read_more a.less, a.more { cursor: pointer !important; } /* ------------------------------------------------------------------------------------------------------------ Helper Classes from http://html5boilerplate.com/ ------------------------------------------------------------------------------------------------------------ */ .clearfix:before, .clearfix:after { content: "\0020"; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } rating .ir { display: block; text-indent: -999px; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* slider root element */ .slider { background:#3C72E6 url(../../../img/gradient/h30.png) repeat-x 0 0; height:9px; position:relative; cursor:pointer; border:1px solid #333; width:675px; float:left; clear:right; margin-top:10px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:inset 0 0 8px #000; } /* progress bar (enabled with progress: true) */ .progress { height:9px; background-color:#C5FF00; display:none; opacity:0.6; } /* drag handle */ .handle { background:#fff url(../../../img/gradient/h30.png) repeat-x 0 0; height:28px; width:28px; top:-12px; position:absolute; display:block; margin-top:1px; border:1px solid #000; cursor:move; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; -moz-border-radius:14px; -webkit-border-radius:14px; } /* the input field */ .range { border:1px inset #ddd; float:left; font-size:20px; margin:0 0 0 15px; padding:3px 0; text-align:center; width:50px; -moz-border-radius:5px; -webkit-border-radius:5px; } /* COUNTDOWN */ #t7_timer { width: 300px; height: 55px; position: relative; } #t7_timer_over { width: 300px; height: 55px; background-image: url(countdown/Countdown-over.gif); background-repeat: no-repeat; position: absolute; top: 0px; left: 1px; margin: 0px; padding: 0px; } #t7_vals { width: 100%; clear:both; margin: 0px auto; } .t7_numbs { font-size: 28px; font-family: Arial, sans-serif; font-weight: bold; text-align: left; color: #ffffff; } #t7_y { background-image: url(countdown/Countdown2.png); background-repeat: no-repeat; float:left; width: 48px; height:35px; background-color:#ffffff; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px; } #t7_d { background-image: url(countdown/Countdown3.png); background-repeat: no-repeat; float:left; width: 71px; height:35px; background-color:#ffffff; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px; } #t7_h { background-image: url(countdown/Countdown2.png); background-repeat: no-repeat; float:left; width: 48px; height:35px; background-color:#ffffff; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px; } #t7_m { background-image: url(countdown/Countdown2.png); background-repeat: no-repeat; float:left; width: 47px; height:35px; background-color:#ffffff; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px; } #t7_s { background-image: url(countdown/Countdown2-nc.png); background-repeat: no-repeat; float:left; width: 42px; height:35px; background-color:#ffffff; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px; } #t7_labels { width: 100%; clear:both; margin: 0px auto; } .t7_labs { font-size: 9px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-align: center; color: #000000; } #t7_yl { float:left; width: 51px; height:15px; padding:0px; margin: 0px; } #t7_dl { float:left; width: 74px; height:15px; padding:0px; margin: 0px; } #t7_hl { float:left; width: 54px; height:15px; padding:0px; margin: 0px; } #t7_ml { float:left; width: 55px; height:15px; padding:0px; margin: 0px; } #t7_sl { float:left; width: 46px; height:15px; padding:0px; margin: 0px; } #countdown { width: 300px; height: 55px; text-align: center;} /* Order */ #user_orders .ui-icon { cursor: pointer!important; }