/*TODO: need to remove all ">"*/ /*------------------------------------------------------------ RESET { ------------------------------------------------------------*/ * {margin:0; outline: 0; padding:0; border: 0;} a {text-decoration: none; cursor: pointer;} html, textarea, input {font: 90%/135% Helvetica, Arial, sans-serif;} h1,h2,h3,h4,h5,h6 {line-height: 1em;letter-spacing: -1px; font-weight: bold;} h1 {font-size: 2.3em;} h2 {font-size: 1.7em;} h3 {font-size: 1.5em;} h4 {font-size: 1.3em;} h5 {font-size: 1.2em;} h6 {font-size: 2em;} img {border: 0;cursor: pointer;} li {list-style: none;} p {padding: 10px 0 0;} small {font-size: 0.8em;} .clearfix:after, .group:after, #v_cont.trick h5:after, #share_win .settings:after, #plus .wrap:after, #cont:after, #sidebar .like_avatars:after, #sidebar .ride_avatars:after, .settings .gender:after, .soc:after, .promo_gal:after, .bg_1:after, .static_menu:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clear {float: none; clear: both;} .cap {text-transform: capitalize;} .hidden {display: none;} /*IE*/ .clearfix, .group {display: inline-block;} html[xmlns] .clearfix, html[xmlns] .group {display: block;} * html .clearfix, * html .group {height: 1%;} /* } */ /*------------------------------------------------------------ HEADER { ------------------------------------------------------------*/ /*for gallery*/ .fullscreen {background-color: #1e1e1e; } .fullscreen div.back_to_obj {visibility: hidden; width: 0; } .fullscreen .switch_to_map {margin-right: -468px; } .fullscreen #header {border: 0; } .fullscreen #header .scroll {bottom: 13px; } .fullscreen #header #map {float: none; padding: 0; background-color: transparent; } .fullscreen #header #gmap {width: 100%; border: 0; } .fullscreen #gal>div {padding: 0 50px 0 0; } .fullscreen #gal .map_tools {bottom: -16px; right: 18px; } .fullscreen #gal .map_tools input {border: 0; } .fullscreen #footer {bottom: auto; z-index: 1; margin-top: -33px; display: none; } .fullscreen #footer a {color: #bbb; } .fullscreen #footer a:hover {color: #eee; } /*TODO: need to figure out why before there was no margnin -10px*/ .fullscreen #cont {margin: -10px 0; padding: 0; height: 0; } .fullscreen #attached .attach_c {display: none; } /*can be in different css*/ .error_page .circle {margin: 70px 0 150px; width: 910px; height: 100px; padding: 100px 0; text-align: center; background: url(i/e.png) center 0 no-repeat;} .circle h1 {padding-top: 16px; font-size: 55px; line-height: 60px; letter-spacing: -2px; color: #fff; } .circle h2 {margin-top: -1px; font-size: 19px; font-weight: normal; font-style: italic; color: #bbb; } .error_page #cont {background-image: none; background-color: transparent; } .error_page #about {border-top: 0;} .static_page .static {position: relative; margin: -20px 0 88px; width: 750px; padding: 20px 80px 70px; background-color: #fff; } .static {text-align: center; font-size: 21px; line-height: 30px; font-style: italic; color: #676767; } .static h1 {margin: 70px 0 20px; font-size: 40px; font-weight: normal; font-style: normal; color: #333;} .static h1 small {display: block; font-size: 24px; } .static h2 {margin-top: 20px; font-weight: normal; } .static h4 {margin-top: -10px; font-size: 24px; font-weight: normal; color: #676767; } .static p {padding: 10px 0; } .static a {color: #f12b2b; } .static a:hover {text-decoration: underline; } .static textarea {margin: 20px 20px 5px; width: 810px; height: 300px; padding: 30px; font-size: 15px; line-height: 22px; color: #333; } .static textarea:focus {background-color: #ececec; } .static form {margin-top: 30px; } .static form p {padding: 0; } .static form a {font-size: 14px; color: #676767; } .static .ta {padding: 20px; font-size: 16px; line-height: 25px; background-color: #eee; text-align: justify; c1olor: #555; } .static .ta_area {height: 420px; padding-right: 20px; overflow: auto; f} .static .ta ul li {padding: 20px 0 0 20px; list-style: disc inside;} .static input, .d_all span {padding: 7px 20px; font-size: 16px; line-height: 16px; background-color: #f12b2b; color: #fff; cursor: pointer; } .static_page #cont {background-image: none;} .static_page #about h2 {margin-top: 0; } .promo_gal {margin: 20px 0 20px -30px; width: 930px; } .promo_gal li {float: left; width: 405px; text-align: center; } .promo_gal p, .promo_gal small {padding-top: 0; font-size: 16px; font-style: normal; color: #aaa; } .d_all {position: absolute; top: 20px; right: 20px; z-index: 2; text-align: center; } .static .d_all:hover {text-decoration: none; } .d_all span {display: block; margin-bottom: -5px; } .static .bg_0, .static .bg_1, .static .bg_2 {margin-left: -120px; width: 750px; padding: 5px 120px; background: url(i/s_about.png) 0 45px no-repeat; } .static .bg_1 {background-position: 0px -830px;} .static .bg_1 li {float: left; width: 205px; padding: 70px 160px 110px 10px; text-align: right; font-size: 18px; line-height: 20px; color: #555; } .static .bg_1 .f {padding: 70px 10px 110px 160px; text-align: left; } .static .bg_1 ul p {font-size: 16px; font-weight: normal; color: #888; } .static .bg_2 {margin-top: -30px; margin-bottom: -20px; width: 670px; padding: 20px 180px 60px; background-position: 0 -1910px;} .static .bg_3, .static .bg_4, .static .bg_5 {margin-left: -120px; width: 750px; padding: 5px 120px; background: url(i/s_features.png) 0 10px no-repeat; } .static .bg_3 {margin-bottom: -120px; padding-bottom: 120px; } .static .bg_4 {width: 690px; padding: 10px 150px; background-position: 0px -420px;} .static .bg_5 {width: 670px; padding: 10px 160px 60px; background-position: 0px -795px;} .static_menu {margin: -53px 0 0 0; font-size: 16px; line-height: 24px; letter-spacing: -1px; } .static_menu li, .static_menu a {display: inline-block; } .static_menu a {margin: 0 2px; padding: 1px 10px 0; font-style: normal; color: #333; } .static_menu .a, .static_menu a:hover {text-decoration: none; background-color: #fff; color: #555; } .scroll {position: absolute; left: 50%; height: 16px; border: 2px solid #777;} .scroll div {position: absolute; margin:1px; width: 100px; height: 14px; cursor: pointer; background-color: #777; } #header {position: relative; width:100%; padding: 77px 0 11px; border-bottom: 40px solid #f12b2b; background-color: #1e1e1e;} #header ul, #logo {position: absolute;} #header li {float: left;} #header li.right {float: right;} #header .scroll {bottom: 10px; z-index: 3; margin-left: -132px; visibility: hidden; width: 260px;} .random {position: absolute; top: 185px; right: 0; display: block; width: 30px; height: 86px; text-indent: -9999px; } .random:active {top: 187px; } #nav_tabs {display: none; position: absolute; top: 5px; right: 50%; margin-right: -475px; font-size: 12px; } #nav_tabs li {margin-left: 5px; padding: 1px 10px; background-color: #444; } #nav_tabs a {color: #777;} #nav_tabs li:hover, #nav_tabs .a {background-color: #555; } #line {position: absolute; bottom: -50px; z-index: 5; width: 950px; padding:0 15px;} .author {position: relative; width: 220px; padding: 5px 0 0 69px; font-weight: bold; letter-spacing: -1px;} .author .avatar {position: absolute; top:-5px; left: 15px; z-index:1; width:40px; height:40px; padding:1px; border: 4px solid #f12b2b; background-color: #fff; } .author small {display: block; margin-bottom: -5px;font-weight: normal;} #tabs {width: 300px; height: 50px; padding-left: 32px;} #tabs ol {display: block; width: 300px; text-align: center; } #tabs li {position: relative; float: none; display: inline-block; width: 40px; height: 40px; font-size: 12px; cursor: pointer; } #tabs span {position: absolute; top: 1px; left: -35px; width: 120px; height: 0; text-align: center; overflow: hidden; color: #fff; background-color: rgba(241, 43, 43, 0.85) } #tabs li:hover span {top: -17px; height: 18px; } #tabs small {font-size: 12px; color: #fff; } #tabs .plus {position: absolute; top: 40px; left: -1px; z-index: 2; width: 55px; height: 0; overflow: hidden; text-indent: -9999px; } #tabs li:hover .plus {height: 30px; } #file-uploader2 {margin-top: -17px; display: block; width: 55px; height: 30px; background-color: #ddd; overflow: hidden; } #file-uploader2 .qq-uploader {margin-top: 0; } #btn_users0, #btn_users1, #btn_share {width: 60px; height: 78px; margin-top: -27px; text-align: center; font-size: 12px; cursor: pointer; color: #555} #btn_users0:hover, #btn_users1:hover, #btn_share:hover {color: #aaa;} #btn_share {width: 40px;} #btn_report {position: absolute; right: 25px; top: 13px; font-size: 12px; cursor: pointer;} .guest #btn_share {margin-left: 12px; text-indent: -2px; } #logo, #line {left: 50%; margin-left: -490px; display: block;} #logo {top: 0; margin: 0 0 0 -480px; width: 130px; height: 75px; text-indent: -9999px;} #pan {right: 50%; top: 30px; z-index: 6; margin-right: -475px; display: block; height:28px; } #pan li {float: right; height:28px;} #pan li.f {padding: 5px 0 0 16px;} #pan div {position: absolute; z-index: 7; top: 28px; margin-left: -8px; display: none; min-width: 90px; padding: 7px 0; background-color: #333; } #pan div a {position: relative; display: block; padding: 2px 50px 2px 15px; font-size: 0.8em; color: #bbb;} #pan div .f {border-top: 7px solid #333; margin-top: -7px;} #pan .h {display: none;} #pan .search {width: 170px; padding:0 0 0 10px; } #pan p {padding: 8px 0 0 5px;} #pan p.i_like_w3c {position: absolute; right:0px;} #pan input {width: 130px; font-size: 1em; } #pan .submit {margin: 0; width:27px; height: 22px; cursor: pointer;} .search i {position: absolute; right:15px; font-style: normal;} .search i:hover {text-decoration: underline;} #pan .search div {width: 163px; margin-left: -7px;} /*will do hover menus in js, it will be much more usable*/ /*#pan li:hover div {display: block;} #pan li:hover .h {display: none;}*/ #pan p {position: absolute; top:-3px; display: block; padding-bottom: 8px;} #pan li .ml {display: block; height: 28px; padding: 5px 10px 0;} #pan .i_like_w3c {padding-bottom: 0;} #pan small {position: absolute; top: 3px; right: 15px; color: #888; } #pan .join {position: relative; top: -13px; width: 60px; height: 60px; } #pan .join .ml:hover {color: #1e1e1e; } #pan .join .ml {padding: 19px 0; text-align: center; font-weight: bold; font-size: 15px; color: #fff; } #pan .noti_n {margin: -3px 8px 0 -14px; display: block; width: 27px; height: 25px; font-size: 13px; line-height: 26px; text-align: center; color: #fff;} #pan .noti {z-index: 5; width: 250px; background-color: #111; } #pan .noti a {position: relative; height: 45px; overflow: hidden; padding: 5px 30px 10px 60px; border-bottom: 1px solid #222; line-height: 40px; color: #888; } #pan .noti a:hover {background-color: #2f2f2f; color: #eee; } #pan .noti span {display: inline-block; line-height: 18px;} #pan .noti small {position: static; display: block; margin: -10px 0 -20px; font-size: 10px; line-height: 10px; color: #444;} #pan .noti img {position: absolute; top: 10px; left: 10px;} #pan .noti em {font-style: normal; color: #ddd;} #pan .noti .f {margin-top: -7px; border-color: #111;} #pan .noti .all, #pan .noti .loaded, #pan .noti .more {height: 15px; padding-left: 10px; line-height: 21px; text-align: center; } #pan .noti .more:hover {background-color: transparent;} #pan .noti .more {height: 20px; padding: 5px 30px 10px 30px; line-height: 32px; border: 0; } #pan .noti a:hover small {color: #888;} #pan.guest {width: 217px; z-index:6;} /*------------------------------------------------------------ GALLERY { ------------------------------------------------------------*/ #gal {/*position: relative; z-index: 14;*/ display: none; width: 100%; height: 187px; /*was 187*/ overflow: hidden; } #gal>div {width:100%; height: 1060px; /*was 560*/ padding: 0 50px 0 5px; overflow: scroll;} #gal .all {position: relative; margin: 0 auto; height:480px;} #gal .all div {float: left; margin-left: 5px; width:220px; height: 500px;} #gal .all p {position: relative; overflow: hidden; margin-bottom: 5px; height:150px; padding:0;} #gal .h p {display: none;} #gal .v p {display: block;} /*some buggy position fixes (why not -25px for ml)*/ #gal div.loading_g {position: absolute; left: 50%; z-index: 10; margin-left: -18px; width:50px; height: 50px;} #gal .zoom, #gal .link {position: absolute; top: 0; left: 0; z-index:0; display: none; width: 220px; height: 150px; text-indent: -9999px;} #gal p:hover .zoom, #gal p:hover .link {display: block;} #gal p img {width: 220px; height: 150px;} #gal .all span {position: absolute; left: 0; z-index: 1; } #gal .all .date {left: auto; right: 0; padding: 3px 4px; line-height: 12px; font-size: 12px; color: #bbb; } #gal p:hover .date {color: #fff; } #gal .all .actions {top: -60px; padding: 1px 0 5px 1px;} #gal p:hover .actions {top: 0;} #gal .actions a {margin-right: 5px; display: inline-block; width: 18px; height: 18px; text-indent: -9999px; } /*#gal .actions .default, #gal .all .actions .remove {position: absolute; top:4px; right:5px; display: block; width: 17px; height:17px; padding:0px; text-indent: -9999px;} #gal .all .actions .remove {right: 25px;}*/ #gal .all .bottom {bottom: 0; display: block; width: 210px; padding: 4px 5px; line-height: 20px;} /*#gal1 p:hover .bottom {bottom: 0;} was - 60px for not hover*/ #gal .bottom a {display: block; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #333;} #gal .bottom a:hover{color: #000;} #gal .bottom i {display: block; color: #555;} /* #gal .all span i {display: block; line-height: 20px; font-size: 12px; font-style: normal;} */ #gal .zoomed, .fullscreen #gal .zoomed {position: absolute; top: 0; left: 0; z-index: 12; display: none; width: 160px; height: 90px; padding: 30px; overflow: hidden; background-color: #fff; } .zoomed a {position: absolute; display: none; width:17px; height: 17px; text-indent: -9999px;} .zoomed a:active {margin-top: 1px;} .zoomed .next {top: 9px; left: 50%; margin-left: 9px; border-right: 50px solid #fff; } .zoomed .prev {top: 9px; left: 50%; margin-left:-72px; border-left: 50px solid #fff;} .zoomed .close {top: 7px; right: 8px;} .zoomed .close:active {margin-top: 1px;} .zoomed .original {position: absolute; left: 30px; top: 10px; width: auto; text-indent: 0; font-size: 12px; line-height: 12px; color: #aaa; background-image: none;} .zoomed .original:hover {color: #444; } #connector {position: absolute; z-index: 15; display: none; padding: 10px;} #connector img {display: block; width: 110px; height: 75px;} .dropzone {position: fixed; left: 0; z-index:14; display: none; width: 100%; line-height: 34px;text-align: center; font-size: 16px;} #dz1 {bottom: 0;} #dz2 {top: 0;} .back_to_obj {position: absolute; top: 83px; right: 50%; z-index:2; margin-right: -473px; display: none; width: 25px; height: 25px; text-indent: -9999px; cursor: pointer;} .back_to_obj:active {top: 84px; } .switch_to_map {position: absolute; top: 83px; right: 50%; z-index:2; margin-right: -430px; display: none; height: 25px; cursor: pointer; font-size: 12px; line-height: 28px; color: #777; } .switch_to_map:hover {color: #ddd; } .switch_to_map span {float: left; width: 26px; height: 25px; } .intro {position: absolute; top: 80px; left: 50%; z-index:2; float: left; margin: 7px 0 0 -475px; display: none; font-size: 14px; font-weight: normal;} .intro u {text-decoration: none;} .intro input {margin: -2px 5px 0; width: 80px; padding: 1px 5px; font-size: 12px; } .intro a {float: right; white-space: nowrap; padding:1px 5px;} .intro a:hover {background-color: #777;} .intro .submit {margin-left: 0; width: 30px; cursor: pointer; text-indent: -9999px; background-color: transparent;} /* } */ /*------------------------------------------------------------ VCONT { ------------------------------------------------------------*/ #v_cont {position: relative; margin: 10px auto 25px; width: 950px;} .gal_map_wrapper #map {position: relative; } #v_cont #map, #v_cont #map_h, #v_cont .no_map {float: right; position: relative; width: 271px; padding: 14px 14px 16px; background-color: #fff;} #v_cont .no_map {background-color: transparent;} #gal .gal_map_wrapper {position: relative; margin-top: 45px; padding-left: 0;} #map img.p, #map_h img.p {margin-bottom: 45px; width: 270px; height:250px; border: 1px solid #ccc;} #map a.p {float: left; margin-top: 4px; margin-bottom: -4px; display: block;width: 93px; height:31px; padding: 4px 0 0 40px; font-size: 12px; color: #999;} #map b {display: block; font-size: 20px; line-height: 10px; color: #777; letter-spacing: -1px;} #map a.p:hover {color: #555;} #map a.p:hover b {color: #333;} #map a.zoom {position: absolute; top: 20px; right: 21px; width:40px; height:40px; padding-left: 0; text-indent: -9999px;} #gmap {display: none; visibility: hidden; } #v_cont #gmap {border: 1px solid #ccc; } #map a.close {position: absolute; top: 5px; right: 5px; z-index: 2; /*display: none;*/ width: 25px; height: 25px; text-indent: -9999px;} .gal_map_wrapper #map a.close {width: 0; height: 0; } .map_tools {position: absolute; z-index: 1; display: none; } #v_cont .map_tools, .fullscreen #gal .map_tools {right: 18px; bottom: -15px; width: 920px; padding-top: 18px; color: #999;} #gal .map_tools {right: 18px; bottom: 6px;} .map_tools form {position: absolute; top: 3px; right: -4px; padding-top: 14px;} .map_tools input {width: 160px; line-height:17px; padding: 3px 8px; font-size: 1em; background-color: #fff; color:#999;} .map_tools input:focus {border-color: #aaa; color: #555;} .map_tools form a {position: absolute; top: 16px; right: 5px; display: block; width: 18px; height: 18px; text-indent: -9999px;} .map_tools h2 {display: inline; font-size: 1.5em; font-weight: normal; color: #777;} .map_tools i {font-style: normal; color: #444;} .map_tools div a {margin-right: 5px; padding: 1px 4px; color: #fff; background-color: #ccc;} .map_tools div .a, .map_tools div a:hover {background-color: #f12b2b;} #plus .map_tools {display: block; } #map .loading {position: absolute; left: 50%; top: 145px; margin-left: -25px; width: 50px; height: 50px;} #map .infowin {z-index: 2; position: relative; margin: 14px 0 0 -38px; padding: 8px; background-color: #282828; color: #fff; } #map .infowin .img {display: block; width: 220px; height: 150px;} .infowin .win_close, .infowin .win_close_1 {position: absolute; z-index: 1; width: 18px; height: 18px; text-indent: -9999px; } .infowin .win_close {top: 3px; right: 3px; } .infowin .win_close_1 {bottom: 0; left: 50%; margin-left: -11px; padding: 2px; } #map .infowin h1 {position: absolute; left: 8px; bottom: 6px; z-index: 0; width: 218px; padding: 4px 4px 2px; overflow: hidden; font-size: 18px; line-height: 18px; letter-spacing: 0; background-color: #282828; } .infowin h1 a {color: #eee; } .infowin h1 a:hover {color: #bbb; } .infowin .actions {position: absolute; top: 1px; left: 1px; padding: 4px 0 5px 4px; background-color: #282828;} .infowin .actions li {float: left; margin-right: 5px; width: 18px; height: 18px; cursor: pointer; text-indent: -9999px; } #map .infowin.number {z-index: 1; margin: 173px 0 0 59px; width: 44px; padding: 0; text-align: center; background-color: transparent; color: #222; } /*hiding standart google win*/ .google_infowin_layer div {display: none; } .google_infowin_layer .infowin {display: block; } #gmarkers div {position: absolute; width: 44px; height: 20px; font-size: 14px; text-align: center; font-weight: bold; color: #222; } #v_cont .info, #v_cont .video {float: right; position: relative; margin-right: 15px; line-height: 0;} #v_cont h2 .brand {display: inline-block; font-size: 20px; line-height: 20px; color: #ccc;} #v_cont h2 .brand:hover {color: #fff; text-indent: 15px;} #v_cont h5 a {float: left; margin: 0 5px 5px 0; display: block; padding: 0 5px; font-size: 13px; font-weight: normal; letter-spacing: 0; background-color: #606060; color: #000;} #v_cont h5 .add {background-color: #f12b2b; } #v_cont h5 a:hover {background-color: #ddd; } #v_cont h5 small {margin-top: 15px; display: block; font-size: 12px; font-weight: normal; letter-spacing: 0; letter-spacing: 0; color: #555;} #v_cont h6 a {color: #fff;} #v_cont h6 a:hover {color: #f12b2b;} #v_cont.event .info {width: 591px; height: 315px;} #v_cont .video a {position: absolute; left: -29px; top: 0; width: 29px; height: 29px; text-indent: -9999px;} #v_cont .d {position: absolute; left: 0; bottom: -1px; width: 100%; padding: 10px 0 9px;} #v_cont.spot .info h1, #v_cont.spot h4 {padding-left: 10px; } /*fixing some unknown issue with bottom:0px with*/ #v_cont h1 {font-size: 25px; line-height: 25px; color: #fff;} #v_cont .vcont_n {position: relative; top: -3px; z-index: 3; margin-bottom: -22px; display: inline-block; width: 26px; height: 25px; font-size: 15px; line-height: 25px; text-align: center; color: #fff; font-weight: normal;} #v_cont .play {position: absolute; top: 50%; left: 50%; margin: -36px 0 0 -37px; width: 45px; height: 45px; padding:15px; text-indent: -9999px;} #v_cont #timer {margin-top: 75px; display: none; } #v_cont #timer li {margin-right: 10px; width: 130px; height: 130px; font-size: 12px; text-align: center; background-color: #333; color: #555;} #v_cont #timer i {margin-bottom: 10px; display: block; font-size: 80px; line-height: 130px; font-style: normal; font-weight: bold; color: #fff;} #v_cont #timer span {position: relative; z-index: 1; display: block; margin-top: -77px; padding-top: 77px; border-top: 3px solid #1E1E1E;} #v_cont .late {position: relative; display: none; margin-top: 110px; font-size: 60px; line-height: 45px; font-weight: bold; text-transform: uppercase; color: #f12b2b;} #v_cont .late.a {display: block;} #v_cont .late small {position: static; text-indent: 3px; display: block; font-size: 12px; font-weight: normal; text-transform: none;} #v_cont .timer_note {position: absolute; top: 61px; right: 40px; display: none; cursor: pointer; color: #555;} #v_cont .timer_note:hover {color: #999;} #v_cont h4 {margin-bottom: -20px; padding-bottom: 20px; font-size: 15px; letter-spacing: 0; font-weight: normal; color: #888;} /*#v_cont.spot h4 a, #v_cont.session h4 a,*/ #v_cont h4 a, #v_cont h6 .more {padding-right: 20px; line-height: 16px; color: #888;} #v_cont h4 a:hover, #v_cont h6 .more:hover {color: #fff;} #v_cont.event h4 strong {padding-right: 5px; color: #f12b2b;} #v_cont .media_c {position: relative; } #v_cont.media {text-align: center; } #v_cont.media .media_c {padding: 14px; background-color: #fff; } #v_cont.media .d h1 {position: absolute; bottom: -12px; left: 0; z-index: 1; padding: 0 10px; font-size: 15px; line-height: 22px; font-weight: normal; letter-spacing: 0; font-style: italic; background-color: #fff; color: #777;} #v_cont.media .video {margin-right: 0; } #v_cont.media .info {display: inline-block; float: none; } #v_cont.media .no_map {display: none; } #v_cont.trick, #v_cont.gear {text-align: center; } #v_cont.trick .info, #v_cont.gear .info {float: none; margin: 0; display: inline-block;} #v_cont.trick .media_c {float: left; padding: 10px; background-color: #000;} #v_cont.trick .add, #v_cont.gear .add {right: 300px;} #v_cont.trick .d, #v_cont.gear .d {float: right; position: static; margin: 16px 0 0 15px; width: 300px; text-align: left; } #v_cont.trick h1 {margin-bottom: 5px;} #v_cont.trick h6, #v_cont.gear h6 {margin-top: 15px; font-size: 18px; line-height: 24px; font-weight: normal; letter-spacing: 0; color: #bbb;} #v_cont.trick .more {margin-top: 15px; display: block; font-size: 15px; line-height: 18px; text-align: right; color: #fff;} #v_cont.trick .more:hover {color: #f12b2b;} #v_cont.gear .media_c {float: left; margin-bottom: -4px; /*margin-bottom: -40px;*/} #v_cont.gear h6 {margin-top: 10px; font-size: 18px; color: #999;} #v_cont.user .info {width: 880px;} #v_cont.user .portrait {float: left; margin-bottom: 10px; padding: 10px; background-color: #fff; } #v_cont.user .portrait img {width: 300px; height: 300px; } #v_cont.user h1 {position: relative; margin-top: 7px; width: 300px; } #v_cont.user .vcont_n {position: absolute; top: -17px; right: -15px; } #v_cont.user h1 span {font-size: 24px; line-height: 24px; font-weight: normal; color: #555;} #v_cont.user h4 {margin-bottom: -18px; width: 300px; font-size: 14px; color: #777; } #v_cont.user .info h4 a {padding-right: 0; line-height: 16px; color: #777; background-image: none;} #v_cont.user h4 a:hover {color: #f12b2b;} #v_cont.user .add {top: -25px; right: 560px; } #v_cont.user .d {float: left; position: relative; margin-left: 50px; width: 300px;} #v_cont.user h6 {font-size: 20px; line-height: 24px; letter-spacing: 0; font-weight: normal; color: #bbb;} #v_cont.user h6 a {font-size: 16px; line-height: 18px; color: #fff;} #v_cont.user h6 a:hover {color: #f12b2b;} #v_cont .activity {position: absolute; top: 0; right: -162px; width: 100px;} #v_cont .activity a {float: left; margin-top: 10px; display: block; width: 100px; height: 60px; font-size: 35px; line-height: 50px; text-align: center; background-color: #3d2020; color: #f12b2b; } #v_cont .activity small {margin-top: -8px; display: block; font-size: 14px; line-height: 12px; color: #9d2626;} #v_cont .activity a:hover {color: #fff;} #v_cont .activity a:hover small {color: #f12b2b;} /* } */ /*------------------------------------------------------------ PLUS { ------------------------------------------------------------*/ #plus {position: relative; display: none; background-color: #fff;} #plus .close {position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; text-indent: -9999px; } #plus.e {background-color: #f12b2b;} #plus.s {background-color: #ddd;} /*#plus_shad {position: absolute; display: none; top: -20px; z-index: 2; width: 100%; height: 20px; background-color: #fff;} /*there was no support for inset box shadows =()*/ #plus .wrap {margin: 0 auto 10px; width: 950px;} #plus h2 {padding: 25px 0 20px 195px; color: #777;} #plus.e h2 {color: #fff;} #plus.s h2 {color: #555;} #gmap_plus, .location {position: absolute; top: 69px; left: 50%; z-index: 1; margin-left: 25px; width: 448px; height: 348px; border: 1px solid #bbb;} #plus.e #gmap_plus {border-color: #fff;} #plus.e .location {display: block; } .location {margin: 1px 0 0 26px; display: none; width: 438px; height: auto; padding: 5px 5px 0; overflow: hidden; border: 0; } #plus .location input {margin: 0 5px 5px 0; display: inline-block; width: 50px; font-size: 13px; padding: 2px 5px 2px 18px; text-align: left; background-color: #fff; color: #888; } #plus .location .def {color: #555; } #plus .location input:focus {background-color: #fff; } #plus .types, #plus .tabs {float: left; margin-top: -5px; width: 160px;text-align: right; font-size: 1.4em; line-height: 1.8em; letter-spacing: -1px; overflow: hidden; color: #999;} #plus .tabs {color: #888;} #plus .types li, #plus .tabs li {padding-right: 5px;cursor: pointer;} #plus .types li:hover {color: #555;} #plus .tabs li:hover {color: #333;} #plus .types li.a {color: #f12b2b;} #plus .tabs li.a {color: #000;} #plus.e .types li {margin-left: 999px;} #plus form {float: left; margin: -15px 0 0 35px; width: 280px; height: 365px; text-align: center;} #plus form label {display: block; color: #aaa; } #plus.e form label {color: #fff;} #plus.s form label {color: #888;} #plus input, #plus textarea, #plus .attached_area {margin-top: 15px; display: block; width: 250px; padding: 7px 15px; text-align: center; font-size: 17px; line-height: 14px; background-color: #eaeaea; color: #999; } #plus .attached_area {margin-top: 8px; height: 18px; background-color: #fff; } #plus textarea {max-width: 250px; max-height: 88px; line-height: 22px; } #plus.e input, #plus.e textarea {background-color: #fff; color: #aaa;} #plus.s input, #plus.s textarea {background-color: #fff; color: #999;} /*#plus .wrap input:focus, #plus .wrap textarea:focus {background-color: #FFF074; color: #5B4416;}*/ #plus input:focus, #plus textarea:focus {background-color: #e0e0e0; color: #444;} #plus.e input:focus, #plus.e textarea:focus {background-color: #fff; color: #222;} #plus.s input:focus, #plus.s textarea:focus {background-color: #fff; color: #222;} /*for inputs with defined values*/ #plus .def {background-color: #eee; color: #676767;} #plus.e .def {background-color: #fff; color: #676767;} #plus.s .def {background-color: #fff; color: #676767;} #plus .file {background-color: #fff;} #plus.e .file, #plus .submit:focus, #plus.s .file {background-color: #f12b2b; color: #fff;} #plus .submit {float: right; margin: 15px 0 0; width: auto; padding: 7px 20px; font-size: 16px; line-height: 16px; font-style: normal; cursor: pointer; color: #fff; background-color: #f12b2b;} #plus.e .submit {background-color: #222; color: #fff;} #plus.e .attached_area {background-color: transparent;} #plus.s .submit, #plus.s .submit:focus {background-color: #000; color: #fff;} #plus .err, #plus .settings .err {background-color: #f12b2b; color: #fff;} #plus .req, #plus .req_v {width: 240px; padding-right: 25px; } /*.date_switcher {position: relative; } .date_switcher div {position: absolute; display: none; width: 100%; text-align: center; } .date_switcher .plus {top: 0 } .date_switcher .minus {bottom: 0 } .date_switcher span, .date_switcher .input i {display: inline-block; width: 50px; height: 17px; overflow: hidden; text-indent: -9999px; cursor: pointer; color: #333; } .date_switcher .input {margin-top: 16px; display: block; text-align: center; font-size: 15px; background-color: #eaeaea; color: #676767;} .date_switcher .input span, .date_switcher .input i {height: 34px; line-height: 36px; text-indent: 0; cursor: default; color: #676767;} .date_switcher .input i {width: 4px; text-indent: 0; font-style: normal; } /*position of each digit in dated*/ /*.date_switcher .d1 {width: 27px; padding-left: 17px; } .date_switcher .d2 {width: 76px;} .date_switcher .d3 {width: 20px; padding-right: 15px; } .date_switcher .d4 {width: 44px; padding-left: 4px; } .date_switcher .d5 {width: 43px; padding-right: 10px; } .no_time .d1 {width: 30px; padding-left: 40px; } .no_time .d2 {width: 76px;} .no_time .d3 {width: 30px; padding-right: 40px; }*/ /*file uploader*/ .qq-uploader {position: relative; margin-top: 15px; } .qq-uploader input {z-index: 2; height: 35px; } .qq-upload-list, .qq-upload-drop-area {position: absolute; top: 0; left: 15px; z-index: 1; width: 230px; padding: 15px 10px 0; font-size: 12px; background-color: #555; background-color: rgba(70,70,70, .8); color: #fff;} .qq-upload-list {display: none; } /*.qq-upload-list li {padding-bottom: 5px; white-space: nowrap;} .qq-upload-list a {color: #fff;} .qq-upload-list a:hover {color: #f12b2b;} .qq-upload-list small {display: none; font-size: 11px; color: #ddd;}*/ .qq-upload-failed-text {display: none; } .qq-upload-fail .qq-upload-failed-text {display: inline-block; line-height: 12px; padding: 1px 3px; background-color: #f12b2b; } .qq-upload-success {display: none; } /*.qq-uploader:hover .qq-upload-list {top: 17px; }*/ .qq-upload-drop-area {top: -32px; height: 32px; z-index: 2; padding-top: 0; font-size: 16px; line-height: 36px; text-align:center;} .qq-upload-drop-area-active {background:#f12b2b;} .uploader_progress {position: relative; z-index: 2; width: 280px; height: 32px; overflow: hidden; background-color: #f12b2b; } .uploader_progress div {position: relative; width: 280px; height: 32px; line-height: 34px; font-size: 15px; text-align: center; color: #eee; } #file-uploader0 {height: 34px; } #plus .obj_del {float: right; display: none; margin: 21px 15px 0 0; color: #fff;} #plus.e .obj_del {display: block;} #plus.e .obj_del:hover {color: #222;} /*#plus .connect {margin: 5px 0 -35px; height: 20px; padding-left: 20px; text-align: left; cursor: pointer; color: #333;} #plus.e .connect {display: none;} #plus .connect.a {color: #f12b2b;}*/ #edit_new {position: absolute; top: 0; left: 50%; margin-left: -353px; width: 160px; height: 40px;} #edit_new .new, #edit_new .edit {position: absolute; right:0; display: block; width: 95px; height: 40px;} #edit_new .edit {width: 65px; right: 95px;} #edit_new.jn .new {width: 120px;} #settings_arr {position: absolute; top: 0; left: 50%; width: 160px; height: 30px; } #attached {position: absolute; top: 6px; left: 50%; z-index: 7; margin-left: -216px; width: 250px; padding-left: 30px; font-size: 12px; cursor: pointer; color: #777; white-space: nowrap; } #attached p {padding: 1px 0 0; } #attached p:hover {color: #ddd;} #attached .amount {position: absolute; top: -3px; left: 0; display: none; width: 27px; height: 25px; line-height: 26px; text-align: center; color: #eee;} #attached .attach_c {margin-left: 2px; display: inline-block; padding: 0 5px; line-height: 14px;background-color: #676767; } #attached .attach_c:hover {background-color: #ddd; color: #111;} #attached.light .attach_c {background-color: #4a4a4a; color: #fff; } #attached.light .attach_c:hover {background-color: #f12b2b; } #attached.light p:hover {color: #777; } #attached .ml {margin-left: -30px; } #attached.edit, #attached.edit p:hover, #attached.light.edit:hover {color: #fff; } #attached.edit .attach_c {display: none; } #attached .attach_c {} #attached .win {display: none; top: 22px; left: -13px; width: 200px; padding: 10px; font-size: 13px; cursor: auto; background-color: #eee; } #attached .item {position: relative; display: block; height: 30px; padding: 32px 0 0 65px; color: #555; } #attached .arrow {margin-left: 10px; border-bottom-color: #eee; } #attached i {position: absolute; bottom: 31px; left: 65px; width: 130px; overflow: hidden; font-style: normal; color: #676767; } #attached .connect, #attached .cconnect {padding: 0 5px; font-size: 12px; cursor: pointer; background-color: #676767; color: #fff; } #attached .connect:hover {background-color: #333; } #attached img {position: absolute; top: 5px; left: 5px; z-index: 1; width: 50px; height: 50px; cursor: auto; border: 1px solid #fff; background-color: #fff; } #attached .remove {position: absolute; top: 23px; left: -4px; z-index: 2; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer; color: #000;} #attached .loading .remove {display: none; } #attached .cconnect, #attached .cconnect:hover {background-color: #f12b2b; } #plus .map_tools {left: 50%; top: -500px; z-index: 1; margin: -37px 0 0 294px; width: 170px; } #plus .map_tools form {width: 170px; height: 50px; padding-top: 0; } #plus .map_tools input {width: 140px; padding: 3px 25px 3px 10px; font-size: 14px; border: 0; text-align: left; border: 1px solid #ccc; background-color: #fff; } #plus .map_tools input:focus {border-color: #999;} #plus .map_tools a {right: 0; top: 17px; } #plus.e .map_tools input, #plus.e .map_tools input:focus {border-color: #fff;} #plus .settings {display: none; height: 425px; } .settings form li {position: relative; display: none; } .settings img {position: absolute; top: 0; right: -337px; width: 300px; height: 300px; padding: 5px; border: 1px solid #aaa; background-color: #eee; } .settings #file-uploader1 {position: absolute; top: 280px; right: -341px; width: 300px; text-align: center; } .settings .checkbox, .settings .checkbox label, .settings .gender {text-align: left; } .settings .checkbox, .settings .gender {margin: 10px 0 10px -5px; padding-left: 50px; cursor: pointer; font-size: 16px; line-height: 14px; color: #777; } #plus .settings .checkbox label {font-size: 12px; color: #999; } .settings .checkbox {height: 30px; } .settings .gender {margin-left: -8px; padding: 10px 0 0 0; text-indent: 10px; font-size: 14px; } .settings .gender span {float: left; margin-top: -10px; width: 50px; height: 50px; cursor: pointer; } .settings .gender label {padding-top: 10px; } .settings h2 {width: 300px; } .remove_avatar, .remove_user {position: absolute; top: -18px; right: -335px; font-size: 12px; color: #777; } .remove_avatar:hover {color: #333; } .remove_user {right: auto; left: 75px; color: #f12b2b; } #plus .settings input {color: #5f5f5f; } #plus .submit {background-repeat: no-repeat; background-position: -10px center;} #plus .loading {padding-left: 35px; background-position: 10px center; } #plus .settings.loading {background-position: center center; } /* } */ /* } */ /*------------------------------------------------------------ CONT { ------------------------------------------------------------*/ /*------------------------------------------------------------ HOME { ------------------------------------------------------------*/ /*line height here fixes strage 4px bug, i guess this is because of % for font in the body {}*/ #home {margin-top: 4px; width: 610px; line-height: 0; } #home .panel {position: absolute; top: 0; left: -20px; } .panel p {margin-bottom: 5px; width: 38px; height: 37px; padding: 9px 0 0 8px; background-color: #fff;} .panel a {display: block; width: 26px; height: 25px; text-indent: -9999px;} #idea {} /* #home .panel .hp_add, #home .panel .add {padding: 3px 7px; font-size: 14px; background-color: #f5f5f5; color: #999;} #home .panel .hp_add:hover, #home .panel .add:hover {background-color: #fff; color: #f12b2b;} #home .panel strong {position: absolute; left: 12px; top: 15px; font-size: 42px; color: #ddd;} */ #home .filters {display: none; position: absolute; top: 95px; left: 8px; z-index: 5; width: 300px; height: 35px; padding: 0; font-size: 13px; line-height: 38px; text-align: center; } .filters .arrow {left: 13px; } .filters ol {position: absolute; top: 5px; width: 115px; overflow: hidden; background-color: #ddd; color: #777;} .filters .source {right: 5px;} .filters .type {left: 5px;} .filters li {display: none; padding: 0 5px; line-height: 25px; border: 0; cursor: pointer; text-transform: lowercase;} .filters .a, .filters ol:hover li {display: block; } .filters .a, .filters li:hover {color: #000; } /* .filters .a {text-indent: 10px; } */ #home .update_wr {display: none; } #home .update {margin: 2px 0 0 4px; display: block; width: 23px; height: 25px; text-align: center; font-size: 13px; line-height: 26px; text-indent: 0; color: #fff;} #home .update:active {margin-top: 3px;} #home .feed {position: relative; margin: 0 250px 40px 10px; display: inline-block; padding-left: 80px;} #home .feed .avatar, #home .feed .params {position: absolute; top: 10px; left: 0; width: 50px; height: 50px; font-size: 13px; line-height: 15px; color: #555; } #home .feed .avatar {z-index: 1; } /*.feed .avatar span {margin-top: 53px; width: 65px; overflow: hidden; word-wrap: break-word}*/ .feed .avatar small {margin-top: 53px; width: 80px; font-size: 11px; color: #aaa;} .feed .avatar * {display: none; text-indent: 0;} .feed:hover .avatar * {display: block; } .feed h4 {position: absolute; top: 20px; left: 80px; z-index: 2; padding: 7px 10px 7px 25px; font-size: 13px; line-height: 16px; font-weight: normal; letter-spacing: 0; background-color: #000; color: #c8c8c8;} .feed h4 a {color: #fff;} .feed h4 a:hover {color: #c8c8c8; } /*.feed h4 p {padding-top: 0; }*/ .feed h4 {background-color: #000; } .feed h4 {background-color: rgba(0,0,0, 0.65); } .feed .actions {background-color: #fff; } .feed .actions {background-color: rgba(255,255,255, 0.6); } .stats .params a {margin-left: 25px; display: block; height: 30px; padding-left: 30px; line-height: 35px; color: #aaa;} .stats .params {text-indent: 0; } .stats .params.mt {margin-top: 53px; } /*.stats h4 {padding-left: 10px; }*/ #home .actions {position: absolute; top: -1px; right: -1px; z-index: 2; height: 21px; padding: 0 0 0 5px; font-size: 12px; } #home .actions a {margin-right: 6px; display: inline-block; padding: 0 0 0 22px; color: #333; font-weight: normal; line-height: 23px; } #home .actions a:hover {color: #333;} #home .message .actions {z-index: 3; width: 100%; text-align: right; background-color: transparent;} #home .message .actions a {margin-left: -50px; width: 75%; height: 60px; padding: 0 20px 0 22px; } #home .unsubscribe {position: absolute; bottom: -8px; right: -8px; z-index: 2; display: block; width: 25px; height: 25px; text-indent: -9999px; } #home .play {position: absolute; left: 50%; z-index: 1; margin: -36px 0 0 4px; width: 73px; height: 73px; padding:0;} #home .marker {position: absolute; top: 112px; left: 265px; z-index: 1; width: 130px; padding: 10px 0; text-align: center; font-size: 13px; line-height: 13px; background-color: #000; color: #ccc;} #home .marker h5 {font-size: 40px; line-height: 35px; color: #fff;} #home .feed .type {position: absolute; top: 20px; left: 80px; z-index: 3; height: 0; padding: 0; border: 15px solid transparent; border-left-color: #fff;} #home .feed .type span {margin: -15px 0 0 -42px; display: block; width: 30px; height: 30px; } #home .img {display: block; } #home .event .map a {display: block; } #home .spot .map {position: absolute; top: 0; right: 0; overflow: hidden; } .spot .map .map_wr, .spot .map .link_wr {float: right; display: inline-block; width: 25%; background-position: center center;} .spot .map .map_wr:hover {width: 100%; } .spot .map .link_wr {width: 75%; } #home .feed .vid {position: relative; z-index: 1; } #home .mini {margin: 0 0 0 10px; display: block; padding-bottom: 10px; } #home .mini h4 {position: static; top: 0; display: inline-block; } #home .mini h4 p:first-child {padding-top: 0; } #home .mini .container {margin-left: -80px; padding: 20px 0 20px 80px; position: relative; display: inline-block; } /*#home .mini:hover .avatar span {display: none; } #home .mini:hover .avatar small {margin-top: 53px; }*/ #home .mini .actions {top: -2px; right: -6px; } #home .mini .unsubscribe {bottom: 10px; right: -10px; } /*#home>li>div {position: relative; margin: -15px 0 0 -25px; padding: 5px 0 0 15px; line-height: 0; border-top: 10px solid #f5f5f5; border-left: 10px solid transparent;} /*#home>li>div img {max-width: 500px;}*/ #home .group {position: relative; margin: -10px 0 0 -10px; width: 460px; /*padding: 10px 10px 0 0; background-color: #eee;*/} #home .group img, #home .group li {float: left; margin: 10px 0 0 10px; width: 220px; height: 150px;} #home .group ol {position: absolute; left: 0; top: 0; z-index: 1;} #home .group li {margin: 10px 0 0 10px; cursor: pointer;} #home .group .big {position: absolute; left: 10px; top: 9px; display: none; width: 450px; background-position: center center; background-repeat: no-repeat; } #home .system_message {position: relative; margin: 8px 0 28px 10px; width: 570px; padding: 6px 10px; font-size: 18px; line-height: 24px; font-style: italic; color: #5B4416; background-color: #fff074;} #home .system_message .hide {position: absolute; top: 2px; right: 10px; font-size: 14px; font-style: normal; } .home h3 {margin: -50px 0 30px 0;} /* } */ #about, #footer {position: absolute; bottom:0; } #about {right:0; width: 251px; padding: 15px 24px 12px; border-top: 10px solid #eee; text-align: justify; line-height: 17px; font-size: 13px;} /* #about h2 {padding-bottom: 5px;}*/ #about p {clear: both; padding-top: 5px; } #about p a {display: block; float: left; margin: 0 4px 4px 0; padding:0 5px; line-height: 16px; background-color: #999; } #about p a.support {display: none;} #about small {display: block; margin-top: 10px;} .soc {margin-top: 10px; width: 250px;} .soc li {float: left; margin-right: 10px; overflow: hidden;} .soc .fb_like {margin: 2px 0 0 5px; } #cont {position: relative; width:950px; padding: 15px 0 50px; margin: 0 auto 20px;} #content {float: left; width:609px; padding:6px 20px 20px; } #footer {width:614px; padding:10px 14px 16px 22px; font-size: 12px;} #footer div {float: right; margin-right: 10px; } #footer a {color: #676767; } #footer a:hover {color: #222; } /* } */ /*------------------------------------------------------------ SIDEBAR { ------------------------------------------------------------*/ #sidebar {float: right; position: relative; margin: -30px -15px 0 0; width: 300px; padding-bottom: 222px;} #sidebar h3 {position: relative; padding: 34px 0 10px; clear: both;} #sidebar h3 small {position: relative; top:-9px; margin-left: 2px; font-size: 12px;} #sidebar .more, #sidebar .add, #sidebar .more_o, #sba_gearLike {position: absolute; top:30px; right:32px; width:22px; height:32px; text-indent: -9999px; cursor: pointer;} #sidebar .add {right:0; width:32px; display: block;} #sidebar .loading {} #tricks {position: relative; margin-bottom: -4px; overflow: hidden; width:226px; padding-left: 26px;} #tricks li {float: left; padding:3px 2px 0; margin:0 0 4px -2px; font-size: 0.8em;} #tricks small {padding:0 3px; font-size: 0.95em;} #tricks .trick {clear: both; position: relative; margin: 0 2px -4px -26px; font-size: 1em; padding:0 0 0 26px; letter-spacing: -1px;} #tricks .trick a {display: block; font-weight: bold; padding: 4px 6px 3px; line-height: 1em;} #tricks .trick .add_trick, #tricks .trick .remove, #tags .remove, #sports .remove {display: none;position: absolute; left: 6px; top: 4px; width: 16px; height: 16px; padding:0;cursor: pointer;} #tricks .trick:hover .add_trick, #tricks .trick:hover .remove, #tags li:hover .remove, #sports li:hover .remove {display: block; text-indent: -9999px; } #tricks .loading {position: static; width:218px; height:50px;} #sidebar .adv {margin: 14px 0 0 -5px;} #tags, #sidebar #sports {width:240px;padding-left: 28px; overflow: hidden; } #tags li, #sports li {position: relative; float: left; margin: 0 4px 4px 0; letter-spacing: -1px; font-weight: bold; } #tags a, #sports a {display: block;padding: 4px 6px 3px;line-height: 1em;} #tags a {white-space: nowrap;} #tags li:hover .remove, #sports li:hover .remove {top:0; left: -25px; width:25px; height:25px;} #tags li .none, #sports li a.none {display: none;} /*#sidebar .bIco_spots, #sidebar .bIco_sessions {margin: 10px 0 5px; display: block; width:95px; height:25px; padding-top: 75px; float: left; text-align: center; font-size: 1.5em; font-weight: bold; letter-spacing: -1px; overflow: hidden;} #sidebar .bIco_spots {margin:10px 27px 5px 27px;}*/ #sidebar .like_avatars, #sidebar .ride_avatars, #sidebar .buddy_avatars {margin-bottom: -5px; width: 225px; padding-left: 20px; overflow: hidden; } #sidebar .avatar {float: left; margin: 0 0 5px 5px; display: block; width: 40px; height: 40px; } .sb_events {margin-top: -10px; } .sb_events a {position: relative; display: inline-block; width: 250px; padding: 15px 0 15px 20px; border-bottom: 1px solid #eee; } .sb_events small {display: block; line-height: 14px; } #sidebar .sb_events h3 {float: left; width: 110px; padding-top: 0; font-size: 45px; line-height: 25px; letter-spacing: -2px; color: #ccc; } .sb_events h2 {float: left; width: 130px; padding-left: 10px; font-size: 20px; color: #555;} .sb_events h2 small {margin-top: 2px; font-size: 12px; line-height: 10px; } #sidebar .sb_events h3 small {position: static; padding-bottom: 6px; font-size: 14px; letter-spacing: -1px;} #sidebar .sb_events small {color: #777;} .sb_events a:hover h2 {color: #f12b2b;} #sidebar .sb_events a:hover h3 {color: #999;} #sidebar a:hover h3 small {color: #f12b2b;} .sb_pan {} .sb_pan a {margin: 0 0 5px 23px; display: block; width: 210px; height: 22px; padding: 6px 0 0 35px; font-size: 18px; letter-spacing: -1px; color: #888; } .sb_pan a:hover {color: #333;} .sb_pan small {font-size: 14px; letter-spacing: 0; color: #bbb;} .sb_pan .a small, .sb_pan .a:hover small {position: relative; top: -1px; display: inline-block; width: 27px; height: 26px; line-height: 26px; text-align: center; color: #fff;} .sb_pan a:hover small {color: #888;} #sidebar .settings, #sidebar .logout {float: right; margin: 3px 20px 0 0; font-size: 14px; font-weight: normal; color: #aaa;} #sidebar .logout {margin-right: 35px; } #sidebar .settings:hover, #sidebar .logout:hover {color: #555;} /* } */ /*------------------------------------------------------------ COMMON { ------------------------------------------------------------*/ #gmap_plus p, #gmap p, #map p {padding: 5px; font-size: 12px; color: #888; } /*------------------------------------------------------------ COMMENTS { ------------------------------------------------------------*/ .description {margin: 0 0 30px 0; padding: 0 10px 20px; font-size: 20px; line-height: 30px; font-style: italic; color: #777; border-bottom: 1px solid #eee;} .comments {width: 534px; } .comments li {padding: 0 0 20px 60px; } .comments .r {padding: 0 0 20px 110px; } .comments p {position: relative; z-index: 1; padding: 2px 0 0;} .comments li p a {font-size: 12px; color: #fff;} .comments li small {font-size: 11px; color: #fff;} .comments li:hover p a {color: #707070;} .comments li:hover small {color: #bbb;} .comments .avatar {margin-left: -50px; margin-bottom: -54px; display: block; width: 40px; height: 40px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center;} .comments div {position: relative; display: inline-block; } .comments .cont {z-index: 1; margin-top: -3px; display: inline-block; padding: 4px 10px 2px 20px; font-size: 15px; line-height: 24px; /*word-spacing: 3px; line-height: 25px;*/ background-color: #f2f2f2; color: #444;} .comments .cont p {position: static; padding-top: 10px; color: #555;} .comments .cont p:first-child {padding-top: 0; } .comments .cont a {font-size: 14px; color: #f12b2b;} .comments .form {} .comments .form .cont {margin-top: 14px; width: 464px; padding: 5px; line-height: 0; background-color: #999;} .comments .form .editor {margin-top: 0; } .comments textarea {display: block; width: 454px; height: 20px; max-height: 300px; max-width: 454px; overflow: hidden; padding: 5px; font-size: 16px; line-height: 20px; color: #777;} .comments textarea:focus {color: #444;} .comments .remove, .comments .edit {font-size: 14px; color: #fff;} .comments .edit {font-size: 12px; } .comments li:hover .edit {color: #888;} .comments li:hover .remove {color: #f12b2b;} .comments .reply, .comments .comment, .comments .save {position: absolute; bottom: 0; left: 100%; margin-left: -20px; padding: 0 5px 0 25px; font-size: 12px; line-height: 16px; background-color: #555; color: #fff;} .comments li:hover .comment, .comments li:hover .save {background-color: #222; } .comments li:hover .reply {background-color: #999; } .comments .reply {background-color: #ccc; } .comments a:hover, .comments li:hover a:hover {color: #111;} .comments li .cont a:hover {color: #f12b2b; } .comments li:hover .reply:hover, .comments li:hover .comment:hover {margin-left: -15px; color: #fff;} .comments li:hover .save:hover {margin-left: -15px; color: #fff;} .loading .comment, .loading .save {margin-left: -15px; padding-left: 35px; } /*reply new last replu looks not logical, so putting it under*/ .comments .r .reply {position: static; margin: 10px 435px 0 -50px; display: inline-block; padding-left: 5px; } .comments .r:hover .reply:hover {margin-left: -50px; } .comments .form.r .cont {width: 414px; } .comments .form.r textarea {width: 404px; max-width: 404px;} /*almost the same as for comments, maybe for optimization need to merge them*/ #home .more_wrapper, .comments .more_wrapper {background-color: transparent; } #home .more_wrapper {display: none; } #home .more, .comments .more {margin: 10px 277px 60px; display: block; width: 56px; height: 56px; line-height: 56px; text-align: center; background: #ddd; background-position: center center; color: #fff;} #home .more:hover, .comments li:hover .more:hover {background-color: #f12b2b; color: #fff;} #home .loading .more, .comments .loading .more {text-indent: -9999px;} .comments .more {margin-left: 217px; } #home .comments .more {margin: 0 147px 20px; } /*rewriting some rules for comments in feeds*/ #home .comments {margin: 20px 0 0 -10px; width: 434px; padding-right: 100px; /*need padding to fix some bug with animation in feeds*/ } #home .mini .comments {margin-top: 0; } #home .comments .avatar {position: static; width: 40px; height: 40px; margin-bottom: -45px; } #home .comments .cont {width: 370px; margin-top: 8px; } #home .r .cont {width: 320px; } #home .form .cont {width: 390px; } #home .form textarea {width: 380px; max-width: 380px;} #home .form.r .cont {width: 340px; } #home .form.r textarea {width: 329px; } /* } */ /*------------------------------------------------------------ WINS { ------------------------------------------------------------*/ #alert {position: fixed; top: -10px; left: 50%; margin-left: -485px; z-index:15; display: none; width: 930px; padding: 11px 28px 12px 12px; font-size: 1.4em; word-wrap:break-word;} #alert .close {position: absolute; top: 20px; right: 14px; display: block;} #alert .r {text-decoration: underline;} #alert small {font-size: 14px; color: #333; } #alert p a {padding: 0 4px; background-color: #555; color: #fff; } #alert p a:hover {background-color: #111; } #dialog {position: absolute; top:500px; left: 50%; z-index:2; display: none; padding:3px 9px 1px; font-size: 12px;} #dialog .yes {padding: 0 10px; border-right: 1px solid #911a1a;} #dialog .no {padding: 0 3px 0 11px;border-left: 1px solid #f56b6b;} .win {position: absolute; z-index: 5; margin-top: 8px; display: none; padding: 7px; font-size: 12px; line-height: 14px; background-color: #000;} .win .close {position: absolute; right: -7px; top: -5px; z-index: 7; display: block; width: 20px; height: 20px; text-indent: -9999px; color: #fff;} .win .arrow {position: absolute; top: -12px; margin-left: -6px; padding: 0; border: 6px solid transparent; border-bottom-color: #000;} .win .arrow {border-bottom-color: rgba(49,49,49, 0.9);} .win h4 {margin: -2px 0 0 2px; font-size: 16px; line-height: 22px;font-weight: normal; letter-spacing: 0;} .win h4 a {color: #fff;} .win h4 a:hover {color: #bbb;} .win textarea {display: block; max-width: 400px; max-height: 300px; padding: 5px; font-size: 16px; line-height: 20px; color: #555;} .win textarea:focus {color: #333;} .win .submit, .win .add {margin-top: 7px; padding: 3px 15px; font-size: 13px; line-height: 13px; cursor: pointer; background-color: #f12b2b; color: #330000;} .win .submit:active, .win .add:active {margin: 8px 0 -1px; } .win .loading {text-indent: -9999px; } .win .add {margin-top: 0; padding: 4px 20px; } .sb_win .listed {padding: 3px 5px; font-size: 13px; line-height: 13px;} /*rewritin .win .add:active, yeah did it pretty bad*/ .sb_win .add:active {margin-top: 0; } .sb_win .loading {text-indent: 0; color: transparent; } /*.user_win {}*/ .win .buddy {margin-left: 5px; } /*.win .send_message {margin-bottom: -160px; }*/ .win .buddy.a {display: none; } .message_win, .idea_win {text-align: center; } .message_win textarea {width: 250px; } .idea_win textarea {width: 250px; } .list_win {width: 920px; padding: 10px 10px 5px; z-index: 11; } .list_win .list {margin-bottom: 5px; display: block; padding: 3px 5px; font-size: 14px; line-height: 14px; color: #ddd;} .list_win .a, .list_win .list:hover {background-color: #ddd; color: #111;} .list_win .more, .list_win .more.a {margin: 10px 0 0; display: block; height: 19px; text-indent: -9999px; background-color: transparent;} .win .action {display: inline-block; padding: 0 5px; font-size: 11px; line-height: 13px; background-color: #fff; color: #333; } .win .action:hover {background-color: #bbb; color: #333;} .win .hidden {display: none; } .calendar_win {z-index: 7; width: 330px; } #calendar {position: relative; width: 210px; padding-top: 40px; } #calendar li {float: left; width: 30px; height: 30px; text-align: center; font-size: 13px; line-height: 30px; color: #eee; } #calendar .set, #calendar .nav, #calendar .close {cursor: pointer; } #calendar .set:hover {background-color: #555; } #calendar .nav, #calendar .title {position: absolute; left: 0; top: 0; padding-bottom: 5px; border-bottom: 1px solid #444;} #calendar .nav {z-index: 1; width: 30px; height: 30px; text-indent: -9999px; } #calendar .nav:active {top: 1px; } #calendar .next {left: auto; right: -120px; } #calendar .title {width: 330px; } #calendar .current {background-color: #555; } #calendar .set.sel {background-color: #ddd; color: #333; } #calendar .time {position: absolute; top: 40px; left: 220px; clear: both; float: none; width: 100px; height: 100px; text-align: left; color: #aaa; } #calendar .time input {width: 100px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; background-color: #ddd; color: #333; } #calendar .time .save {margin-top: 9px; display: block; text-align: center; background-color: #f12b2b; color: #fff; } #calendar .change_time {position: absolute; top: 30px; left: 0; width: 25px; height: 30px; text-align: center; color: #333; } #calendar .change_time:active {top: 31px; } #calendar .plus {left: 75px; } #calendar .blocker {position: absolute; top: -55px; left: -10px; display: block; width: 210px; height: 45px;} #calendar .wd {font-size: 12px; color: #aaa; } .no_time, .no_time #calendar .title {width: 210px; } .no_time .arrow {margin-left: -30px; } .no_time #calendar .next {right: 0; } .no_time .time {display: none; } /*.win input.err{padding:2px; border: 2px solid #fff;} .win input.err:focus input.err:focus {padding:4px; border: 0 solid #fff;}*/ #share_win {position: absolute; left: 50%; z-index: 10; margin-left: -255px; display: none; width: 450px; padding: 30px; font-size: 16px; background-color: #fff; color: #777;} #share_win small {display: block; color: #888;} #share_win .container {width: 100%; min-height: 20px; overflow: hidden; border: 1px solid #bbb; line-height: 0; } /*#share_win .container img {margin: -1px 0 0 -1px; }*/ #share_win .container div div img {width: 150px; height: 90px;} #share_win .close {position: absolute; top: 8px; right: 8px; display: block; width: 25px; height: 25px; text-indent: -9999px; } #share_win .select_text {margin: 0 0 10px; width: 98%; height: 18px; padding: 1%; font-size: 12px; text-align: left; background-color: #fff; color: #5f5f5f;} #share_win .select_text {border: 1px solid #ddd;} #share_win .select_text:focus {border: 1px solid #aaa; border-right-width: 15px;} #share_win h1 {margin: -8px 0 -5px 0; font-size: 30px; color: #444;} #share_win p {margin-top: 5px; color: #7f7f7f;} #share_win .settings {position: relative; margin: 1px -30px 17px; height: 28px; padding: 5px 40px; font-size: 14px; line-height: 24px; background-color: #eee; color: #777; } #share_win input {margin: 0 5px; width: 40px; height: 22px; padding: 2px 4px; font-size: 18px; line-height: 18px; text-align: center; border: 1px solid #bbb; background-color: #fff; color: #777;} #share_win input:focus {border: 1px solid #888; color: #333;} #share_win #ch_box {margin-left: 5px; width: 15px; height: 15px; line-height: 22px; } #share_win label {font-size: 12px; } #share_win .settings a {float: right; margin-left: 50px; padding: 2px 10px; font-size: 17px; font-weight: bold; background-color: #fff; color: #555;} #share_win .settings a:hover {color: #f12b2b} #share_win .settings ul {position: absolute; top: 10px; left: 211px; } #share_win .settings li {float: left; margin-left: 2px; width: 30px; height: 30px; text-align: center; background-color: #ddd; } #share_win .settings .a {background-color: #f12b2b; color: #fff; } #share_win .loading {position: relative; z-index: 1; display: none; width: 100%; padding: 0 2px; background-color: #fff; } #share_win .soc {margin: 20px 0 -6px; width: 400px; } #share_win .fb_like {margin: 0; } /*#iwin {position: absolute; top: 0; left: 0; z-index: 2; width: 200px; padding: 20px; background-color: #fff;} #iwin li {position: relative; margin-bottom: 22px;} #iwin h5 {position: absolute; top: -5px; right:0; width: 50px; height: 30px; text-indent: -1px; text-align: center; font-size: 25px; line-height: 31px; color: #fff;} #iwin h5 small {position: absolute; bottom: -15px; left: 0; width: 50px; font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 11px; color: #bbb;} #iwin a {position: relative; margin-left: 15px; display: block; width: 100px; padding-left: 17px; font-size: 12px; line-height: 15px; color: #999;} /*#iwin a:active {top:1px;}*/ /*#iwin a:hover {color: #444;} #iwin u {position: absolute; left: 0; display: block; width: 13px; height: 13px; text-align: center; line-height: 12px; text-decoration: none; background-color: #f12b2b; color: #fff;} #iwin .a u {background-color: #aaa;} #iwin a:hover u {background-color: #555;} #iwin .a:hover u {background-color: #aaa;} #iwin .add_event {margin: 28px 0 0 1px; width: 100px; padding-left: 31px; line-height: 26px;} #iwin .add_event u {font-size: 34px; line-height: 20px; width: 26px; height: 26px;} #iwin .all {position: absolute; bottom: 27px; right: 20px; width: 60px; padding: 0; text-align: right; font-size: 16px; font-weight: bold; color: #f12b2b;} #iwin .name {position: relative; z-index: 1; margin: 0 0 8px 0; letter-spacing: -1px; display: block; width: 150px; padding: 0 50px 0 0; font-size: 23px; font-weight: bold; line-height: 20px; color: #1e1e1e;} #iwin .name:hover {color: #f12b2b;} #iwin .pointer {position: absolute; bottom: -2px; right: 100%; height: 0; border: 15px solid transparent; border-right-color: #fff;} #iwin.loading {padding-top: 50px;}*/ /* } */ .avatar {background-position: center center; background-repeat: no-repeat; text-indent: -9999px; } /* Rounded corners */ #tricks .trick a, #tags a, #sports a, #about a, .win_submit, .status_team, .status_pro, .status_supporter, .status_press, .status_ceo, #tricks small, #gear h4 .brand, .intro input, .intro .am, .map_tools div a, #v_cont h5 a, #share_win .soc a, .qq-upload-failed-text /*, #iwin u*/ {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .win, .win .action, .win textarea, #attached .attach_c, .comments textarea, .comments .reply, .comments .comment, .comments .save, .list_win .list, .list_win .more, .time input, .time .save, .calendar_win .set {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #pan div, #dialog, #alert, .play, .play img, #news>a, .scroll div, #home>li, #home .marker div, #share_win, #attached .connect, #attached .cconnect, #home .filters ol, #home .filters li:hover, #home .filters .a, .infowin .actions {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .scroll, #connector, #gal .loading_g, #v_cont.spot .info img, #v_cont #map, #map .loading, #v_cont .media_c, #v_cont .activity a, #share_win .settings a, #home .feed .avatar, #home .img, #home .event .map a, #home .marker, #home .group li, #home .group img, #home .group .big, .win .submit, .comments .avatar, .comments .form .cont, #map .infowin, .static_page textarea, .static_menu a, .static_menu .a {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #v_cont #timer li, #nav_tabs li, .qq-upload-list {-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} #plus input, #plus textarea, #plus .uploader_progress, #plus .attached_area, .uploader_progress div,/* .date_switcher .input,*/ .static_page input, .d_all span, .static .ta {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .map_tools input, #home .more, .comments .more, #home .panel, .panel p {-moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px;} #v_cont.media .d h1, #cont, #v_cont .d {-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} .feed h4, #home .spot .map .map_wr, .comments .cont, .win .add {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;} .sb_win .listed {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} .feed .actions {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} #tabs span {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;} .qq-upload-drop-area {-moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px;} /*Transition*/ /*v_cont .d, #v_cont .activity a, #v_cont .activity small {-webkit-transition: all 0.4s ease-out;} #home .spot .map .map_wr, #home .unsubscribe, #v_cont .timer_note, #attached .remove, .qq-upload-list, #gal .all span {-webkit-transition: all 0.3s ease-out;} #gal p .zoom, #gal p .link, #header .scroll, #map .zoom, #map a.close, .win a, .win input, #share_win .close, #plus .close, .comments a, .comments small, #home h6, #home .more, #home .hp_add, #home .play, #home .filters li, #v_cont h4 a, #v_cont h6 a, #v_cont .play, #v_cont h5 a, #v_cont h6 a, #v_cont h2 .brand, #pan .noti a, #pan .noti small, #share_win .settings a, #share_win textarea, #share_win input, .sb_events a h2, .sb_events a h3, .sb_events a, .sb_events small, #sidebar h3 .settings, #sidebar h3 .logout, #attached p, #attached .attach_c, #attached .connect, #attached .cconnect, .zoomed a, #tabs li, #tabs span, div.back_to_obj, .switch_to_map, .switch_to_map span, #pan .ml, #about p a, #plus .loading, .remove_avatar, #alert a, #tabs .plus, #calendar .set {-webkit-transition: all 0.2s ease-out;} .win .submit, .win .add, #attached .loading, .list_win .list {-webkit-transition: all 0s ease-out;} /*fix for google map v3 and opacity + animation + safari bug*/ #v_cont .d, #v_cont .activity a, #v_cont .activity small {-webkit-transition: all 0.4s ease-out;} #home .spot .map .map_wr, #v_cont .timer_note, .qq-upload-list, #gal .all span {-webkit-transition: all 0.3s ease-out;} .comments a, .comments small, #home h6, #home .more, #home .hp_add, #home .play, #home .filters li, #v_cont h4 a, #v_cont h6 a, #v_cont h5 a, #v_cont h6 a, #v_cont h2 .brand, #pan .noti a, #pan .noti small, #share_win .settings a, #share_win textarea, #share_win input, .sb_events a h2, .sb_events a h3, .sb_events a, .sb_events small, #sidebar h3 .settings, #sidebar h3 .logout, #attached p, #attached .attach_c, #attached .connect, #attached .cconnect, #pan .ml, #about p a, #plus .loading, .remove_avatar, #alert a, #tabs .plus, #calendar .set, .static_menu a, #tabs span {-webkit-transition: all 0.2s ease-out;} .win .submit, .win .add, #attached .loading, .list_win .list {-webkit-transition: all 0s ease-out;} /* Opacity */ #gal .zoom, #gal .link, #header .scroll, #map .zoom, #map a.close, #home .unsubscribe, .win .close, .qq-upload-list, #attached .remove/*, #tabs span*/, #file-uploader2 {-moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .status_team, .status_pro, .status_supporter, .status_press, .status_ceo, div.back_to_obj, .switch_to_map span, #share_win .close, #plus .close, #home li:hover .unsubscribe, #home .group .loading, .zoomed .close, .zoomed .next, .zoomed .prev, .list_win .more {-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} #tabs li {-moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} #gal .all p .actions, .dropzone, div.back_to_obj:hover, .switch_to_map:hover span {-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} #user_info div, .play {-moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;} /*.status_team:hover, .status_pro:hover, .status_supporter:hover, .status_press:hover, .status_ceo:hover */ #gal .act:hover, #gal .zoom:hover, #gal .link:hover, #header:hover .scroll, #map:hover .zoom, #map:hover .close, .win:hover .close, #share_win .close:hover, #plus .close:hover, #home li:hover h4, #home li:hover .unsubscribe:hover, #home .play, #v_cont .info:hover .d:hover, #v_cont .info:hover .add, #v_cont .play, .zoomed .close:hover, .zoomed .next:hover, .zoomed .prev:hover, .list_win .more:hover, .list_win .more.a/*, .qq-uploader:hover .qq-upload-list*/, #attached .item:hover .remove, #tabs li:hover, #tabs .a {-moz-opacity:1; -khtml-opacity: 1; opacity: 1;} /* Shadows */ /*#dialog {-moz-box-shadow:0 3px 15px 0 #555; -webkit-box-shadow:0 3px 15px #555; box-shadow: 0 3px 15px #555}*/ #gal .zoomed.shadow {-moz-box-shadow:0 0 20px 0 rgba(0, 0, 0, .8); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .8); box-shadow: 0 0 20px rgba(0, 0, 0, .8);} #dialog {-moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, .7); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .7); box-shadow: 0 0 10px rgba(0, 0, 0, .7);} #share_win, #attached .win {-moz-box-shadow:0 1px 12px 0 rgba(0, 0, 0, .7); -webkit-box-shadow:0 1px 12px rgba(0, 0, 0, .7); box-shadow: 0 1px 12px rgba(0, 0, 0, .7);} .win {-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .4); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .4); box-shadow: 0 1px 4px rgba(0, 0, 0, .4)} #home .spot .map .map_wr /*TODO: need to check version with inner shadows for all feed .img, looks pretty good, but prolly too slow, and maybe no simplicity, which was the main idea*/ {-moz-box-shadow: inset 3px 0 5px 0 rgba(0, 0, 0, .50); -webkit-box-shadow: inset 3px 0 5px rgba(0, 0, 0, .50); box-shadow: inset 3px 0 5px rgba(0, 0, 0, .50)} /*#map img.p {box-shadow: inset 1px 1px 10px #111111; -webkit-box-shadow: inset 1px 1px 10px #111111; -moz-box-shadow: inset 1px 1px 10px #111111;} */ /*#pan>li>a {text-shadow: 0 -1px 0 #555;}*/ /*Gradients*/ /*#v_cont.spot .vcont_n*/ /*fallback for slow browsers*/ /*#iwin .r {background-color: #f12b2b;} #iwin h5 {background-color: #494949;} */ /*#iwin .r { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f75c5c), to(#e80f0f), color-stop(.5, #F12B2B)); /*background-image: -moz-linear-gradient(0% 75% 90deg,#f75c5c, #e80f0f, #F12B2B 100%);*/ /*}*/ /*#iwin h5,*/ #home .marker { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#494949), to(#000000), color-stop(.5, #1e1e1e)); /*background-image: -moz-linear-gradient(0% 75% 90deg,#494949, #000000, #1e1e1e 100%);*/ } #timer li { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242424), to(#333)); /*background-image:-moz-linear-gradient(100% 0% 90deg,#222222, #333333)*/ } .win { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,44,44, 0.9)), to(rgba(0,0,0, 0.9))); /*background-image: -moz-linear-gradient(0% 75% 90deg,#494949, #000000, #1e1e1e 100%);*/ } .calendar_win { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,44,44, 0.95)), to(rgba(0,0,0, 0.95))); /*background-image: -moz-linear-gradient(0% 75% 90deg,#494949, #000000, #1e1e1e 100%);*/ } /*.date_switcher .input/*, #plus.e .date_switcher .input, #plus.s .date_switcher .input { background: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(.59, #eaeaea), color-stop(.59, #d5d5d5)); /*background-image: -moz-linear-gradient(left center, #eaeaea 58%, #ddd 58%); }*/ /*.no_time .input { background:#eaeaea; } /*.date_switcher.a .input { background: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(.59, #fff074), color-stop(.59, #eeda39)); /*background-image: -moz-linear-gradient(left center, #eaeaea 58%, #ddd 58%); }*/ #attached .win, .list_win .list:hover, #home .filters ol { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc)); /*background-image:-moz-linear-gradient(100% 0% 90deg,#222222, #333333)*/ } /*Rotations*/ #v_cont .portrait { -moz-transform: rotate(-5deg); /* WebKit */ -webkit-transform: rotate(-5deg); /* Opera */ -o-transform: rotate(-5deg); /* Standard */ transform: rotate(-5deg); } /* } */ /*------------------------------------------------------------ SPRITE & POSITION { ------------------------------------------------------------*/ #cont {background:#fff url(i/b.gif) repeat-y;} /*loaders*/ .loading .comment, .loading .save {background: #222 url(i/load_win.gif) 17px center no-repeat;} #gal .loading, #map .loading {background: #333 url(i/load_gre.gif) center center no-repeat;} .loading, #gal .zoomed.loading, #sidebar .loading {background: #fff url(i/load.gif) center center no-repeat; } #home .filters .loading {background: #f5f5f5 url(i/load_fil.gif) 5px 5px no-repeat;} .settings.loading {background: #ddd url(i/load_ddd.gif) center center no-repeat;} .win input.loading, .loading .more, #home .loading .more, .loading .more:hover {background: #f12b2b url(i/load_red.gif) center center no-repeat;} .edit_new .loading {background-image: url(i/load_red.gif); } .settings .loading {background-image: url(i/load_win.gif); } #plus.e .loading {background-image: url(i/load_win.gif);} #pan .noti .loading, #gal .loading_g, #home .group .loading, .list_win .more.loading {background: #000 url(i/load_black.gif) center center no-repeat;} /* {background: #ccc url(i/load_com.gif) 20px center no-repeat;} */ .loading.top {background-position: center 211px;} #gear .loading {background-position: 128px 89px;} /*#iwin.loading {background-position: center 40px;}*/ #pan .noti .loading {background-position: 22px 13px;} #home .loading, .comments .loading {background: none;} .uploader_progress, .uploader_progress div {background: url(i/progressbar.png) 0 -32px no-repeat;} .uploader_progress div {background-position: 0 0;} /*TODO: need to remove all tab_... need only media and spots*/ #btn_users0, #btn_users1, #btn_share, #logo, #pan, #pan li.f, /*#tab_sessions, #tab_des, #tab_media, #tab_spots, #tab_likes, */.arr_left, .arr_right, #tricks .trick .add_trick, #tricks .trick .remove, #tags .remove, #sports .remove, #sidebar .add, .more_o, #line, .more/*, .actions li small*/, #search_stat li, .zoomed .close, .zoomed .next, .zoomed .prev, #map a.u, #map .find, #plus .find, #edit_new, #settings_arr, .filter, .vcont_back, .sb_pan a, .settings .checkbox, .settings .gender span, #home .type span, .stats .params a, .comments .cont, #idea, #home .add, #tabs li, #plus .location input, .intro .submit, #pan .join, .random {background-image: url(i/p.png); background-repeat: no-repeat;} #gal .zoom, #gal .link, #map a.zoom, #map a.close, .win .close, .list_win .more, #attached .remove, #share_win .close, #plus .close, .back_to_obj, .switch_to_map span, #home .play, #v_cont .info h4 a, #v_cont .info h6 .more, #v_cont .vcont_n, #v_cont .play, #pan .noti_n, #attached .amount, #pan .noti a, #home .update, .sb_pan .a small, #plus .req, #plus .req_v, #home .unsubscribe, .actions a, .zoomed .close,/* .date_switcher span,*/ .infowin .win_close, .infowin .actions li, .actions a, #tabs .plus, #calendar .nav {background-image: url(i/t.png); background-repeat: no-repeat;} #plus .req, #plus .req_v {background-position: 258px -219px;} /*adding fake positioning so we wont see movement of background cause of css animation*/ #plus input {background-position: 358px -219px;} #plus .location input {background-position: 3px -320px;} /*Red line tabs*/ #tab_media {background-position: 0 -269px;} #tab_spot {background-position: -50px -269px;} #tab_event {background-position: -100px -269px;} #tab_gear {background-position: -150px -269px;} #tab_like {background-position: -200px -269px;} #tab_trick {background-position: -250px -269px;} #tab_buddy {background-position: -300px -269px;} #tab_ride {background-position: -350px -269px;} /*Date*/ /*.date_switcher .plus span {background-position: 0 -317px;} .date_switcher .plus span:active {background-position: 0 -316px;} .date_switcher .minus span {background-position: 0 -335px;} .date_switcher .minus span:active {background-position: 0 -336px;}*/ /*Comments*/ .comments .cont {background-position: 0 -750px;} .comments .form .cont {background-image: none;} /*Notifications*/ #pan .noti a {background-position: 900px 900px;} #pan .noti .like {background-position: -90px 0;} #pan .noti .ride {background-position: -90px -50px;} #pan .noti .buddy {background-position: -90px -100px;} #pan .noti .message, #pan .noti .invite, #pan .noti .call {background-position: -90px -150px;} #pan .noti .reply {background-position: -90px -200px;} #pan .noti .media {background-position: -90px -250px;} #pan .noti .event {background-position: -90px -300px;} #pan .join {background-position: right 0;} /*circle*/ #home .update {background-position: -7px -120px;} .sb_pan .a small {background-position: -5px -120px;} /*HOME*/ #home .filter {background-position: -970px -1300px;} #home .filter.a, #home .filter:active, #home .filter:hover {background-position: -970px -1330px;} /*.actions .trick,*/ .sb_pan .like {background-position: -970px -520px;} .sb_pan .like.a, .sb_pan .like:hover {background-position: -970px -550px;} .sb_pan .trick {background-position: -970px -1000px;} .sb_pan .trick.a, .sb_pan .trick:hover {background-position: -970px -1030px;} .sb_pan .gear {background-position: -970px -1060px;} .sb_pan .gear.a, .sb_pan .gear:hover {background-position: -970px -1090px;} .sb_pan .message {background-position: -970px -1180px;} .sb_pan .message.a, .sb_pan .message:hover {background-position: -970px -1210px;} .feed .ico_like {background-position: -970px -520px;} .feed .ico_ride, .feed .ico_join {background-position: -970px -580px;} .feed .ico_buddy {background-position: -970px -640px;} .feed .ico_comment {background-position: -970px -700px;} .feed .ico_spot {background-position: -970px -820px;} .feed .ico_event {background-position: -970px -880px;} .feed .ico_video {background-position: -972px -940px;} .feed .ico_trick {background-position: -970px -1000px;} .feed .ico_gear {background-position: -970px -1060px;} .feed .ico_photo {background-position: -970px -1120px;} .feed .ico_message {background-position: -970px -1360px;} .feed .ico_idea, #idea {background-position: -970px -1240px;} #idea:hover {background-position: -970px -1270px;} #home .add {background-position: -970px -760px;} #home .add:hover {background-position: -970px -790px;} .actions .like {background-position: -350px -30px;} .actions .like:hover, .actions .like.a {background-position: -350px 0;} .actions .ride {background-position: -390px -30px;} .actions .ride:hover, .actions .ride.a {background-position: -390px 0;} .actions .buddy {background-position: -430px -30px;} .actions .buddy:hover, .actions .buddy.a {background-position: -430px 0;} .actions .comment {background-position: -470px -30px;} .actions .comment:hover, .actions .comment.a {background-position: -470px 0;} .actions .share {background-position: -510px -30px;} .actions .share:hover, .actions .share.a {background-position: -510px 0;} /*using his only for feeds*/ .actions .message {background-position: right -330px;} .actions .message:hover, .actions .message.a {background-position: right -261px;} #header .actions .like {background-position: -350px -90px;} #header .actions .like:hover, #header .actions .like.a {background-position: -350px -60px;} #header .actions .ride {background-position: -390px -90px;} #header .actions .ride:hover, #header .actions .ride.a {background-position: -390px -60px;} #header .actions .buddy {background-position: -430px -90px;} #header .actions .buddy:hover, #header .actions .buddy.a {background-position: -430px -60px;} #header .actions .clip {background-position: -470px -90px;} #header .actions .clip:hover, #header .actions .clip.a {background-position: -470px -60px;} #header .actions .default {background-position: -510px -90px;} #header .actions .default:hover, #header .actions .default.a {background-position: -510px -60px;} #header .actions .remove {background-position: -550px -90px;} #header .actions .remove:hover, #header .actions .remove.a {background-position: -550px -60px;} .random {background-position: -655px -140px;} .intro .submit {background-position: -130px -230px;} /*#header .actions .remove {background-position: -470px -90px;} #header .actions .remove:hover, #header .actions .remove.a {background-position: -470px -60px;}*/ .settings .checkbox {background-position: -960px -130px;} .settings .checkbox.a {background-position: -960px -180px;} .settings .gender span {background-position: -750px -160px;} .settings .gender .a {background-position: -850px -160px;} .settings .gender .man {background-position: -700px -160px;} .settings .gender .man.a {background-position: -800px -160px;} #v_cont h4 a, #v_cont h6 .more {background-position: right -137px;} #v_cont h4 a:hover, #v_cont h6 .more:hover {background-position: right -157px;} #v_cont .vcont_n, #pan .noti_n {background-position: -5px -120px;} #attached .amount {background-position: -5px -170px;} #v_cont h4.user a:hover {} /*default for like*/ #btn_users0, #btn_users1 {background-position: 0 -442px;} #btn_users0.a, #btn_users1.a, #btn_users0:hover, #btn_users1:hover {background-position: -60px -442px;} #btn_users0.ride, #btn_users1.ride {background-position: -120px -442px;} #btn_users0.ride.a, #btn_users0.ride:hover, #btn_users1.ride.a, #btn_users1.ride:hover {background-position: -180px -442px;} #btn_users0.buddy {background-position: -240px -442px;} #btn_users0.buddy.a, #btn_users0.buddy:hover {background-position: -300px -442px;} #btn_users1.send_message {background-position: -360px -442px;} #btn_users1.send_message.a, #btn_users1.send_message:hover {background-position: -420px -442px;} #btn_share {background-position: -960px -241px;} #btn_share:hover {background-position: -910px -241px;} #gal .link {background-position: -940px 38px;} #gal .zoom.p {background-position: -1100px 38px;} #gal .zoom {background-position: -1260px 38px;} #tabs .plus {background-position: -865px -35px;} #tabs li:hover .plus {background-position: -865px -16px;} .zoomed .prev {background-position: -180px -350px;} .zoomed .next {background-position: -210px -350px;} #home .play {background-position: -1174px -1px;} #v_cont .play {background-position: -1173px 0;} .vcont_back {background-position: -5px -225px;} .vcont_back:hover {background-position: -65px -225px;} #map .zoom {background-position: -1350px -17px;} #map a.close, #share_win .close, .back_to_obj, #plus .close, #home .unsubscribe {background-position: -1530px 0;} .win .close, .infowin .win_close, #attached .remove, .zoomed .close {background-position: -1530px -50px;} .list_win .more, .list_win .more:hover, .list_win .more.a, .list_win .more.a:hover {background-position: center -160px;} .list_win .more.loading:hover {background-position: center center;} .switch_to_map span {background-position: -1530px -130px;} .switch_to_map .a {background-position: -1530px -170px;} #map .spot, #map .place {background-position: -766px -670px;} #map .find, #plus .find {background-position: -150px -347px;} /*edit/new types*/ #edit_new.ed {background-position: -650px -430px;} #edit_new.e {background-position: -650px -470px;} #edit_new {background-position: -650px -510px;} #edit_new.ed.settings {background-position: -650px -550px;} #edit_new.settings {background-position: -650px -590px;} #settings_arr {background-position: -650px -630px;} #logo {background-position: 0 1px;} #line {background-position: 0 -2490px; background-repeat: repeat-x;} #pan {background-position: right -80px;} #pan.guest {background-position: -369px -80px;} #pan li.f {background-position: -229px -80px;} .more {background-position: -118px -369px;} .more:hover {background-position: -174px -369px;} .more.a {background-position: -146px -369px;} .more.a:hover {background-position: -202px -369px;} #sidebar .add {background-position: -348px -343px;} #sidebar .add:hover {background-position: -408px -343px;} #tricks .trick a.add_trick {background-position: -265px -362px;} #tricks .trick a.remove {background-position: -240px -362px;} #sports a.remove, #tags a.remove {background-position: -235px -358px;} #tricks .trick a.add_trick:hover {background-position: -315px -362px;} #tricks .trick a.remove:hover {background-position: -290px -362px;} #tags a.remove:hover, #sports a.remove:hover {background-position: -285px -358px;} #calendar .nav {background-position: -935px -295px;} #calendar .next {background-position: -935px -265px;} /* } */ /*------------------------------------------------------------ COLORS { ------------------------------------------------------------*/ .author small, #tricks li.trick a, #tricks .trick a:hover, #tags a, #sports a, #about a, .win_submit, #dialog a, .status_pro, .status_supporter, .status_press, #tricks small, #tricks small a, #tricks li small a:hover, #gear h4 .brand, #gear h4 .brand:hover, .intro a, #gal .all .act, .intro input:focus {color: #fff;} #pan a:hover, #pan input:focus, #pan div .a, #pan div .a:hover, #user_info .name, #dz1 {color: #eee;} .win, .win #mg_photo, .actions .nothing, #search_stat small {color: #ddd;} .intro u {color: #ccc;} .actions small, #search_stat li:hover small/*, #sidebar .bIco_spots, #sidebar .bIco_sessions*/ {color: #bbb;} #search_stat li, .intro input, #pan a {color: #aaa;} #pan input, small, #user_info a, #search_stat li:hover {color: #999;} #sidebar h3, #tricks li, #footer, .actions .comment div, .intro {color: #888;} #about, #news, #gear .stat strong, .actions, .stop_using_ie a {color: #777;} #news i, .intro p {color: #656565;} #tricks a, #about h2, h4, #search_stat a, #gear h4 a {color: #555;} #news strong, #news a:hover {color: #3f3f3f;} #sidebar h3 small, #sidebar .more, #sidebar .add, .status_team, #alert {color: #333;} a, .author, h1, input, textarea, #dialog, .actions a:hover, #gal .all span, #dz2, #btn_report, .description a:hover {color: #222;} #dialog a:hover, #news a:hover strong, .stop_using_ie a:hover {color: #000;} #pan div a:hover, #search_stat a, .win small strong, h4 a:hover, h5 a:hover, #user_info a:hover, #gear .stat, #gear h4 a:hover, .actions a, .description a {color: #f12b2b;} #tricks li a:hover {color: #0096ff;} /* } */ /*------------------------------------------------------------ BGCOLORS { ------------------------------------------------------------*/ #pan input, #tricks .trick:hover .add_trick, #tricks .trick:hover .remove, #tags li:hover .remove, #spotrs li:hover .remove, .win #mg_photo, .intro p {background-color: transparent;} .author img, .arr_left, .arr_right, #tags li:hover a.remove, #sports li:hover a.remove, input:focus, textarea:focus, #gal p.loading, #dz2, #gal .all span {background-color: #fff;} body, input, textarea, #news>a:hover, .win .err:focus {background-color: #ececec;} #tricks small {background-color: #ccc;} #tags a, #gear h4 .brand {background-color: #aaa;} #tricks .trick a:hover, .intro input:hover {background-color: #555;} #gal .all p, .intro input {background-color: #333;} #sports a, #tags a:hover {background-color: #1d1d1d;} .status_pro, #gal .all .actions, #dz1 {background-color: #000;} #about p a:hover, #about p a.support, #sports a:hover, .win_submit, .win_submit:focus, #dialog, .status_ceo, #gear h4 .brand:hover, #gear h4 a:hover .brand, .win .err, .intro input:focus, .intro a {background-color: #f12b2b;} /*.win_submit:hover, .win_submit.hover {background-color: #ff4a4a;}*/ #tricks .trick a, .status_press {background-color: #0096ff;} #about p a.support:hover, .status_supporter {background-color: #00ec0b;} .status_team, #alert {background-color: #ffe400;} /*noRGBa*/ .scroll, #connector, #v_cont.spot .d, .location, #gal .all .date {background-color: #000;} #gal p .bottom, #home li:hover .play, #home li:hover .play:hover, #v_cont .info:hover .play:hover, #gal p:hover .bottom {background-color: #fff;} /*RGBa*/ .location {background-color: rgba(0, 0, 0, .4);} #v_cont.spot .d {background-color: rgba(0, 0, 0, .6);} .scroll, #connector {background-color: rgba(0, 0, 0, .7);} #gal .all .date {background-color: rgba(0, 0, 0, .8);} #home li:hover .play, #gal p .bottom, #v_cont .info:hover .play {background-color: rgba(255, 255, 255, .6);} #gal p:hover .bottom {background-color: rgba(255, 255, 255, 1);} /* } */ /*removeing selection, so it will look better*/ /*.date_switcher *::selection {background-color: transparent;} .date_switcher *::-moz-selection {background-color: transparent;}*/ .calendar_win *::selection {background-color: transparent;} /*1318*/ /*FF*/ @-moz-document url-prefix() { * {vertical-align: bottom;} #v_cont #timer i {margin-bottom: 2px; line-height: 138px; } .sb_win .listed {height: 18px; } .resizable {overflow: hidden; } .celandar_win *::-moz-selection {background-color: transparent;} #v_cont h4 a, #v_cont h6 .more {background-position: right -139px;} /*TODO: need to fix this later*/ #pan .noti span {position: relative; top: -8px; } /* .date_switcher .input {height: 32px; } .date_switcher .minus {bottom: 1px; } */ } /*OPERA*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { * {vertical-align: bottom;} #v_cont #timer i {margin-bottom: 2px; line-height: 138px; } .sb_win .listed {height: 15px; } .comments .r .reply, .comments .r:hover .reply:hover {margin-left: 0; } .intro .submit {height: 18px; } /*TODO: need to fix this later*/ #pan .noti span {position: relative; top: -8px; } #pan input {position: relative; top: -1px; } /* .date_switcher .input {height: 32px; } */ } /*IE8*/ #file-uploader2, #file-uploader2 * {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #file-uploader2 {margin-top: -20px\0/; } #share_win {border: 3px solid #ccc\0/; } .sb_win .listed {position: relative\0/; top: -1px\0/; } .win .submit, .win .add {height: 23px\0/; }