body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } :focus{outline:0;} /* refactored css 2012-05-05 position-a full-width */ .fw-pa { position: absolute; width: 100%; } .white_bar { background-color: #fff; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25); } .white_bar_extended { background-color: #f2f2f2; background: -moz-radial-gradient(center top, ellipse, #fff 20%, #F1F1F1 80%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dadadc), color-stop(0.3, #e5e5e8), color-stop(1, #fff)); background: -webkit-radial-gradient(center top, ellipse, #fff 20%, #F1F1F1 80%); background: -moz-radial-gradient(center top, ellipse, #fff 20%, #F1F1F1 80%); background: -ms-radial-gradient(center top, ellipse, #fff 20%, #F1F1F1 80%); background: -o-radial-gradient(center top, ellipse, #fff 20%, #F1F1F1 80%); background: radial-gradient(center top, ellipse, #fff 20%, #F1F1F1 80%); } /* helper classes */ .display-n { display: none; } .display-b { display: block; } .display-t { display: table; } /* http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ */ .display-ib { display: -moz-inline-stack; zoom: 1; display: inline-block;} .visibility-h { visibility: hidden; } .visibility-v { visibility: visible; } .float-l { float: left; } .float-r { float: right; } .float-n { float: none; } .clear-b { clear: both; } .clear-l { clear: left; } .clear-r { clear: right; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize;} .text-decoration-u { text-decoration: underline; } .text-decoration-n { text-decoration: none; } .bold { font-weight: bold; } .white-font { color: #fff; } .grey-font-1 { color: #333; } .grey-font-2 { color: #666; } .grey-font-3 { color: #999; } .grey-font-4 { color: #4d4d4d; } .grey-font-5 { color: #cbcbcb; } .black-font { color: #111; } .bg-transparent { background-color: transparent; } .bg-green-1 { background-color: #6bec26; } .text-align-c { text-align: center; } .text-align-l { text-align: left; } .text-align-r { text-align: right; } .font-style-i { font-style: italic; } .font-size-10px { font-size: 10px; } .font-size-12px { font-size: 12px; } .font-size-14px { font-size: 14px; } .font-size-16px { font-size: 16px; } .font-size-18px { font-size: 18px; } .font-size-20px { font-size: 20px; } .font-size-22px { font-size: 22px; } .font-size-24px { font-size: 24px; } .font-size-26px { font-size: 26px; } .font-size-28px { font-size: 28px; } .font-size-30px { font-size: 30px; } .font-size-32px { font-size: 32px; } .font-size-34px { font-size: 34px; } .font-size-36px { font-size: 36px; } .position-r { position: relative; } .position-a { position: absolute; } .position-f { position: fixed; } .overflow-h { overflow: hidden; } .hidden-text { text-indent: -100000px; } .full-height { height: 100%; } .full-width { width: 100%; } .shell-width { width: 1000px; } .centered { margin: 0 auto; } .stack1of2 { width: 50%; } .stack1of3 { width: 33.33334%; } .stack1of4 { width: 25%; } .stack3of4 { width: 75%; } .stack1of5 { width: 20%; } .stack2of5 { width: 40%; } .stack3of5 { width: 60%; } .stack4of5 { width: 80%; } .stack1of6 { width: 16.66667% } .stack1of7 { width: 14.28%; } .stack1of8 { width: 12.5%; } .stack1of9 { width: 11.1111%; } .stack1of10 { width: 10%; } .stack1of11 { width: 9.0909%; } .stack1of12 { width: 8.3333%; } .stack1of16 { width: 6.25%; } .hand-cursor { cursor: pointer; } .bottom-of-stack { z-index: 1; } .above-page_content_wrapper { z-index: 6; } .under-navigation { z-index: 9; } .middle-of-stack { z-index: 10; } .front-of-stack, .top-of-stack { z-index: 1000; } .triangle { height: 0; position: absolute; width: 0; } .border-less { border: 0; } /* to create drop shadows w/css: add both drop_shadow and curled_shadow to the same element
*/ .drop_shadow { position: relative; } .drop_shadow:before, .drop_shadow:after { content: ""; position: absolute; z-index: -2; } .curled_shadow:before, .curled_shadow:after { bottom: 35px; height: 20%; left: 5px; width: 50%; -webkit-box-shadow: 0 13px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 13px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 13px 7px rgba(0, 0, 0, 0.3); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .curled_shadow:after { left:auto; right: 5px; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } /* example: .triangle.bottom { bottom: -4px; left: 31px; border-top: 6px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; } .triangle.bottom.shadow { bottom: -5px; left: 31px; border-top: 6px solid #eee; border-right: 6px solid transparent; border-left: 6px solid transparent; } */ /* -ms-filter: IE8, filter: IE5-7 */ /* http://css-tricks.com/snippets/css/cross-browser-opacity/ */ .opacity-0 { -moz-opacity:0.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0.0; } .opacity-1 { -moz-opacity:0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter:alpha(opacity=10); opacity:0.1; } .opacity-2 { -moz-opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20); opacity:0.2; } .opacity-3 { -moz-opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; } .opacity-4 { -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity:0.4; } .opacity-5 { -moz-opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5; } .opacity-6 { -moz-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:0.6; } .opacity-7 { -moz-opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7; } .opacity-8 { -moz-opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8; } .opacity-9 { -moz-opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9; } .opacity-10 { -moz-opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.0; } /* create border-radius helpers */ /* xs0-4: 3px, s0-4: 5px, m0-4: 10px, l0-4: 15px */ .corner-xs0{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px} .corner-xs1{-webkit-border-top-left-radius:3px;-moz-border-top-left-radius:3px;-o-border-top-left-radius:3px;-ms-border-top-left-radius:3px;border-top-left-radius:3px} .corner-xs2{-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;-o-border-top-right-radius:3px;-ms-border-top-right-radius:3px;border-top-right-radius:3px} .corner-xs3{-webkit-border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;-o-border-bottom-right-radius:3px;-ms-border-bottom-right-radius:3px;border-bottom-right-radius:3px} .corner-xs4{-webkit-border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;-o-border-bottom-left-radius:3px;-ms-border-bottom-left-radius:3px;border-bottom-left-radius:3px} .corner-s0{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px} .corner-s1{-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-o-border-top-left-radius:5px;-ms-border-top-left-radius:5px;border-top-left-radius:5px} .corner-s2{-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;-o-border-top-right-radius:5px;-ms-border-top-right-radius:5px;border-top-right-radius:5px} .corner-s3{-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-o-border-bottom-right-radius:5px;-ms-border-bottom-right-radius:5px;border-bottom-right-radius:5px} .corner-s4{-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-o-border-bottom-left-radius:5px;-ms-border-bottom-left-radius:5px;border-bottom-left-radius:5px} .corner-m0{-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px} .corner-m1{-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-o-border-top-left-radius:10px;-ms-border-top-left-radius:10px;border-top-left-radius:10px} .corner-m2{-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;-o-border-top-right-radius:10px;-ms-border-top-right-radius:10px;border-top-right-radius:10px} .corner-m3{-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-o-border-bottom-right-radius:10px;-ms-border-bottom-right-radius:10px;border-bottom-right-radius:10px} .corner-m4{-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-o-border-bottom-left-radius:10px;-ms-border-bottom-left-radius:10px;border-bottom-left-radius:10px} .corner-l0{-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-ms-border-radius:15px;border-radius:15px} .corner-l1{-webkit-border-top-left-radius:15px;-moz-border-top-left-radius:15px;-o-border-top-left-radius:15px;-ms-border-top-left-radius:15px;border-top-left-radius:15px} .corner-l2{-webkit-border-top-right-radius:15px;-moz-border-top-right-radius:15px;-o-border-top-right-radius:15px;-ms-border-top-right-radius:15px;border-top-right-radius:15px} .corner-l3{-webkit-border-bottom-right-radius:15px;-moz-border-bottom-right-radius:15px;-o-border-bottom-right-radius:15px;-ms-border-bottom-right-radius:15px;border-bottom-right-radius:15px} .corner-l4{-webkit-border-bottom-left-radius:15px;-moz-border-bottom-left-radius:15px;-o-border-bottom-left-radius:15px;-ms-border-bottom-left-radius:15px;border-bottom-left-radius:15px} .corner-xl0{-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px} .corner-xl1{-webkit-border-top-left-radius:20px;-moz-border-top-left-radius:20px;-o-border-top-left-radius:20px;-ms-border-top-left-radius:20px;border-top-left-radius:20px} .corner-xl2{-webkit-border-top-right-radius:20px;-moz-border-top-right-radius:20px;-o-border-top-right-radius:20px;-ms-border-top-right-radius:20px;border-top-right-radius:20px} .corner-xl3{-webkit-border-bottom-right-radius:20px;-moz-border-bottom-right-radius:20px;-o-border-bottom-right-radius:20px;-ms-border-bottom-right-radius:20px;border-bottom-right-radius:20px} .corner-xl4{-webkit-border-bottom-left-radius:20px;-moz-border-bottom-left-radius:20px;-o-border-bottom-left-radius:20px;-ms-border-bottom-left-radius:20px;border-bottom-left-radius:20px} .corner-xxl0{-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;-ms-border-radius:25px;border-radius:25px} .corner-xxl1{-webkit-border-top-left-radius:25px;-moz-border-top-left-radius:25px;-o-border-top-left-radius:25px;-ms-border-top-left-radius:25px;border-top-left-radius:25px} .corner-xxl2{-webkit-border-top-right-radius:25px;-moz-border-top-right-radius:25px;-o-border-top-right-radius:25px;-ms-border-top-right-radius:25px;border-top-right-radius:25px} .corner-xxl3{-webkit-border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;-o-border-bottom-right-radius:25px;-ms-border-bottom-right-radius:25px;border-bottom-right-radius:25px} .corner-xxl4{-webkit-border-bottom-left-radius:25px;-moz-border-bottom-left-radius:25px;-o-border-bottom-left-radius:25px;-ms-border-bottom-left-radius:25px;border-bottom-left-radius:25px} .inner-shadow-light-s0 { -webkit-box-shadow: inset 0 0 5px #aaa; -moz-box-shadow: inset 0 0 5px #aaa; box-shadow: inset 0 0 5px #aaa; } .inner-shadow-light-m0 { -webkit-box-shadow: inset 0 0 10px #aaa; -moz-box-shadow: inset 0 0 10px #aaa; box-shadow: inset 0 0 10px #aaa; } .inner-shadow-light-l0 { -webkit-box-shadow: inset 0 0 15px #aaa; -moz-box-shadow: inset 0 0 15px #aaa; box-shadow: inset 0 0 15px #aaa; } .inner-shadow-light-xl0 { -webkit-box-shadow: inset 0 0 20px #aaa; -moz-box-shadow: inset 0 0 20px #aaa; box-shadow: inset 0 0 20px #aaa; } .inner-shadow-med-s0 { -webkit-box-shadow: inset 0 0 5px #4d4d4d; -moz-box-shadow: inset 0 0 5px #4d4d4d; box-shadow: inset 0 0 5px #4d4d4d; } .inner-shadow-med-m0 { -webkit-box-shadow: inset 0 0 10px #4d4d4d; -moz-box-shadow: inset 0 0 10px #4d4d4d; box-shadow: inset 0 0 10px #4d4d4d; } .inner-shadow-med-l0 { -webkit-box-shadow: inset 0 0 15px #4d4d4d; -moz-box-shadow: inset 0 0 15px #4d4d4d; box-shadow: inset 0 0 15px #4d4d4d; } .inner-shadow-med-xl0 { -webkit-box-shadow: inset 0 0 20px #4d4d4d; -moz-box-shadow: inset 0 0 20px #4d4d4d; box-shadow: inset 0 0 20px #4d4d4d; } .inner-shadow-dark-s0 { -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; } .inner-shadow-dark-m0 { -webkit-box-shadow: inset 0 0 10px #000; -moz-box-shadow: inset 0 0 10px #000; box-shadow: inset 0 0 10px #000; } .inner-shadow-dark-l0 { -webkit-box-shadow: inset 0 0 15px #000; -moz-box-shadow: inset 0 0 15px #000; box-shadow: inset 0 0 15px #000; } .inner-shadow-dark-xl0 { -webkit-box-shadow: inset 0 0 20px #000; -moz-box-shadow: inset 0 0 20px #000; box-shadow: inset 0 0 20px #000; } .drop-shadow1-s0 { -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } .drop-shadow1-m0 { -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; } .drop-shadow1-l0 { -webkit-box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; } .drop-shadow1-xl0 { -webkit-box-shadow: 0 0 20px #ccc; -moz-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } .drop-shadow2-s0 { -webkit-box-shadow: 0 0 5px #444; -moz-box-shadow: 0 0 5px #444; box-shadow: 0 0 5px #444; } .drop-shadow2-m0 { -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; } .drop-shadow2-l0 { -webkit-box-shadow: 0 0 15px #444; -moz-box-shadow: 0 0 15px #444; box-shadow: 0 0 15px #444; } .drop-shadow2-xl0 { -webkit-box-shadow: 0 0 20px #444; -moz-box-shadow: 0 0 20px #444; box-shadow: 0 0 20px #444; } .drop-shadow3-s0 { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .drop-shadow3-m0 { -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .drop-shadow3-l0 { -webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } .drop-shadow3-xl0 { -webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; } /* filter rotation: 1=90deg, 2=180deg, 3=270deg*/ .rotate-45 {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.5);-ms-transform:rotate(45deg);transform: rotate(45deg);} .rotate-90 {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-ms-transform:rotate(90deg);transform: rotate(90deg);} .rotate-135 {-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);-ms-transform:rotate(135deg);transform: rotate(135deg);} .rotate-180 {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-ms-transform:rotate(180deg);transform: rotate(180deg);} .rotate-225 {-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2.5);-ms-transform:rotate(225deg);transform: rotate(225deg);} .rotate-270 {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-ms-transform:rotate(270deg);transform: rotate(270deg);} .rotate-315 {-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-o-transform:rotate(315deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5);-ms-transform:rotate(315deg);transform: rotate(315deg);} .debug{ border:3px dotted #f0f; } /* MASTER CSS FILE */ html, body { font-family: sans-serif; font-size: 12px; height: 100%; min-height: 800px; } #page_wrapper { display:block; width:100%; min-height: 100%; min-width:1100px; overflow:hidden; position: relative; background:#f9fafa url(/plus/web/images/global/background_gradient.png) repeat-x left 34px; zoom: 1; /* triggers hasLayout for IE */ } #page_wrapper.logged_in { } /* .logged_in */ #page_content_wrapper { background-image: #f9fafa url(/plus/web/images/global/background_gradient.png) repeat-x left 34px } #page_content_wrapper { padding: 0; min-height: 41px; /* overflow: hidden; */ position: relative; z-index: 5; } #page_content_wrapper:after { content: ''; clear: both; overflow: hidden; } #page_content { width: 1000px; margin: 0 auto; } .input_placeholder label { cursor: text; } div.page { display:block; width:1000px; margin:25px auto 100px auto; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } textarea { resize: none; } iframe.file_iframe { display:block; height:1px; width:10px; position:absolute; left:-1000px; top:-1000px; overflow:hidden; } #beta { background: url(/plus/web/images/global/beta.png); height: 75px; position: absolute; right: 0; top: 112px; width: 75px; z-index: 5; display:none; } /* header font is trade gothic not-condensed bold */ @font-face { font-family: 'HeaderFont'; src: url('/plus/web/fonts/HeaderFont/header-font-webfont.woff') format('woff'), url('/plus/web/fonts/HeaderFont/header-font-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* standard font is trade gothic condensed not bolded */ @font-face { font-family: 'StandardFont'; src: url('/plus/web/fonts/StandardFont/standardfont-webfont.woff') format('woff'), url('/plus/web/fonts/StandardFont/standardfont-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* alt_header_font is trade gothic condensed bold */ @font-face { font-family: 'AlternateBoldFont'; src: url('/plus/web/fonts/AlternateBoldFont/alternateboldfont-webfont.woff') format('woff'), url('/plus/web/fonts/AlternateBoldFont/alternateboldfont-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arrows'; src: url('/plus/web/fonts/Arrows/arrows-webfont.woff') format('woff'), url('/plus/web/fonts/Arrows/arrows-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Icons'; src: url('/plus/web/fonts/Icons/icons2-webfont.woff') format('woff'), url('/plus/web/fonts/Icons/icons2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura'; src: url('/plus/web/fonts/Futura/futuraw01-extraboldcond-webfont.woff') format('woff'), url('/plus/web/fonts/Futura/futuraw01-extraboldcond-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'MHei HK Bold'; src: url('/plus/web/fonts/AsianFonts/MHei HK Bold.woff') format('woff'), url('/plus/web/fonts/AsianFonts/MHei HK Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'MHei PRC Bold'; src: url('/plus/web/fonts/AsianFonts/MHei PRC Bold.woff') format('woff'), url('/plus/web/fonts/AsianFonts/MHei PRC Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'FBHanGothicDB'; src: url('/plus/web/fonts/AsianFonts/FBHanGothicDB.woff') format('woff'), url('/plus/web/fonts/AsianFonts/FBHanGothicDB.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'CyrillicTradeGothic'; src: url('/plus/web/fonts/RussianFonts/trade_gothic_russian.woff') format('woff'), url('/plus/web/fonts/RussianFonts/trade_gothic_russian.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'PolishTradeGothic'; src: url('/plus/web/fonts/PolishFonts/trade_gothic_polish.woff') format('woff'), url('/plus/web/fonts/PolishFonts/trade_gothic_polish.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'OneNikeGlpyhs'; src: url('/plus/web/fonts/Glyphs/onenike-glyphs-webfont.woff') format('woff'), url('/plus/web/fonts/Glyphs/onenike-glyphs-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } body .header_font { font-family: 'HeaderFont', Arial, Verdana, sans-serif; } /* standard font is trade gothic not bolded */ body .standard_font { font-family: 'StandardFont', Arial, Verdana, sans-serif; } body .alt_header_font { font-family: 'AlternateBoldFont', Arial, Verdana, sans-serif; } body.en .header_font { font-family: 'HeaderFont', Arial, Verdana, sans-serif; } /* standard font is trade gothic not bolded */ body.en .standard_font { font-family: 'StandardFont', Arial, Verdana, sans-serif; } body.en .alt_header_font { font-family: 'AlternateBoldFont', Arial, Verdana, sans-serif; } body .one_nike_glyphs { font-family: 'OneNikeGlpyhs'; } body.zh_TW .header_font { font-family:'HeaderFont', 'MHei HK Bold'; } body.zh_TW .alt_header_font { font-family:'AlternateBoldFont', 'MHei HK Bold'; } body.zh_TW .standard_font { font-family:'StandardFont', 'MHei HK Bold'; } body.zh_CN .header_font { font-family:'HeaderFont', 'MHei PRC Bold'; } body.zh_CN .alt_header_font { font-family:'AlternateBoldFont', 'MHei PRC Bold'; } body.zh_CN .standard_font { font-family:'StandardFont', 'MHei PRC Bold'; } body.ja_JP .header_font { font-family:"AlternateBoldFont", "Meiryo", "MS Pgothic", "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3", sans-serif; } body.ja_JP .alt_header_font { font-family:"AlternateBoldFont", "Meiryo", "MS Pgothic", "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3", sans-serif; } body.ja_JP .standard_font { font-family:"AlternateBoldFont", "Meiryo", "MS Pgothic", "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3", sans-serif; } body.ko_KR .header_font { font-family:'HeaderFont', 'FBHanGothicDB'; } body.ko_KR .alt_header_font { font-family:'AlternateBoldFont', 'FBHanGothicDB'; } body.ko_KR .standard_font { font-family:'StandardFont', 'FBHanGothicDB'; } body.ru_RU .header_font { font-family: 'CyrillicTradeGothic', 'HeaderFont' !important; } body.ru_RU .alt_header_font { font-family: 'CyrillicTradeGothic', 'AlternateBoldFont' !important; } body.ru_RU .standard_font { font-family: 'CyrillicTradeGothic', 'StandardFont' !important; } body.pl_PL .header_font { font-family: 'PolishTradeGothic', 'HeaderFont'; } body.pl_PL .alt_header_font { font-family: 'PolishTradeGothic', 'AlternateBoldFont'; } body.pl_PL .standard_font { font-family: 'PolishTradeGothic', 'StandardFont'; } body .icon_font { font-family: 'Icons'; } body .futura_font { font-family: "Futura"; } body .normal_font { font-family: sans-serif; } #modal_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter:alpha(opacity=80); display: none; z-index:11; } #modal_vcenter { position: fixed; top: 50%; left: 0; width: 100%; height: 1px; display: none; z-index:10000; } #modal_content { margin: 0 auto; width: 50%; } #modal_content .tour{ position:relative; top:-225px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1); background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1); background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1); background-image: -o-linear-gradient(top, #ffffff, #e1e1e1); background-image: linear-gradient(top, #ffffff, #e1e1e1); } #modal_content .tour_start{ width:616px; height:451px; background-image: url('/plus/web/images/activity_running/detail/tour_start_opt1.jpg'); } #modal_content .tour_start h3{padding-top:40px;} #modal_content .tour_start .green_btn{ float:none;margin:auto;position:relative;top:300px; -webkit-box-shadow: 0px 0px 4px 0px #aaa; -moz-box-shadow: 0px 0px 4px 0px #aaa; box-shadow: 0px 0px 4px 0px #aaa; } #modal_content .auto_broadcast{ padding:20px; width:586px; height:441px; } #modal_content .auto_broadcast img{margin-top:-65px;margin-left:-10px;} #modal_content .auto_broadcast h3{font-family:'AlternateBoldFont',Arial,Verdana,sans-serif;font-size:42px;line-height:40px;margin:10px 0;} #modal_content .auto_broadcast p{ width:495px; margin:auto; font-size:13px; line-height:18px; color:#555; font-family:helvetica,arial,sans-serif; } #modal_content .auto_broadcast .green_btn{margin-right:95px;} #modal_content .auto_broadcast .grey_btn{margin-left:95px;} #modal_content .auto_broadcast .green_btn, #modal_content .auto_broadcast .grey_btn{width:197px;font-size:13px;} .grey_btn{ font-family:'AlternateBoldFont',Arial,Verdana,sans-serif; cursor:pointer; display:block; height:30px; font-size:18px; color:#363636; line-height:32px; float:left; text-decoration:none; text-transform:uppercase; -webkit-box-shadow: 0px 0px 4px 0px #ccc; -moz-box-shadow: 0px 0px 4px 0px #ccc; box-shadow: 0px 0px 4px 0px #ccc; border:1px solid #ccc; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); background-image: -moz-linear-gradient(top, #ffffff, #dddddd); background-image: -ms-linear-gradient(top, #ffffff, #dddddd); background-image: -o-linear-gradient(top, #ffffff, #dddddd); background-image: linear-gradient(to bottom, #ffffff, #dddddd); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .green_btn{ font-family:'AlternateBoldFont',Arial,Verdana,sans-serif; cursor:pointer; display:block; width:111px; height:32px; font-size:18px; color:#363636; line-height:32px; float:right; margin-right:35px; text-decoration:none; text-transform:uppercase; -webkit-box-shadow: 0px 0px 4px 0px #ccc; -moz-box-shadow: 0px 0px 4px 0px #ccc; box-shadow: 0px 0px 4px 0px #ccc; background-color: #84ca1d; background-image: -webkit-gradient(linear, left top, left bottom, from(#84ca1d), to(#6ab103)); background-image: -webkit-linear-gradient(top, #84ca1d, #6ab103); background-image: -moz-linear-gradient(top, #84ca1d, #6ab103); background-image: -ms-linear-gradient(top, #84ca1d, #6ab103); background-image: -o-linear-gradient(top, #84ca1d, #6ab103); background-image: linear-gradient(to bottom, #84ca1d, #6ab103); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .call_to_action{ border-top:1px solid #ccc; width:96%;position:absolute;left:0px;padding:2%; position:absolute; bottom:0; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1); background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1); background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1); background-image: -o-linear-gradient(top, #ffffff, #e1e1e1); background-image: linear-gradient(top, #ffffff, #e1e1e1); -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius:0 0 5px 5px; } #tour_card { position: absolute; display: none; text-align: center; min-height: 100px; min-width: 331px; z-index: 10000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1); background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1); background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1); background-image: -o-linear-gradient(top, #ffffff, #e1e1e1); background-image: linear-gradient(top, #ffffff, #e1e1e1); /* transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; */ -webkit-box-shadow: 0px 0px 40px 10px #333; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 40px 10px #333; /* FF3.5 - 3.6 */ box-shadow: 0px 0px 40px 10px #333; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #modal_content .tour_start .close, #tour_card .close { background:url(/plus/web/images/activity_running/detail/runSprite.png) no-repeat -770px -244px; position:absolute; top:-5px; right:-12px; width:26px; height:26px; text-indent:-9000px; cursor:pointer; } #tour_card .tournav .notch { display:block; float:left; border:1px solid #cecece; background-color:#e1e1e1; cursor:pointer; width:5px; height:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; cursor:pointer; margin:12px 10px 0 0; } #tour_card .tournav .notch.active { background-color:#888888; } #tour_card .tournav { width:192px; margin:14px auto; overflow: hidden; } #tour_card .tournav .arrow { background:url(/plus/web/images/places/placesSprite.png) no-repeat 0 -1894px; display:block; float:left; margin-right:15px; width:29px; height:31px; cursor:pointer; } #tour_card .tournav .arrow.next { background-position: -111px -1894px; margin-right:0px; } #tour_card .arrow_down{ display:block;width:21px;height:26px;background:url('/plus/web/images/activity_running/detail/tour_arrow_bottom.png'); position:absolute; bottom:-26px; left:155px; } #tour_card .arrow_up{display:block;width:21px;height:26px;background:url('/plus/web/images/activity_running/detail/tour_arrow_up.png');position:absolute;top:-26px} #tour_card h3, #modal_content .tour_start h3{ font-family:'AlternateBoldFont',Arial,Verdana,sans-serif; font-size: 21px; line-height:21px; margin-bottom:5px; font-weight: normal; text-transform: uppercase; } #tour_card p, #modal_content .tour_start p{ color: #363636; font-size: 13px; text-align: center; text-transform:capitalize; } /* #tour_card .home_tour .img_container{display:block;margin:auto;} #tour_card .goals_tour p{font-size:20px;width:auto;} #tour_card .next_tour h3{font-size:40px;line-height:34px;} */ #tour_card .profile_tour {height:270px;} #tour_card .profile_tour .call_to_action{width:94%;padding:3%;} #tour_card .profile_tour .call_to_action p{float:left !important;margin-left:25px;font-size: 18px;line-height: 33px;font-family:'AlternateBoldFont',Arial,Verdana,sans-serif;text-transform:uppercase;} /* #tour_card .profile_tour h3{font-size:30px;} #tour_card .profile_tour p{font-size:16px;} #tour_card .community_tour h3{line-height:30px;line-height:25px;} #tour_card .community_tour span{font-size:22px;} #tour_card .community_tour p{font-size:20px;} */ #tour_card .img_container{margin-left:auto;margin-right:auto ;} #tour_card .profile_tour .img_container, #tour_card .activity_tour .img_container, #tour_card .places_tour .img_container{display:block;background:url('/plus/web/images/activity_running/detail/welcome_tour_sprite.png')} #tour_card .profile_tour .img_container{width:128px;height:128px;margin-top:-60px;background-position:0 0;} #tour_card .activity_tour .img_container{width:199px;height:116px;margin-top:-53px;background-position:-142px 0;} #tour_card .places_tour .img_container{width:282px;height:112px;margin-top:-45px;background-position:-350px 0;} /*black circle close btn */ #modal_content .btn_close { background:url('/plus/web/images/global/btn_close.png'); height:30px; width:30px; position:absolute; right:-14px; top:-12px; cursor:pointer; } /*gps not available modal found on running detail page */ #modal_content #gps_not_available { width:300px; height:300px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } #debug_window_cq5 { top:0px; right:0px; position:fixed; z-index:9999; background-color:#000; height:300px; width:350px; word-wrap:break-word; } .hide_cq5 { display:none !important; } #debug_window_cq5 a { color:#fff; font-size:16px; white-space:pre-line; } div#site_debug { z-index: 9999; display: block; height: auto; width: 135px; overflow:hidden; padding:0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); position:fixed; top:120px; left:-145px; font-size:9px; font-family:Arial, Verdana, sans-serif; color:#ddd; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-box-shadow: 0 0 10px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.5); box-shadow: 0 0 10px rgba(255,255,255,0.5); } div#site_debug strong { padding: 10px; border-bottom: 1px solid rgba(255,255,255,0.15); display: block; position: relative; } div#site_debug strong a { text-decoration:none; color:#aaa; margin:0; position: absolute; top: 5px; right: 5px; padding: 5px 10px; -moz-border-radius: 3px; border-radius: 3px; } div#site_debug strong a.hide { right: 35px; } div#site_debug div { border-bottom: 1px solid rgba(255,255,255,0.15); } div#site_debug a { color:#aaa; text-decoration:none; display: block; padding: 5px 10px; } div#site_debug a:hover { background: rgba(255,255,255,0.1); } div#site_debug a:hover { color:#fff; } #site_debug_hidden { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -moz-box-shadow: 0 0 10px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.5); box-shadow: 0 0 10px rgba(255,255,255,0.5); background: rgba(0, 0, 0, 0.3); padding: 10px; position: absolute; z-index: 100000; } #site_debug_hidden:hover { background: rgba(20, 20, 20, 0.5);} #site_debug_hidden a { color: #fff; text-decoration: none; } #site_debug_hidden a: { text-decoration: underline; } #site_debug div{overflow:hidden;} #site_debug span{float:left;margin:0 7px;} #site_debug input {float:left;width:36px;border:1px solid #333;background:#000;font-size:10px;color:#fff;} #site_debug .filter_log{padding:5px 0;} #site_debug #filter_log_check{width:13px;margin-left:10px;} span[data-cq5].cq5-hover { color:#f00; background-color: #fafafa; } a.cq5-key-option[data-cq5].cq5-hover { color:#f00; background-color: rgba(222,222,222,0.9); } .cq5-translation-modal { position: fixed; top: 140px; left: 50%; margin-left: -250px; background-color: #dddddd; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 900002; padding: 50px; width: 400px; height: 250px; } .cq5-auth-modal { position: fixed; top: 140px; left: 50%; margin-left: -150px; background-color: rgba(205,205,205,0.95); z-index: 900003; padding: 50px; width: 200px; } .cq5-sidebar-locale-title, .cq5-template-group { padding-bottom: 20px; } .cq5-key-option { display: block; font-size: 11px; margin-left: 4px; } .cq5-template-option { display: block; font-size: 13px; font-weight: bold; } .cq5-key-option:link, .cq5-template-option:link, .cq5-key-option:visited, .cq5-template-option:visited, .cq5-key-option:hover, .cq5-template-option:hover, .cq5-key-option:active, .cq5-template-option:active { color: inherit; text-decoration: none; } .cq5-key-option:hover, .cq5-template-option:hover { text-decoration: underline } .cq5-key-option.modified { color: red; font-style: italic; } .cq5-key-option.saved { color: green; font-weight: bold; } .cq5-key-option.modified.saved { color: #ff8d00; } /* Add to to make room for sidebar */ .cq5-sidebar-padded { padding-right: 240px; } .cq5-sidebar-container { position: fixed; top: 0; right: 0; z-index: 900000; width: 240px; height: 100%; background-color: #fff; border-left: 2px solid red; overflow: auto; } .cq5-sidebar { margin: 8px; } .modal-hide { visibility: hidden; display: none; } .cq5-translation-modal textarea, .cq5-translation-modal input, .cq5-auth-modal textarea, .cq5-auth-modal input { display: block; width: 100%; } .modal-header, .modal-static, .modal-input { margin-bottom: 10px; } .modal-header{ text-align: right; } #navigation { background-color: #d9d9db; position: relative; text-transform: uppercase; width: 100%; z-index: 10; } #navigation li { float: none; } #navigation .global_nav_item, #navigation .site_nav_item { float: left; position: relative; height: 100% } #navigation li.first:not(#global_support) { border-left: 0; } #navigation li a { display: block; text-decoration: none; } #global_nav { background:#111; } #site_nav { background: transparent; border-top: 1px solid #dedee1; background: url("/plus/web/images/navigation_v4/np_sitenav_bg.png") top left repeat-x; height:49px; border-bottom:1px solid #aaa; box-shadow: 0 1px 2px rgba(0,0,0,0.25); } #site_nav > div { position: relative; } #global_nav .global_links_wrap, #global_nav #search_box_wrapper, .global_nav_element { height: 100%; } #site_nav_solo_search_button { display: none; } #global_nav { height: 100%; line-height: 16px; height:30px; } .global_links_wrap.global_nav_element.float-r { margin-right:9px; } .global_links_wrap a { color: #fff; padding: 8px 0; letter-spacing: 1px; font-family: 'StandardFont', Helvetica, Arial, sans-serif; font-size: 12px; height: auto; line-height: 16px; margin: 0 0 0 23px; } .global_nav_item a { margin:0 1px 0 23px } .global_nav_item.icon a { margin:0 4px 0 3px } .global_links_wrap a:hover, .global_links_wrap .global_nav_item.current:active a span.link_text, .global_links_wrap .global_nav_item.current a span.link_text { color:rgb(13,241,9); } .global_links_wrap.float-r { padding-right:1px; } .ru_RU #global_store, .ru_RU #global_id, .ru_RU #global_cart { display: none; } #global_nav .global_links_wrap .global_nav_item.icon { margin:0; padding:0; } #global_nav .global_links_wrap .icon a .link_text { display: none; } #global_nav .global_links_wrap .icon a .icon-wrap { display: block; padding:0;} .global_links_wrap #global_com { width: 80px; } .glyph:before { font-family: 'OneNikeGlpyhs'; content: attr(data-glyph); speak: none; font-size:30px; text-transform: none; -webkit-font-smoothing: antialiased; -o-transform: scale(1); text-rendering: optimizeLegibility; text-indent: 100%; white-space: nowrap; overflow: hidden; } .glyph-text { display:none; } #global_notifications.current a.current { color: #0DF109; } .global_links_wrap .icon a .link_text { display: block; text-indent: -10000px; } #global_id { text-transform: none;} #global_account { border-right: 0; } #global_account .triangle { right: 10px; top: 45%; } #global_account .triangle.up { border-bottom: 3px solid #0DF109; border-right: 3px solid transparent; border-left: 3px solid transparent; } #global_account .triangle.down { border-top: 3px solid #4d4d4d; border-right: 3px solid transparent; border-left: 3px solid transparent; } #global_account.current a.current { color: #0DF109; } .global_links_wrap #global_account a:hover .triangle.down { border-top-color: #0DF109; } #account_dd { background-color: #fff; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); margin-top: 1px; /* helps with trigger mouseenter event on parent */ position: absolute; width: 100%; z-index: 100; } #account_dd li { border-bottom: 1px solid #d5d5d6; float: none; line-height: 33px; } #account_dd li.first { border-top: 1px solid #DEDEE1; } #account_dd li:hover { background-image: -moz-linear-gradient(bottom, #ebebed 0, #f0f0f1 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebed), color-stop(1, #f0f0f1)); /* webkit > 5.1 */ background-image: -webkit-linear-gradient(bottom, #ebebed 0, #f0f0f1 100%); background-image: -o-linear-gradient(bottom, #ebebed 0, #f0f0f1 100%); background-image: linear-gradient(bottom, #ebebed 0, #f0f0f1 100%); } #account_dd li.last, #account_dd li.last a { border-bottom: 0; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .ru_RU #search_box_wrapper { display: none; } #search_box_wrapper { display:block; overflow:hidden; } #search_box_wrapper .inner_wrapper { margin: 6px 10px 0 10px; } #search-input-wrap { background-color: #fff; line-height: normal; -webkit-box-shadow: inset 0 1px 1px #aaa; box-shadow: inset 0 1px 1px #aaa; position: relative; top:0px; } #search-input-wrap input { background-color: transparent; border: 0; color: #999; font-family: StandardFont!important; font-style: italic; padding: 13px 0 7px 30px!important; text-transform: uppercase; width: 80%; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; font-size:14px; line-height:13px; } #search-input-wrap input[type=submit] { background: transparent url("/plus/web/images/navigation_v4/sitenav_sprite.png") -249px -8px no-repeat; cursor: pointer; display: block; height: 15px; margin: 11px 8px 0 8px; padding: 0; position: absolute; left: 0; top: 0; text-indent: -10000px; width: 16px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #search-input-wrap input[type=submit]:hover { background-position: -249px -38px; } #search-input-wrap div.search-bar-x-button { background: transparent url("/plus/web/images/navigation_v4/sitenav_sprite.png") no-repeat; background-position: -533px -8px; float: right; height: 16px; width: 16px; position: absolute; top: 12px; right: 8px; cursor:pointer; display:none; } #nav_search_input { display:none; } #navigation .main_site_links { height: 49px; margin: 0 auto; } .profile_buttons_wrap { width:250px; } .site_nav_item { position: relative; z-index: 10; } .site_nav_item:hover { z-index: 11; color:#0DF109;} .site_nav_item:active { } .site_nav_item.current a span.link_text { color:#0DF109; } .site_nav_item a { width:100%; height:100%; } .site_nav_item a:hover span.link_text, .site_nav_item a:active span.link_text { color:#0DF109; } .main_site_links .current.site_nav_item a:hover, .main_site_links .current.site_nav_item a:active, .main_site_links .current a:hover, .main_site_links .current a:active { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; color:rgb(13,241,9); } .main_site_links .current { z-index: 11; color:rgb(13,241,9); } .site_nav_item:hover .divider {} #navigation .site_nav_button { height: 28px; } /* override specificity */ #login_buttons_wrap { margin-top: 20px; position: relative; z-index: 20; } #login_buttons_wrap li { float: left; } /* nav v4 override */ #login_buttons_wrap li.first { margin-right: 10px; margin-left: 0; } .site_nav_button { border-left: 0; border-right: 0; float: left; font-size: 11px; font-weight: bold; line-height: 26px; overflow: visible; margin-left: 10px; } #login_box_fade { background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0px, #F8F8FA 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #F8F8FA)); /* webkit > 5.1 */ background-image: -webkit-linear-gradient(center top , rgba(255, 255, 255, 0) 0px, #F8F8FA 100%); background-image: -o-linear-gradient(center top , rgba(255, 255, 255, 0) 0px, #F8F8FA 100%); background-image: linear-gradient(center top , rgba(255, 255, 255, 0) 0px, #F8F8FA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#F8F8FA',GradientType=0 ); /* IE 9 */ -webkit-box-shadow: 0 35px 6px #999; box-shadow: 0 35px 6px #999; display: none; height: 100%; position: absolute; right: -10px; width: 135px; } .nav_item_container { text-align:center; width:100%; height:100%; } .nav_item_container .avatar { float:left; } .nav_item_container .desc { text-align: left; vertical-align: middle; display:table-cell; color:#3c3c3c; font-size: 15px; line-height: 16px; height:50px; } .nav_item_container .desc .name { } .nav_item_container .desc .fuel { } .nav_item_centering_container { display: inline-block; vertical-align: middle; white-space: normal; } .nav_item_centering_container_alignment_helper { display: inline-block; vertical-align: middle; height:100%; } .site_nav_item .icon, .site_nav_button .icon { background-image: url("/plus/web/images/navigation_v4/sitenav_sprite.png"); background-repeat: no-repeat; display: inline-block; } #site_nav_plus .icon { background-position: -6px -4px; height: 22px; width: 46px; vertical-align:middle; } #site_nav_plus .link_text { height:100%; vertical-align: middle; } #site_nav_home .icon { background-position: -76px -2px; height: 22px; width: 27px; vertical-align: middle; position: relative; top: -1px; } #site_nav_nike_gear .icon { background-position: -118px -3px; height: 22px; width: 34px; padding-right:5px; vertical-align: middle; } #site_nav_places .icon { background-position: -172px -3px; height: 22px; width: 16px; vertical-align: middle; } #site_what_is_nikefuel .icon, #site_nav_activity .icon { background-position: -208px -6px; height: 22px; width: 24px; vertical-align: middle; } #site_nav_home.current .icon, #site_nav_home a:hover .icon { background-position: -76px -32px; } #site_nav_nike_gear.current .icon, #site_nav_nike_gear a:hover .icon { background-position: -118px -33px; } #site_nav_places.current .icon, #site_nav_places a:hover .icon { background-position: -172px -33px; } #site_what_is_nikefuel.current .icon, #site_what_is_nikefuel a:hover .icon, #site_nav_activity.current .icon, #site_nav_activity a:hover .icon { background-position: -208px -36px; } .site_nav_item a, .login_nav_item a { height:49px; } .site_nav_item .link_text, .login_nav_item .link_text { letter-spacing: 0px; color: #333; font-size: 14px; padding: 0; vertical-align: middle; } body.fr_FR .site_nav_item .link_text, body.fr_FR .login_nav_item .link_text, body.es_LA .site_nav_item .link_text, body.es_LA .login_nav_item .link_text { max-width:60%; } .site_nav_item .link_text { display:inline-block; } .site_nav_item #button_sign_in .link_text { color: #fff; padding-left: 0; } .site_nav_item a { color: #363636; margin: 0; padding: auto; text-shadow: none; } #site_nav .divider { position: absolute; top: 0%; height: 100%; width: 1px; } #site_nav .divider.left { background-color: #fff; left: 0; } #site_nav .divider.right { background-color: #bbb; right: 0; } #site_nav .site_nav_item.last .divider.right { background-color: transparent; border-right: 1px solid #fff; border-left: 1px solid #bbb; width: 0; } #button_join, #button_sign_in, .button_profile_dropdown { height:100%; } .button_profile_dropdown { float:left; width: 100%; cursor:pointer; } .button_profile_dropdown.current.active { background:url('/plus/web/images/login_v2/noise.jpg'); } .button_profile_dropdown .avatar img { max-width: 40px; max-height:40px; margin:4px 8px; } .profile_dropdown_box { width:100%; background:url('/plus/web/images/login_v2/noise.jpg'); z-index:0; overflow:hidden; border-right:1px solid #aaa; border-left:1px solid #aaa; border-bottom:1px solid #aaa; position: absolute; width: 249px; right: -1px; top: 49px; } .profile_dropdown_box.expanded { height:250px; display:block; } .profile_dropdown_box.expanded.no_commerce { height:185px; display:block; } .profile_dropdown_box ul { padding:16px 0; } .profile_dropdown_box li { padding:5px 0; margin:0; height:22px; } .profile_dropdown_box a { text-align:left; color:#333; height:100%; font-size:14px; line-height: 22px; padding:0 20px; } .login_nav_item .nav_item_container { } .profile_buttons_wrap .nav_item_container { padding: 0; display:inline-block; float:left; } .login_nav_item .link_text { font-size:14px; color:#333; } .login_nav_item a:hover span.link_text { font-size:14px; } .login_nav_item { text-align:center; height:100%; } .login_caret { background: url("/plus/web/images/navigation_v4/sitenav_sprite.png") -316px -9px no-repeat; width:20px; height:20px; right:15px; top:15px; position:absolute; display:block; } .login_nav_item a:hover span.login_caret { background-position-x:-316px; background-position-y:-39px; } @media (max-width:768px){ #navigation .site_nav_item { width:130px; margin:0 auto; } #site_nav_plus.site_nav_item { width:80px; } #site_what_is_nikefuel.site_nav_item { width:150px; } #site_nav_button_join.login_nav_item { width:90px; display: block; } #site_nav_button_sign_in.login_nav_item { width:120px; } .button_profile_dropdown { width:100px; } #search_box_wrapper { display: none; } #navigation #site_nav_solo_search_button { display: block; overflow:hidden; height:100%; min-width:50px; } #site_nav { background: transparent; border-top: 1px solid #dedee1; overflow: hidden; background: url("/plus/web/images/navigation_v4/np_sitenav_bg.png") top left repeat-x; height: 49px; width:768px!important; } } @media (max-width:792px){ #navigation #site_nav_solo_search_button { display: block; overflow:hidden; height:100%; min-width:52px; } #navigation #site_nav_solo_search_button a { width:100%; height:100%; } #navigation #site_nav_solo_search_button .icon { background: url(/plus/web/images/navigation_v4/sitenav_sprite.png) no-repeat; background-position: -246px -4px; height: 22px; width: 20px; margin:0 auto; display:block; } #navigation #site_nav_solo_search_button a:hover .icon { background-position: -246px -34px; } } @media (max-width:870px){ #search_box_wrapper { display: none; } #navigation #site_nav_solo_search_button { display: block; overflow:hidden; height:100%; min-width:50px; } #navigation #site_nav_solo_search_button a { width:100%; height:100%; } #navigation #site_nav_solo_search_button .icon { background: url(/plus/web/images/navigation_v4/sitenav_sprite.png) no-repeat; background-position: -246px -4px; height: 22px; width: 20px; margin:0 auto; display:block; } #navigation #site_nav_solo_search_button a:hover .icon { background-position: -246px -34px; } body.ru_RU #navigation #site_nav_solo_search_button a .icon { display:none!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item a:hover .nav_item_container .icon { background-position: -284px -36px; display:block!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item .nav_item_container .link_text { display:none; } body.ru_RU #site_nav_button_sign_in.login_nav_item .nav_item_container .login_caret { background: url("/plus/web/images/navigation_v4/sitenav_sprite.png") -316px -9px no-repeat; width:20px; height:20px; right:20px; top:15px; position:absolute; display:block!important; } } @media (max-width: 1006px){ #navigation .site_nav_item { width:130px; margin:0 auto; } #site_nav_plus.site_nav_item { width:80px; } #site_what_is_nikefuel.site_nav_item { width:150px; } #site_nav_button_join.login_nav_item { display: none; } #site_nav_button_sign_in.login_nav_item { width:70px; } #site_nav_button_sign_in.login_nav_item .nav_item_container .icon { background: url("/plus/web/images/navigation_v4/sitenav_sprite.png") -284px -6px no-repeat; display: block; width: 34px; height: 20px; } #site_nav_button_sign_in.login_nav_item .nav_item_container .link_text { display:none; } #site_nav_button_sign_in.login_nav_item .nav_item_container .login_caret { background: url("/plus/web/images/navigation_v4/sitenav_sprite.png") -316px -9px no-repeat; width:20px; height:20px; right:20px; top:15px; position:absolute; display:block; } /* ru_RU */ body.ru_RU #site_nav_button_join.login_nav_item { display:block; } body.ru_RU #navigation .site_nav_item { width:150px; margin:0 auto; } body.ru_RU #site_nav_plus.site_nav_item { width:150px; } body.ru_RU #site_what_is_nikefuel.site_nav_item { width:150px; } body.ru_RU #site_nav_button_sign_in.login_nav_item { width:70px; } body.ru_RU #site_nav_button_join.login_nav_item { width:120px; } body.ru_RU #site_nav_button_sign_in.login_nav_item a .nav_item_container .icon { display:none!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item a:hover .nav_item_container .icon { display:none!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item .nav_item_container .link_text { display:block; } body.ru_RU #site_nav_button_sign_in.login_nav_item .nav_item_container .login_caret { display:none!important; } } @media (min-width: 1007px){ #navigation .site_nav_item { width:140px; margin:0 auto; } #site_nav_plus.site_nav_item { width:82px; } #site_what_is_nikefuel.site_nav_item { width:160px; } #site_nav_button_join.login_nav_item { width:90px; } #site_nav_button_sign_in.login_nav_item { width:95px; } body.fr_FR #site_nav_button_sign_in.login_nav_item { width:110px; } /* ru_RU */ body.ru_RU #navigation .site_nav_item { width:150px; margin:0 auto; } body.ru_RU #site_nav_plus.site_nav_item { width:150px; } body.ru_RU #site_what_is_nikefuel.site_nav_item { width:150px; } body.ru_RU #site_nav_button_sign_in.login_nav_item { width:70px; } body.ru_RU #site_nav_button_join.login_nav_item { width:120px; } } @media (min-width: 1200px) { body.pl_PL #navigation #site_what_is_nikefuel.site_nav_item { width: 200px; } body.ru_RU #navigation #site_what_is_nikefuel.site_nav_item { width: 200px; } } @media (max-width:1080px){ .profile_buttons_wrap { width:100px; } #site_nav_button_profile_dropdown { width:100px; } .button_profile_dropdown .nav_item_container .desc { display:none; } body.ru_RU #site_nav_button_sign_in.login_nav_item { width:70px; } body.ru_RU #site_nav_button_join.login_nav_item { width:120px; } } @media (max-width: 1200px){ body.ru_RU #navigation #site_nav_plus.site_nav_item .link_text { width:0; } body.ru_RU #navigation #site_nav_plus.site_nav_item { width: 80px; } body.pl_PL #navigation .site_nav_item .link_text, body.ru_RU #navigation .site_nav_item .link_text { width:60%; } } @media (min-width: 1300px) { #navigation .site_nav_item { width:180px; margin:0 auto; } #site_nav_plus.site_nav_item { width:118px; } #site_what_is_nikefuel.site_nav_item { width:200px; } #site_nav_button_join.login_nav_item { width:95px; } #site_nav_button_sign_in.login_nav_item { width:95px; } body.ru_RU #navigation .site_nav_item { width:180px; margin:0 auto; } body.ru_RU #site_nav_plus.site_nav_item { width:180px; } body.ru_RU #site_what_is_nikefuel.site_nav_item { width:180px; } body.ru_RU #site_nav_button_sign_in.login_nav_item { width:70px; } body.ru_RU #site_nav_button_join.login_nav_item { width:120px; } } @media (min-width: 1420px){ body.ru_RU #navigation .site_nav_item { width:180px; margin:0 auto; } body.ru_RU #site_nav_plus.site_nav_item { width:180px; } body.ru_RU #site_what_is_nikefuel.site_nav_item { width:180px; } } @media (min-width: 1620px) { #navigation .site_nav_item { width:230px; margin:0 auto; } #site_nav_button_join.login_nav_item { width:110px; } #site_nav_button_sign_in.login_nav_item { width:110px; } } @media (max-width:870px){ #search_box_wrapper { display: none; } #navigation #site_nav_solo_search_button { display: block; overflow:hidden; height:100%; min-width:52px; } #navigation #site_nav_solo_search_button a { width:100%; height:100%; } #navigation #site_nav_solo_search_button a .nav_item_container { width:100%; height:50px; } #navigation #site_nav_solo_search_button .icon { background: url(/plus/web/images/navigation_v4/sitenav_sprite.png) no-repeat; background-position: -246px -4px; height: 22px; width: 20px; margin:0 auto; display:inline-block; } #navigation #site_nav_solo_search_button a:hover .icon { background-position: -246px -34px; } body.ru_RU #navigation #site_nav_button_join.login_nav_item { display:none; } body.ru_RU #navigation #site_nav_solo_search_button a .icon { display:none!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item a:hover .nav_item_container .icon { background-position: -284px -36px; display:block!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item a .nav_item_container .icon { background-position: -284px -6px; display:block!important; } body.ru_RU #site_nav_button_sign_in.login_nav_item .nav_item_container .link_text { display:none; } body.ru_RU #site_nav_button_sign_in.login_nav_item .nav_item_container .login_caret { background: url("/plus/web/images/navigation_v4/sitenav_sprite.png") -316px -9px no-repeat; width:20px; height:20px; right:20px; top:15px; position:absolute; display:block!important; } } .search_bar_expanded .site_nav_item { display:none; } .search_bar_expanded .search-bar-x-button { display:block!important; } .search_bar_expanded .site_nav_item.icon { display:block; } #search_box_wrapper.search_bar_expanded { display:block; } #site_nav_solo_search_button.search_bar_expanded { display:none!important; } /* notifications */ #dropdown_notifications_container { position: absolute; overflow:visible; min-width: 30px; left:24px; top:4px; } #num_notifications { float: left; line-height: 10px; margin-left: 0; position:relative; background: url("/plus/web/images/navigation_v4/bubble.png") top left repeat-x; height:20px; padding:3px 0px 0 6px; color:#00610b; display:inline-block; text-align:center; min-width:10px; } .notifications_cap { float: left; line-height: 10px; position:relative; background: url("/plus/web/images/navigation_v4/bubble.png") top right repeat-x; width:2px; height:20px; color:#00610b; display:inline-block; } .current a #num_notifications, #num_notifications.unread, #num_notifications.unread_notifications { color: #00610b; } #notifications_wrapper { background: url("/plus/web/images/navigation_v4/notifications_caret.png") top left no-repeat; border:solid 4px #000; background-color: #fff; position: absolute; line-height: normal; margin-top: 14px; right: -28px; width: 440px; z-index: 20; -webkit-box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); } #notifications_caret { background: url("/plus/web/images/navigation_v4/notifications_caret.png") top left no-repeat; position: absolute; width: 24px; height: 10px; top: -14px; right: 20px; } #notifications_wrapper .header_container { border-bottom: 1px solid #ccc; text-align: center; background: #000; color:#fff; height:56px; } #notifications_wrapper .header_container h2 { color: #fff; font-size: 20px; background: #000; line-height: 52px; } .nav_notification { background-color: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; float: none; position: relative; z-index: 20; cursor: pointer;} .nav_notification.read { background-color: #eee; } .nav_notification:hover { background-color: #fff; -webkit-box-shadow: 0 0 10px #bbb; box-shadow: 0 0 10px #bbb; z-index: 21; } #navigation #notifications_wrapper li.nav_notification:hover .copy a { color: #FF4D0F; } .nav_notification.friend_request { cursor: default; } .nav_notification .inner { padding: 10px 0; } .notification_image_wrap { float: left; margin: 0 10px; } .nav_notification .copy { float: left; line-height: 18px; margin: 10px 0 0; text-align: left; text-transform: none; width: 60%; } .nav_notification .copy h3 { font-family: 'StandardFont'; font-size:16px; color: #444; text-transform:uppercase; line-height: 14px; margin-bottom: 0; text-align: left; } .nav_notification .copy p { font-family: Helvetica, Arial, Tahoma; font-size: 12px; color:#333; letter-spacing: 0px; } .nav_notification .copy p a { font-family: Helvetica, Arial, Tahoma; font-size: 12px; color:#333; letter-spacing: 0px; } .nav_notification .copy p a:hover { font-family: Helvetica, Arial, Tahoma; font-size: 12px; color:#333; letter-spacing: 0px; } .nav_notification .copy div { font-family: 'AlternateBoldFont'; color:#989898; } .notification_link_wrap { float: right; margin: 14px 10px 10px 0; display:none; } .nav_notification.friend_request .inner .notification_link_wrap { display:block; } .notification_link_wrap a { font-size: 10px; padding: 10px 20px; font-weight:normal; } .notification_link_wrap a.friend-request { font-family: 'AlternateBoldFont'; font-size:16px; font-weight:normal; letter-spacing:0px; float: left; margin-right: 10px; } .notification_link_wrap a.friend-reject-link { font-family: 'AlternateBoldFont'; font-size:16px; font-weight:normal; letter-spacing:0px; float: left; } #notifications_wrapper .nav_notification.friend_request .copy { margin-top: 5px; width: 35%; } #notifications_wrapper .nav_notification.friend_request .copy p { max-width: 120px; margin: 0; } #navigation #notifications_wrapper li.nav_notification.friend_request .copy a { display: inline; text-align: left; } #navigation #notifications_wrapper li.nav_notification .copy a.comment-notification, #navigation #notifications_wrapper li.nav_notification .copy a.friend-accept-notification { display: inline; text-align: left; } #navigation #notifications_wrapper li.nav_notification.friend_request .copy a:hover { color: #FF4D0F; } body.pl_PL .nav_notification .copy h3, body.pl_PL .notification_link_wrap a.friend-request, body.pl_PL .notification_link_wrap a.friend-reject-link { font-family:"PolishTradeGothic", "AlternateBoldFont"; font-weight: normal; } body.ru_RU .nav_notification .copy h3, body.ru_RU .notification_link_wrap a.friend-request, body.ru_RU .notification_link_wrap a.friend-reject-link { font-family:"CyrillicTradeGothic", "AlternateBoldFont"; font-weight: normal; } #notifications_wrapper .bottom { background: transparent; background-color: #d8d8d8; background-image: -moz-linear-gradient(bottom, #d8d8d8 0%, #e6e6e6 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebed), color-stop(1, #e6e6e6)); /* webkit > 5.1 */ background-image: -webkit-linear-gradient(bottom, #d8d8d8 0%, #e6e6e6 100%); background-image: -o-linear-gradient(bottom, #d8d8d8 0%, #e6e6e6 100%); background-image: linear-gradient(bottom, #d8d8d8 0%, #e6e6e6 100%); } #notifications_wrapper .bottom .no_items { padding: 15px; } #notifications_wrapper .bottom a { color:#333; font-family: 'AlternateBoldFont'; font-size:18px; text-align: center; padding:10px; } body.pl_PL #notifications_wrapper .bottom a { font-family: 'PolishTradeGothic', 'AlternateBoldFont'; } #notifications_wrapper .bottom a:hover { color:#333; } body.pl_PL #notifications_wrapper .bottom a { font-family:"PolishTradeGothic", "AlternateBoldFont"; font-weight: normal; } body.ru_RU #notifications_wrapper .bottom a { font-family:"CyrillicTradeGothic", "AlternateBoldFont"; font-weight: normal; } #cart_items_container { position:absolute; overflow:visible; min-width: 30px; left:26px; top:4px; } #num_cart_items { float: left; line-height: 10px; margin-left: 0; position:relative; background: url("/plus/web/images/navigation_v4/bubble.png") top left repeat-x; height:20px; padding:3px 0px 0 6px; color:#00610b; display:inline-block; text-align:center; min-width:10px; font-family: Helvetica, Arial, Tahoma; } .cart_items_cap { float: left; line-height: 10px; position:relative; background: url("/plus/web/images/navigation_v4/bubble.png") top right repeat-x; width:2px; height:20px; color:#00610b; display:inline-block; } /* locale specific fixes */ body.fr_FR #navigation.logged_out #login_buttons_wrap li.first, body.fr_CA #navigation.logged_out #login_buttons_wrap li.first { margin-right: 10px; } body.de_DE #navigation.logged_out #login_box_fade, body.ko_KR #navigation.logged_out #login_box_fade { right: -9px; } #navigation #share_nav_wrapper { overflow: hidden; /* hides login button drop shadow */ } #navigation #share_nav { color: #fff; height: 72px; margin: 0 auto; text-transform: none; width: 1000px; } #navigation #share_nav .content_width { height: 100%; position: relative; } #navigation #share_nav .nike_swoosh, #navigation #share_nav .user_share { float:left; } #navigation #share_nav .nike_swoosh { background-position: 5px 16px; display: none; height: 30px; margin: 5px 25px 0 10px; padding-top: 15px; text-indent: -9000px; width: 60px; } #navigation #share_nav .user_share { width:auto; margin-top:10px; } #navigation #share_nav .user_share .avatar { float:left; margin-right:15px; } #navigation #share_nav .user_share .share_info { float:left; margin-top:10px; } #navigation #share_nav .user_share .username { color: #333; font-size:19px; font-weight:bold; } #navigation #share_nav .user_share .share_text { color:#acabad; font-size:13px; } #navigation #share_nav .button_dashboard { display: block; float: right; height: 23px; margin-top: 20px; min-width: 176px; padding: 5px; } #navigation #share_nav .what_is_nike { float:right; line-height:71px; } #navigation #share_nav .what_is_nike a { color: #c4c4c5; font-size: 11px; font-weight: bold; text-decoration: none; } #navigation #share_nav .nav_section { float: right; } #navigation #share_nav .button_dashboard .avatar { float: left; margin-right: 10px; width: 22px; height:20px; } #navigation #share_nav .button_dashboard .avatar img { height:20px; width: 22px; } #navigation #share_nav .button_dashboard .link_back { color: #363636; display: inline-block; font-size: 11px; font-weight: bold; margin-top: 6px; text-transform: uppercase; } #page_wrapper { min-width: 0; } .icon_font.small_icon { font-family: 'Icons'; font-size: 12px; display: inline-block; position: relative; top: -2px; left: 4px; } .plus_symbol { display: inline-block; position: relative; top: -1px; } .nav_item_container .nav_item_centering_container .link_text .plus_symbol { display: inline-block; position: relative; top: -2px; } #site_nav_button_sign_in a.active { background: url('/plus/web/images/login_v2/noise.jpg'); } .popup_login_container { z-index:20000; } #footer_v2 { display:block; width:100%; background-color:#dddddd; } #footer_v2 .top { display:block; width:1000px; overflow:hidden; margin: 0 auto; padding:45px 0px; text-align:center; } /* Tablet */ @media (max-width: 1000px){ #footer_v2 .bottom .bottom_content { width:100% !important; margin:0 auto; } #footer_v2 .top { width: 100% !important; } #footer_v2 .top .left, #footer_v2 .top .right, #footer_v2 .top .center { float:none !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:20px; width:100% !important; max-width:800px !important; min-height:220px; } } /* Mobile */ @media (max-width: 480px) { #footer_v2 .bottom .bottom_content { width:100% !important; margin:0 auto; } #footer_v2 .top { width: 100% !important; } #footer_v2 .bottom .bottom_content a { display:block !important; text-align:center !important; } #footer_v2 .top .left, #footer_v2 .top .right, #footer_v2 .top .center { float:none !important; margin-left:0px !important; margin-right:0px !important; margin-bottom:20px; width:100%; max-width:480px !important; } #footer_v2 .bottom .right, #footer_v2 .bottom .left { float:none !important; } } #footer_v2 #faq_link, #footer_v2 #shop_link { color:#363636; background-color:#444444; font-size:14px; padding:0; text-align:center; display:inline-block; color:#fff; min-width:180px; line-height:40px; position:absolute; bottom:20px; margin-left:-90px; left:50%; } #footer_v2 #faq_link:hover, #footer_v2 #shop_link:hover { background-color:#555; } div#footer_v2 div.top div.bottom_link a span { position:relative; top:-1px; } div#footer_v2 div.top div.bottom_link a:hover { background:#d3d4d4; } #footer_v2 .header { color:#333333; margin-bottom:10px; font-size:20px; text-align:center; } #footer_v2 .meta .header { color:#9a9a9a; font-size:12px; margin-bottom:5px; } #footer_v2 .section.email .meta .header { margin-bottom:10px; } /* Left Column */ #footer_v2 .top .left { display:block; width:316px; overflow:hidden; float:left; } #footer_v2 .top .left, #footer_v2 .top .right, #footer_v2 .top .center { background-color:#fff; height:181px; padding-top:30px; width:300px; position:relative; border-right:1px solid #c6c6c6; } #footer_v2 .left .middle-container { margin:20px 0; } div#footer_v2 div.top div.left div.section.questions, div#footer_v2 div.top div.left div.section.email { margin-bottom:20px; } body.zh_TW div#footer_v2 div.top div.left div.section.questions, body.ko_KR div#footer_v2 div.top div.left div.section.questions, body.ja_JP div#footer_v2 div.top div.left div.section.questions, body.pt_BR div#footer_v2 div.top div.left div.section.questions, body.pl_PL div#footer_v2 div.top div.left div.section.questions, body.ru_RU div#footer_v2 div.top div.left div.section.questions { overflow:visible; /*display:none;*/ } .zh_CN div#footer_v2 div.top div.left div.section.email { display:none; } div#footer_v2 div.top div.left div.bottom_link { display:block; padding:5px 0 0 0; margin:10px 0 0 0; } div#footer_v2 div.top div.left div.icon { display:block; height:35px; width:35px; float:left; overflow:hidden; } div#footer_v2 div.top div.left div.questions div.icon { background-position:left -390px; } div#footer_v2 div.top div.left div.email div.icon { background-position:left -472px; } div#footer_v2 div.top div.left div.meta div.mid { color:#6a6a6a; margin:2px 0 0 0; } div#footer_v2 div.top div.left div.meta div.mid a.support_btn { text-transform:uppercase; font-size:10px; font-weight:bold; } body.ru_RU div#footer_v2 div.top div.left div.meta div.mid a.support_btn { text-transform: none; } #footer_v2 .section.email a { } #footer_v2 .section.email a.sprite { background:transparent url(/plus/web/images/sessions/session_item_sprite_nav.png) no-repeat; width:27px; height:27px; cursor:pointer; padding:0; margin:0; display:inline-block; margin-right:15px; } #footer_v2 .section.email a.sprite.facebook { background-position:-28px -27px; } #footer_v2 .section.email a.sprite.facebook:hover { background-position:-55px -27px; } #footer_v2 .section.email a.sprite.twitter { background-position:-27px -54px; } #footer_v2 .section.email a.sprite.twitter:hover { background-position:-54px -54px; } body.en_GB div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.en_CA div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.en_HK div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.en_EU div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.de_DE div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.fr_CA div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.fr_FR div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.es_ES div#footer_v2 div.top div.left div.meta div a.sprite.facebook, body.es_LA div#footer_v2 div.top div.left div.meta div a.sprite.facebook { display:none; } /* Center Column */ div#footer_v2 div.top div.center { float:left; margin:0 0 0 49px; } body.ko_KR div#footer_v2 div.top div.center, body.zh_TW div#footer_v2 div.top div.center, body.pt_BR div#footer_v2 div.top div.center, body.es_LA div#footer_v2 div.top div.center, body.en_HK div#footer_v2 div.top div.center, body.en_CA div#footer_v2 div.top div.center, body.fr_CA div#footer_v2 div.top div.center, body.ru_RU div#footer_v2 div.top div.center { display:none; } div#footer_v2 #geared_up_link_image { display:none; } #footer_v2 .map_container { line-height:19px; text-align:center; } div#footer_v2 div.top div.center div.map_container div.meta div.store_name a { color:#4b4b4b; padding:0 0 10px 0; display:inline-block; display:none; } #footer_v2 #find-the-products { color:#6a6a6a; line-height:16px; width:50%; margin:0px auto 20px; } div#footer_v2 div.top div.center div.find_more { margin:13px 0 0 12px; } div#footer_v2 div.top div.center div.find_more a { color:#4b4b4b; } div#footer_v2 div.top div.center div.bottom_link { display:block; /*border-top:1px solid #f7f7f7;*/ padding:5px 0 0 0; margin:10px 0 0 0; } /* Right Column */ div#footer_v2 div.top div.right { float:left; margin-left:48px; } div#footer_v2 div.top div.right div.faq { padding:5px 0 4px; } /* there is a set of backup faqs that are hidden unless RightNow is not available */ .en_US div#footer_v2 div.top div.right div.faq { display: block; } .en_US div#footer_v2 div.top div.right div#faq.faq { display: none; } div#footer_v2 div.top div.right div.faq a { color:#787979; text-decoration:none; background-position:right -569px; } div#footer_v2 div.top div.right div.faq .rn_Item { list-style-type: decimal; list-style-position: inside; font-size: 12px; } div#footer_v2 div.top div.right div.faq .rn_Item + .rn_Item { padding-top: 10px; } div#footer_v2 div.top div.right div.faq .rn_Item br { display: none; } div#footer_v2 div.top div.right div.faq a:hover { color:#555; } div#footer_v2 div.top div.right div.faq a #num { color:#afafaf; } /* Bottom Bar */ #footer_v2 div.bottom { display:block; width:100%; overflow:hidden; margin: 0 auto; letter-spacing:0.2px; background-color:#444; line-height:50px; } #footer_v2, #footer_v2 a { text-decoration:none; color:#9a9a9a; } #footer_v2 .bottom a:hover { color:#fff; } #footer_v2 a:hover { color:#000; } #footer_v2 #contact_link { display: inline-block; margin-top: 12px; font-weight:bold; } body.es_ES #footer_v2 div.bottom div.left, body.es_LA #footer_v2 div.bottom div.left, body.pt_BR #footer_v2 div.bottom div.left, body.pl_PL #footer_v2 div.bottom div.left { width:65%; } #footer_v2 div.bottom div.left { display:block; width:70%; min-height:50px; height:auto; overflow:hidden; float:left; } body.ko_KR div#footer_v2 div.bottom div.left a#store_link, body.zh_TW div#footer_v2 div.bottom div.left a#store_link, body.pt_BR div#footer_v2 div.bottom div.left a#store_link, body.es_LA div#footer_v2 div.bottom div.left a#store_link, body.en_HK div#footer_v2 div.bottom div.left a#store_link, body.en_CA div#footer_v2 div.bottom div.left a#store_link, body.fr_CA div#footer_v2 div.bottom div.left a#store_link { display:none; } body.es_ES #footer_v2 .bottom .right, body.es_LA #footer_v2 .bottom .right, body.pt_BR #footer_v2 .bottom .right, body.pl_PL #footer_v2 .bottom .right { width:35%; } #footer_v2 .bottom .right { display:block; width:30%; overflow:hidden; float:right; text-align:right; } #footer_v2 .bottom .bottom_content { width:1000px; margin:0 auto; } div#footer_v2 div.bottom a.sprite { padding:2px 7px 0 0; margin:0 10px 0 0; background-position:right bottom; text-transform:uppercase; white-space:nowrap; } body.es_ES div#footer_v2 div.bottom a.sprite{ margin:0 5px 0 0; } div#footer_v2 div.bottom a#privacy_link{ background-position:-16px bottom; } div#footer_v2 a#footer_region_link span.flag { padding:0 0 0 24px; background-repeat:no-repeat; background-position:0 center; } /*change position of flag for other locales*/ .en_US #footer_v2 span.flag {background:url("/plus/web/images/flags/us.gif");} .en_GB #footer_v2 span.flag {background:url("/plus/web/images/flags/GB.gif");} .en_AU #footer_v2 span.flag {background:url("/plus/web/images/flags/GB.gif");} .en_EMEA #footer_v2 span.flag {background:url("/plus/web/images/flags/emea.gif");} .en_CA #footer_v2 span.flag {background:url("/plus/web/images/flags/ca.gif");} /*body.en_HK #footer_v2 span.flag {background:url("/plus/web/images/flags/hk.gif");}*/ .en_HK #footer_v2 span.flag {background:none;} /*en_HK flag removed for now as per ONE-5713*/ .en_IN #footer_v2 span.flag {background:url("/plus/web/images/flags/in.gif");} .en_ID #footer_v2 span.flag {background:url("/plus/web/images/flags/id.gif");} .en_MY #footer_v2 span.flag {background:url("/plus/web/images/flags/my.gif");} .en_NZ #footer_v2 span.flag {background:url("/plus/web/images/flags/nz.gif");} .en_PH #footer_v2 span.flag {background:url("/plus/web/images/flags/ph.gif");} .en_SG #footer_v2 span.flag {background:url("/plus/web/images/flags/sg.gif");} .es_ES #footer_v2 span.flag {background:url("/plus/web/images/flags/es.gif");} .es_LA #footer_v2 span.flag {background:url("/plus/web/images/flags/la.gif");} .es_AR #footer_v2 span.flag {background:url("/plus/web/images/flags/ar.gif");} .es_MX #footer_v2 span.flag {background:url("/plus/web/images/flags/mx.gif");} .de_DE #footer_v2 span.flag {background:url("/plus/web/images/flags/de.gif");} .fr_FR #footer_v2 span.flag {background:url("/plus/web/images/flags/fr.gif");} .fr_CA #footer_v2 span.flag {background:url("/plus/web/images/flags/ca.gif");} .it_IT #footer_v2 span.flag {background:url("/plus/web/images/flags/it.gif");} .pl_PL #footer_v2 span.flag {background:url("/plus/web/images/flags/pl.gif");} .ru_RU #footer_v2 span.flag {background:url("/plus/web/images/flags/ru.gif");} .pt_BR #footer_v2 span.flag {background:url("/plus/web/images/flags/br.gif");} .zh_CN #footer_v2 span.flag {background:url("/plus/web/images/flags/cn.gif");} .zh_TW #footer_v2 span.flag {background:url("/plus/web/images/flags/tw.gif");} .ja_JP #footer_v2 span.flag {background:url("/plus/web/images/flags/jp.gif");} .ko_KR #footer_v2 span.flag {background:url("/plus/web/images/flags/kr.gif");} .th_TH #footer_v2 span.flag {background:url("/plus/web/images/flags/th.gif");} div#footer_v2 div.bottom a#footer_region_link span.icon_font { position:relative; top:-2px; } /* default button styles */ a.button, button.standard { display: inline-block; /*border-top: 1px solid #ADD072; border-right: 1px solid #8AB645; border-bottom: 1px solid #70962F; border-left: 1px solid #8EBA4B;*/ padding: 0 30px; line-height: 33px; color: #fff; text-decoration: none; font-size: 14px; font-weight:bold; /* border-radius */ -moz-border-radius: 5px; border-radius: 5px; /* + background gradient */ background-color: #92c043; background-position: top; background-repeat: repeat-x; background: #99e726; /* old browsers */ background: -moz-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99e726), color-stop(50%, #99e726), color-stop(50%, #98e625), color-stop(100%, #74c301)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e726', endColorstr='#74c301', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); /* opera */ /* - background gradient */ position: relative; } a.button.gray, button.gray { background: #6e6e6e; /* Old browsers */ background: -moz-linear-gradient(top, #6e6e6e 0%, #6e6e6e 30%, #6c6c6c 37%, #494949 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #6e6e6e 0%,#6e6e6e 30%,#6c6c6c 37%,#494949 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #6e6e6e 0%,#6e6e6e 30%,#6c6c6c 37%,#494949 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#494949',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #6e6e6e 0%,#6e6e6e 30%,#6c6c6c 37%,#494949 100%); /* W3C */ color:#e9e9e9; display:inline-block; line-height:25px; font-size:11px; font-weight: bold; text-decoration:none; padding:4px 19px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 13px 6px 0 0; } a.button.light_gray, button.light_gray { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* W3C */ box-shadow: 2px 2px 2px rgba(0,0,0,0.1); color: #4c4c4c; text-shadow: none; } /* scenarios for left, middle, and right buttons */ a.button.left, button.left { -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-right: none; } a.button.middle, button.middle { -moz-border-radius: 0; border-radius: 0; border-right: none; } a.button.right, button.right { -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } /* green buttons -- TODO: ask visual design for and implement hover and active states */ a.button_green, .button.button_green { color: #363636; display: inline-block; font-size: 18px; font-weight: bold; line-height: 33px; text-align: center; text-decoration: none; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); background: #99e726; /* old browsers */ background: -moz-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99e726), color-stop(50%, #99e726), color-stop(50%, #98e625), color-stop(100%, #74c301)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e726', endColorstr='#74c301', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); /* opera */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; text-transform: uppercase; padding: 5px 30px 0px; position: relative; } a.button_green:hover { background: #8bd420; /* old browsers */ background: -moz-linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bd420), color-stop(50%, #8bd420), color-stop(50%, #8ad31f), color-stop(100%, #6cb401)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd420', endColorstr='#6cb401', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); /* opera */ } a.button_green:active { } /* gray buttons -- TODO: ask visual design for and implement hover and active states */ a.button_gray { border-top: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D; border-bottom: 1px solid #717171; border-left: 1px solid #9D9D9D; color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 34px; text-align: center; text-decoration: none; text-shadow: -1px -1px 1px #6a6a6a; /* + background gradient */ background: #9D9D9D; /* old browsers */ background: -moz-linear-gradient(top, #9D9D9D 0%, #7F7F7F 50%, #7D7D7D 50%, #717171 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D9D9D), color-stop(50%, #7F7F7F), color-stop(50%, #7D7D7D), color-stop(100%, #717171)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D9D9D', endColorstr='#717171', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #9D9D9D 0%, #7F7F7F 50%, #7D7D7D 50%, #717171 100%); /* opera */ /* - background gradient */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } a.button_gray:hover { } a.button_gray:active { } /* black buttons -- TODO: ask visual design for and implement hover and active states */ a.button_black, .button.button_black { border-top: 1px solid #414141; border-right: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; border-left: 1px solid #3b3b3b; color: #fdfdfd; display: inline-block; font-size: 13px; font-weight: normal; line-height: 40px; text-align: center; text-decoration: none; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); background: #262727; /* old browsers */ background: -moz-linear-gradient(top, #262727 0%, #1f2020 50%, #1f2020 50%, #030404 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262727), color-stop(50%, #1f2020), color-stop(50%, #1f2020), color-stop(100%, #030404)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262727', endColorstr='#030404', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #262727 0%, #1f2020 50%, #1f2020 50%, #030404 100%); /* opera */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; text-transform: uppercase; padding: 5px 30px 0px; } a.button_green:hover { } a.button_green:active { } /* http://gradients.glrzad.com/ */ .btn_gradient { -webkit-box-shadow: 0 1px 5px #999999; -moz-box-shadow: 0 1px 5px #999999; box-shadow: 0 1px 5px #999999; font-weight: bold; font-size: 11px; padding: 3px 18px; text-align: center; text-decoration: none; text-transform: uppercase; } .btn_gradient.green { background-color: #99e726; background-image: -o-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); background-image: -moz-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); background-image: -ms-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #99e726), color-stop(0.5, #99e726), color-stop(1, #74c301)); background-image: -webkit-linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); background-image: linear-gradient(top, #99e726 0%, #99e726 50%, #98e625 50%, #74c301 100%); color: #111; } .btn_gradient.green:hover { background-color: #8bd420; background-image: -o-linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); background-image: -moz-linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); background-image: -ms-linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8bd420), color-stop(0.5, #8bd420), color-stop(1, #6cb401)); background-image: -webkit-linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); background-image: linear-gradient(top, #8bd420 0%, #8bd420 50%, #8ad31f 50%, #6cb401 100%); } .btn_gradient.green:active { background-color: #6db700; background-image: -o-linear-gradient(bottom, rgb(107,153,37) 0%, rgb(152,230,36) 5%, rgb(110,183,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(107,153,37) 0%, rgb(152,230,36) 5%, rgb(110,183,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(107,153,37) 0%, rgb(152,230,36) 5%, rgb(110,183,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(107,153,37)), color-stop(0.05, rgb(152,230,36)), color-stop(1, rgb(110,183,0))); background-image: -webkit-linear-gradient(bottom, rgb(107,153,37) 0%, rgb(152,230,36) 5%, rgb(110,183,0) 100%); background-image: linear-gradient(bottom, rgb(107,153,37) 0%, rgb(152,230,36) 5%, rgb(110,183,0) 100%); -webkit-box-shadow: 4px 4px 2px #599500 inset; -moz-box-shadow: 4px 4px 2px #599500 inset; box-shadow: 4px 4px 2px #599500 inset; } .btn_gradient.new_green { padding: 10px; background-color: #0df109; background-image: -o-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -moz-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -ms-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0df109), color-stop(0.5, #06ea04), color-stop(1, #00e300)); background-image: -webkit-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); color: #1c5400; -webkit-box-shadow: 0px 1px 0px rgba(80, 80, 80, 0.75); -moz-box-shadow: 0px 1px 0px rgba(80, 80, 80, 0.75); box-shadow: 0px 1px 0px rgba(80, 80, 80, 0.75); } .btn_gradient.new_green:hover { padding: 10px; background-color: #0df109; background-image: -o-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -moz-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -ms-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0df109), color-stop(0.5, #06ea04), color-stop(1, #00e300)); background-image: -webkit-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); color: #1c5400; -webkit-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); -moz-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); } .btn_gradient.new_green:active { padding: 10px; background-color: #0df109; background-image: -o-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -moz-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -ms-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0df109), color-stop(0.5, #06ea04), color-stop(1, #00e300)); background-image: -webkit-linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); background-image: linear-gradient(top, #0df109 0%, #06ea04 50%, #06ea04 50%, #00e300 100%); color: #1c5400; -webkit-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); -moz-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); } .btn_gradient.white { background: #fafafa; background-image: -o-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%); background-image: -moz-linear-gradient(top, #fff 30%, #dedede 100%); background-image: -ms-linear-gradient(top, #fff 30%, #dedede 100%); background-image: linear-gradient(top, #fff 30%, #dedede 100%); /* safari < 5.1 */ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.3, #ffffff), color-stop(1, #dedede) ); background-image: -webkit-linear-gradient(top, #fff 30%, #dedede 100%); -webkit-box-shadow: 0 1px 5px #999999; -moz-box-shadow: 0 1px 5px #999999; box-shadow: 0 1px 5px #999999; color: #333; text-decoration: none; font-weight: bold; } .btn_gradient.white:hover { background: #ddd; background: -moz-linear-gradient(top, #ededed 0%, #ededed 33%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(33%,#ededed), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); background: linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); color: #222; } .btn_gradient.white:active { -webkit-box-shadow: inset 3px 3px 4px #aaa, 0 1px 5px #999; -moz-box-shadow: inset 3px 3px 4px #aaa, 0 1px 5px #999; box-shadow: inset 3px 3px 4px #aaa, 0 1px 5px #999; } .btn_gradient.new_white { padding: 10px; background-color: #f7f7f7; background-image: -o-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -ms-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f7f7f7), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: linear-gradient(top, #f7f7f7 0%, #efefef 100%); -webkit-box-shadow: 0px 1px 0px rgba(80, 80, 80, 0.75); -moz-box-shadow: 0px 1px 0px rgba(80, 80, 80, 0.75); box-shadow: 0px 1px 0px rgba(80, 80, 80, 0.75); color: #333; } .btn_gradient.new_white:hover { padding: 10px; background-color: #f7f7f7; background-image: -o-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -ms-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f7f7f7), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: linear-gradient(top, #f7f7f7 0%, #efefef 100%); color: #222; -webkit-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); -moz-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); } .btn_gradient.new_white:active { padding: 10px; background-color: #f7f7f7; background-image: -o-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -ms-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f7f7f7), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background-image: linear-gradient(top, #f7f7f7 0%, #efefef 100%); color: #222; -webkit-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); -moz-box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); box-shadow: 0px 2px 3px rgba(80, 80, 80, 0.75); } .btn_gradient.grey { background-color: #6e6e6e; background-image: -o-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(110,110,110) 100%); background-image: -moz-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(110,110,110) 100%); background-image: -ms-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(110,110,110) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(73,73,73)), color-stop(1, rgb(110,110,110))); background-image: -webkit-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(110,110,110) 100%); background-image: linear-gradient(bottom, rgb(73,73,73) 0%, rgb(110,110,110) 100%); -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 1px 5px #555555; box-shadow: 0 1px 5px #555555; } .btn_gradient.grey:hover { background-color: #575757; background-image: -o-linear-gradient(bottom, rgb(50,50,50) 0%, rgb(87,87,87) 100%); background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 0%, rgb(87,87,87) 100%); background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 0%, rgb(87,87,87) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(50,50,50)), color-stop(1, rgb(87,87,87))); background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 0%, rgb(87,87,87) 100%); background-image: linear-gradient(bottom, rgb(50,50,50) 0%, rgb(87,87,87) 100%); } .btn_gradient.grey:active { background-color: #464646; background-image: -o-linear-gradient(bottom, rgb(109,109,109) 0%, rgb(70,70,70) 100%); background-image: -moz-linear-gradient(bottom, rgb(109,109,109) 0%, rgb(70,70,70) 100%); background-image: -ms-linear-gradient(bottom, rgb(109,109,109) 0%, rgb(70,70,70) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(109,109,109)), color-stop(1, rgb(70,70,70))); background-image: -webkit-linear-gradient(bottom, rgb(109,109,109) 0%, rgb(70,70,70) 100%); background-image: linear-gradient(bottom, rgb(109,109,109) 0%, rgb(70,70,70) 100%); -webkit-box-shadow: 3px 3px 3px #333 inset; -moz-box-shadow: 3px 3px 3px #333 inset; box-shadow: 3px 3px 3px #333 inset; } /* Certain modal button stylings differ from the standards above */ a.btn { padding:15px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } a.btn.darkgray { color:#fff; text-decoration:none; font-weight:bold; background: #6e6e6e; /* Old browsers */ background: -webkit-linear-gradient(top, #6e6e6e 0%, #393939 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #6e6e6e 0%, #393939 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #6e6e6e 0%, #393939 100%); /* IE10+ */ background: linear-gradient(top, #6e6e6e 0%,#6e6e6e 30%,#6c6c6c 37%,#494949 100%); /* W3C */ box-shadow: 1px 1px 5px #999999; } a.btn.darkgray:hover { color:#eee; background: #595959; background: -webkit-linear-gradient(top, #595959 0%, #292929 100%); background: -moz-linear-gradient(top, #595959 0%, #292929 100%); background: -ms-linear-gradient(top, #595959 0%, #292929 100%); background: linear-gradient(top, #595959 0%, #292929 100%); } .btn.darkgray:active { box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.8)} a.btn.lightgray { color:#393939; text-decoration:none; font-weight:bold; background: #e7e7e7; background: -webkit-linear-gradient(top, #ffffff 30%, #dedede 100%); background: -moz-linear-gradient(top, #ffffff 30%, #dedede 100%); background: -ms-linear-gradient(top, #ffffff 30%, #dedede 100%); background: linear-gradient(top, #ffffff 30%, #dedede 100%); box-shadow: 1px 1px 5px #999999; } a.btn.lightgray:hover { color:#222; background: #f5f5f5; background: -webkit-linear-gradient(top, #f9f9f9 0%, #d7d7d7 100%); background: -moz-linear-gradient(top, #f9f9f9 0%, #d7d7d7 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #d7d7d7 100%); background: linear-gradient(top, #f9f9f9 0%, #d7d7d7 100%); } a.btn.lightgray:active { box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.3), 0 0 3px #444444;} a.btn.green { color:#434f32; text-decoration:none; font-weight:bold; text-transform: uppercase; background: #78b420; background: -webkit-linear-gradient(top, #98e625 0%, #78b420 100%); background: -moz-linear-gradient(top, #98e625 0%, #78b420 100%); background: linear-gradient(top, #98e625 0%, #78b420 100%); box-shadow: 0 0 3px #222222; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98e625', endColorstr='#78b420',GradientType=0 ); /* IE 9 */ } a.btn.green:hover { color:#222222; background:#90da23; background: -webkit-linear-gradient(top, #90da23 0%, #6da41d 100%); background: -moz-linear-gradient(top, #90da23 0%, #6da41d 100%); background: linear-gradient(top, #90da23 0%, #6da41d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90da23', endColorstr='#6da41d',GradientType=0 ); /* IE 9 */ } a.btn.green:active {box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.2), 0 0 3px #222222;} a.orange-button { background: #ff7346; /* old browsers */ background: -moz-linear-gradient(top, #ff7346 0%, #f76b3e 50%, #f56a3d 50%, #da4f22 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7346), color-stop(50%, #f76b3e), color-stop(50%, #f56a3d), color-stop(100%, #da4f22)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7346', endColorstr='#da4f22', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ff7346 0%, #f76b3e 50%, #f56a3d 50%, #da4f22 100%); /* opera */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; text-transform: uppercase; height: 45px; line-height: 45px; font-weight: bold; font-size: 12px; color: #ffffff; padding: 0 25px; } a.green-button { background: #30dc79; /* old browsers */ background: -moz-linear-gradient(top, #3ae583 0%, #32de7c 50%, #30dc79 50%, #15c15e 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ae583), color-stop(50%, #32de7c), color-stop(50%, #30dc79), color-stop(100%, #15c15e)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ae583', endColorstr='#15c15e', GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #3ae583 0%, #32de7c 50%, #30dc79 50%, #15c15e 100%); /* opera */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; text-transform: uppercase; height: 45px; line-height: 45px; font-weight: bold; font-size: 12px; color: #ffffff; padding: 0 25px; } /*VC BUTTONS*/ .vc_button{ cursor:pointer; text-align:center; text-transform:uppercase; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal; text-decoration:none; -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); -ms-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); font-weight:normal !important; display:inline-block; padding:13px 30px 10px; font-size: 14px; } .vc_button.green{ background-color: #58f909; background-image: -webkit-gradient(linear, left top, left bottom, from(#58f909), to(#53ec09)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #58f909, #53ec09); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #58f909, #53ec09); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #58f909, #53ec09); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #58f909, #53ec09); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ color:#1c5400; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); } .vc_button.green:hover{ background:#0ED50B !important; } .vc_button.white { color: #333333; background:#f2f2f7; background: -moz-linear-gradient(top, #f2f2f7 0%, #ececf3 50%, #e5e5ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f7), color-stop(50%,#ececf3), color-stop(100%,#e5e5ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f7 0%, #ececf3 50%, #e5e5ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f7 0%, #ececf3 50%, #e5e5ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f7 0%, #ececf3 50%, #e5e5ef 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f7 0%, #ececf3 50%, #e5e5ef 100%); /* W3C */ border-left:1px solid #e2e3e3; border-top:1px solid #e2e3e3; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50); -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50); } .vc_button.white:hover { background:#e5e5e5; } .vc_button.black { background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #101010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#101010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#101010 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#101010 100%); /* W3C */ color:#fff; } .vc_button.gray { -webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3) inset; -ms-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3) inset; background:#ccc; color:#fff; } body.ru a.btn { font-family: 'CyrillicTradeGothic' !important; } .fb-comments { margin-top:20px; } .share_v2.wide { min-width: 200px; padding: 0 0 0 6px; } .share_v2 { position:relative; height:30px; /*width:155px;*/ } .share_v2.foreign { /*width:130px;*/ /*width: auto;*/ } .share_v2.foreign.wide { } .share_v2 .bg { opacity: 0.7; filter: alpha(opacity=70); width:100%; height:100%; /* -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position:absolute; top:0px; left:0px; z-index:100; } .share_v2 .share_content_wrapper { position:relative; z-index:1000; } .share_v2.dark .bg { background-color: #2d2d2d; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#1a1a1a)); background-image: -webkit-linear-gradient(top, #2d2d2d, #1a1a1a); background-image: -moz-linear-gradient(top, #2d2d2d, #1a1a1a); background-image: -ms-linear-gradient(top, #2d2d2d, #1a1a1a); background-image: -o-linear-gradient(top, #2d2d2d, #1a1a1a); background-image: linear-gradient(to bottom, #2d2d2d, #1a1a1a); } .share_v2.white .bg { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec)); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(to bottom, #ffffff, #ececec); border:1px solid #dadada; } .share_v2 .sub_section { position:absolute; width:180px; top:30px; right:0px; } .share_v2.foreign .sub_section { min-width: 180px; width:auto; } .share_v2.white .sub_section { position:absolute; top:31px; } .share_v2.expanded .sub_section { display:block; } .share_v2 .sub_section { display:none; } .share_v2.expanded .bg { /* -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; */ } .share_v2 .sub_section { font-size:11px; } .share_v2 .sub_section .bg { opacity: 1; } .share_v2.dark .sub_section { color:#909090; /*background-color: #1a1a1a;*/ /* -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; */ } .share_v2.white .sub_section { color:#9e9e9e; /* background-color: #ececec; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; */ } .share_v2.white .sub_section .bg { background-color: #ececec; } .share_v2 .sub_section .row { cursor: pointer; display: block; line-height: 30px; padding: 0 20px; position: relative; z-index: 101; } .share_v2 .sub_section .row::-moz-selection { background:transparent; } .share_v2.foreign .sub_section .row { white-space: nowrap !important; } .share_v2.dark .sub_section .row:hover { color:#fff; } .share_v2.white .sub_section .row:hover { color:#000; } .share_v2 .share_content { height:20px; display:block; float:left; padding:10px 7px 0px 31px; background: url(/plus/web/images/sharing/share_sprite.png) no-repeat 44px -2px; font-size:11px; font-weight:bold; cursor:pointer; line-height:normal !important; text-transform:none !important; } .share_v2 .share_copy { float:left; display:block; padding:10px 0px 0px 10px; font-size:11px; font-weight:bold; line-height:normal !important; text-transform:none !important; } .share_v2.vc .share_copy { display:none; } .pl_PL .share_v2 .share_copy, .ru_RU .share_v2 .share_copy { font-size: 9px; } .share_v2.white .share_copy { color:#9e9e9e; } .share_v2.dark .share_copy { color:#555; } .share_v2.dark .share_copy { color:#909090; } .share_v2 .share_content.disabled { cursor:auto; } .share_v2.dark .share_content.disabled { color:#7c7c7c; } .share_v2.dark .share_content { border-right:1px solid #3b3b3b; } .share_v2.white .share_content { border-right:1px solid #dadada; } .share_v2 .share_content.last { border: none; padding-left: 30px; padding-right: 10px; } .share_v2.dark .share_content { color:#909090; } .share_v2.dark .share_content.active:hover { color:#fff; } .share_v2.white .share_content { color:#9e9e9e; } .share_v2.white .share_content.active:hover { color:#555; } .share_v2 .share_content.gears { width:30px; /*height:15px;*/ padding-left: 0; padding-right: 0; } .share_v2.dark .share_content.gears { background-position: -1px -340px; } .share_v2.white .share_content.gears { background-position: -91px -340px; } .share_v2.white .share_content.gears:hover { background-position: -181px -340px; } .share_v2 .share_content.facebook { background-position: 3px -86px; } .share_v2 .share_content.qq { background-position: -97px -86px; } .share_v2 .share_content.qq.disabled { background-position: -214px -86px; } .share_v2 .share_content.sina { background-position: -97px -166px; } .share_v2 .share_content.sina.disabled { background-position: -214px -166px; } .share_v2 .share_content.facebook.disabled { background-position: -2px -221px; } .share_v2 .share_content.twitter.disabled { background-position: -2px -271px; } .share_v2.white .share_content.facebook.disabled { background-position: 4px -399px; cursor:pointer; } .share_v2.white .share_content.twitter.disabled { background-position: 0 -469px; cursor:pointer; } .share_v2 .share_content.twitter { background-position: 0 -166px; } .share_dropdown { width:150px; min-height:25px; overflow:visible; position:relative; z-index:101; cursor:pointer; text-align:left; font-size:12px; text-transform:none; } #share_modal_content { background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #share_modal_content .char_count { position:absolute; top:86px; right:55px; color:#999; font-weight:bold; } #share_modal_content.se .char_count { top:160px; right:39px; font-size:15px; } #share_modal_content .header { background:#000 url(/plus/web/images/sharing/swoosh.png) no-repeat 15px 26px; line-height:64px; padding:0px 56px; font-size:18px; color:#fff; text-transform:uppercase; position:relative; } #share_modal_content.se { background-color:#f0f0f1; height:100%; } #share_modal_content.se .header { background:#fff none; line-height:55px; height:55px; font-size:29px; text-align:center; color:#333; text-transform:uppercase; position:relative; } body.de #share_modal_content.se .header, body.es #share_modal_content.se .header, body.fr #share_modal_content.se .header{ font-size:24px; } #share_modal_content .successful { font-weight:bold; text-align:center; line-height:200px; font-size:24px; } #share_modal_content .toggles { float:left; margin:15px 0 0 15px; max-width: 230px; } #share_modal_content .toggles input { margin-left:10px; } #share_modal_content .toggles .label { float:left; margin-right:10px; } body.fr.running #share_modal_content .toggles .label { float: none; margin-bottom: 5px; display: block; } body.fr.running #share_modal_content .toggles div { margin-top: -14px; } #share_modal_content .body_content { padding:30px 43px; height:170px; } #share_modal_content.se .body_content { padding:15px 34px; height:120px; margin-top:15px; } #share_modal_content .body_content.twitter { height:100px; } #share_modal_content.se .body_content.twitter { padding:2px 34px; } #share_modal_content .post_preview { margin-top:10px; } #share_modal_content .post_preview .icon_for_post { float:left; margin-right:10px; width:98px; height:98px; } #share_modal_content .post_preview .text_to_post { float:left; width:300px; margin-top:5px; } #share_modal_content .post_preview .text_to_post input.title, #share_modal_content .post_preview .text_to_post textarea { display:none; width:373px; } #share_modal_content .post_preview .text_to_post.twitter textarea { display:block; height: 80px; } #share_modal_content.se .post_preview .text_to_post.twitter textarea { display:block; height: 80px; width:468px; } body.zh_CN #share_modal_content.se .post_preview .text_to_post.twitter textarea { display:block; height: 80px; width:368px; } #share_modal_content.se.facebook .post_preview .text_to_post a { color:#666; } #share_modal_content.facebook .post_preview .text_to_post a { color:#3B5998; font-weight:bold; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; cursor:pointer; } #share_modal_content.se .post_preview { color:#666; } #share_modal_content.facebook .post_preview .text_to_post p { display:block; margin-top:5px; cursor:pointer; } #share_modal_content .publish_buttons { border-top:1px solid #ccc; background-color:#f7f7f7; height:43px; } #share_modal_content.se .publish_buttons { width:100%; text-align:center; margin:29px auto; border-top:none; background-color:transparent; } #share_modal_content.se .publish_buttons .vc_button { margin-right:15px; font-size:16px; padding: 8px 30px 7px; } #share_modal_content .header .close_share { position:absolute; right:20px; top:0px; font-size:18px; cursor:pointer; } #share_modal_content .header .close_share:hover { opacity: 0.7; } #share_modal_content .publish_buttons .publish { cursor:pointer; margin:11px 11px 0 0; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada)); background-image: -webkit-linear-gradient(top, #ffffff, #dadada); background-image: -moz-linear-gradient(top, #ffffff, #dadada); background-image: -ms-linear-gradient(top, #ffffff, #dadada); background-image: -o-linear-gradient(top, #ffffff, #dadada); background-image: linear-gradient(to bottom, #ffffff, #dadada); line-height:21px; color:#565656; display:block; min-width:73px; border:1px solid #c8c8c8; text-align:center; float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #share_modal_content textarea { border:1px solid #ccc; width:460px; height:36px; padding:5px; color:#777; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #share_modal_content.se textarea { border:none; border-top:2px solid #b3b3b3; border-left:2px solid #b3b3b3; font-size:14px; } .delete-modal { margin: -90px auto 0; width: 310px; height: 125px; border: none; background-color:#fff; text-align:center; padding:35px 20px 15px; position:relative; background-color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-align:center; } .delete-modal .close { background:url(/plus/web/images/activity_running/detail/runSprite.png) no-repeat -770px -244px; position:absolute; top:-11px; right:-14px; width:26px; height:26px; text-indent:-9000px; } .delete-modal h2 { font-size:24px; color:#363636; margin:0 20px; } .pt_BR .delete-modal h2, .es_ES .delete-modal h2, .es_LA .delete-modal h2, .fr_CA .delete-modal h2, .fr_FR .delete-modal h2 { margin:0 5px; } .delete-modal .buttons { margin-top:20px; } .delete-modal .buttons a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:143px; float:left; background-color:#d7d7d7; display:block; line-height:38px; cursor:pointer; font-size:18px; padding-top:3px; text-transform:uppercase; text-decoration:none; color:#fff; } .delete-modal .buttons a:hover { background-color:#bfbfbf; } .delete-modal .buttons a.confirm-button { float:right; background-color: #88cf21; background-image: -webkit-gradient(linear, left top, left bottom, from(#88cf21), to(#68af01)); background-image: -webkit-linear-gradient(top, #88cf21, #68af01); background-image: -moz-linear-gradient(top, #88cf21, #68af01); background-image: -ms-linear-gradient(top, #88cf21, #68af01); background-image: -o-linear-gradient(top, #88cf21, #68af01); background-image: linear-gradient(top, #88cf21, #68af01); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#88cf21', EndColorStr='#68af01'); } .delete-modal .buttons a.confirm-button:hover { background-color: #97e526; background-image: -webkit-gradient(linear, left top, left bottom, from(#97e526), to(#73c001)); background-image: -webkit-linear-gradient(top, #97e526, #73c001); background-image: -moz-linear-gradient(top, #97e526, #73c001); background-image: -ms-linear-gradient(top, #97e526, #73c001); background-image: -o-linear-gradient(top, #97e526, #73c001); background-image: linear-gradient(top, #97e526, #73c001); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#97e526', EndColorStr='#73c001'); } #device { margin-bottom: 50px; } #device img{ display:block; } .shared_achievement #sidebar #device a img{ display:none; } .shared_achievement #sidebar #device a:first-child{ display:block; height:auto; width:181px; margin-bottom:20px; } #button_buy_now { /* background: #dbdbdb; background: -moz-linear-gradient(top, #dbdbdb 0%, #f1f1f1 3%, #ffffff 7%, #ffffff 30%, #fdfdfd 37%, #f1f1f1 57%, #dbdbdb 90%, #cbcbcb 96%, #c8c8c8 100%); background: -webkit-linear-gradient(top, #dbdbdb 0%,#f1f1f1 3%,#ffffff 7%,#ffffff 30%,#fdfdfd 37%,#f1f1f1 57%,#dbdbdb 90%,#cbcbcb 96%,#c8c8c8 100%); background: -ms-linear-gradient(top, #dbdbdb 0%,#f1f1f1 3%,#ffffff 7%,#ffffff 30%,#fdfdfd 37%,#f1f1f1 57%,#dbdbdb 90%,#cbcbcb 96%,#c8c8c8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ebebeb',GradientType=0 ); background: linear-gradient(top, #dbdbdb 0%,#f1f1f1 3%,#ffffff 7%,#ffffff 30%,#fdfdfd 37%,#f1f1f1 57%,#dbdbdb 90%,#cbcbcb 96%,#c8c8c8 100%); border: 1px solid #dbdbdb; */ margin-top: 10px; /* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */ color: #363636; display: inline-block; font-size: 10px; font-weight: bold; line-height: 30px; padding: 0 26px; text-decoration: none; text-shadow: none; text-transform: uppercase; } #button_buy_now:hover { /* background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #ededed 33%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(33%,#ededed), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 33%,#cccccc 100%); */ } #device_learn_more { color:#363636; font-weight:bold; font-size:11px; text-decoration:none; text-transform: uppercase; } .share_v2.vc { text-indent:-9000px; height:auto; width:auto; position:static; } .share_v2.vc .share_content { display:block; background:transparent url(/plus/web/images/sessions/session_item_sprite_nav.png) no-repeat 0 0; width:27px; height:27px; cursor:pointer; padding:0; margin:0; float:none; } .share_v2.vc .share_content:hover,{ background-position:-28px 0; } .share_v2.vc .share_content.facebook, .share_v2.vc .share_content.qq { margin-bottom: 20px; margin-right:5px; } .share_v2.vc .share_content.facebook { background-position:-28px -27px; } .share_v2.vc .share_content.gears { background-position:-54px -238px; } .share_v2.vc .share_content.gears:hover { background-position:-27px -238px; } .share_v2.vc .share_content.facebook:hover { background-position:-55px -27px; } .share_v2.vc .share_content.facebook.disabled, .share_v2.vc .share_content.facebook.disabled:hover { background-position:0 -27px; cursor:auto; } .share_v2.vc .share_content.twitter { background-position:-27px -54px; } .share_v2.vc .share_content.twitter:hover { background-position:-54px -54px; } .share_v2.vc .share_content.twitter.disabled { background-position:0 -54px; } .share_v2.vc .share_content.sina { background-position:-27px -173px; } .share_v2.vc .share_content.sina:hover { background-position:-54px -173px; } .share_v2.vc .share_content.sina.disabled { background-position:0 -173px; } .share_v2.vc .share_content.qq { background-position:-27px -211px; } .share_v2.vc .share_content.qq:hover { background-position:-54px -211px; } .share_v2.vc .share_content.qq.disabled { background-position:0 -211px; } #share_tooltip { position:absolute; z-index:100; top:-30px; left:22px; } #share_tooltip .content { background-color:#000; width:100px; line-height:13px; padding:5px 10px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; font-size:11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #share_tooltip .triangle { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; display:block; bottom:-5px; left:47%; } /* module header */ .module { overflow: hidden; } .module_header { border-bottom: 1px solid #C1C1C1; overflow: hidden; padding-bottom: 6px; } .module h3 { color: #585858; font-size: 15px; text-transform: uppercase; } div.mini_pdp_wrapper { display:block; height:331px; width:551px; overflow:hidden; padding:8px 0 0 0; background-position:3px -40px !important; } /*div.mini_pdp_wrapper, div.mini_pdp_wrapper .sprite { background: url('/plus/web/images/homepage_v2/fuelband_commerce_sprite.png') no-repeat top left; }*/ div.mini_pdp { display:block; width:582px; min-height:269px; overflow:hidden; margin-left:19px; background:#fff; } div.mini_pdp_wrapper div.top_bar { display:none; height:46px; width:524px; margin-left:19px; overflow:hidden; color:#fff; background: #272727; /* Old browsers */ background: -moz-linear-gradient(top, #272727 0%, #121212 50%, #020202 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(50%,#121212), color-stop(100%,#020202)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #272727 0%,#121212 50%,#020202 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #272727 0%,#121212 50%,#020202 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #272727 0%,#121212 50%,#020202 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#020202',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #272727 0%,#121212 50%,#020202 100%); /* W3C */ } div.mini_pdp_wrapper div.top_bar div.left { width:50%; display:block; float:left; text-indent:23px; font-size:18px; line-height:50px; } div.mini_pdp_wrapper div.top_bar div.right { width:50%; display:block; float:left; text-align:right; } div.mini_pdp_wrapper div.top_bar div.right a.close_mini_pdp { display:block; height:13px; width:12px; background-position:-4px -2px; margin: 15px 18px 0 0; float:right; } div.mini_pdp_module { display:block; width:532px; } div.mini_pdp_module div.loading { padding:90px 0 0 0; text-align:center; } div.mini_pdp_module ul.jcarousel li { border:2px solid #fff; } div.mini_pdp_module ul.jcarousel li.selected { } div.mini_pdp_module ul.jcarousel li.selected a { cursor:default; } /*div.mini_pdp_module div.pdp-style { display:none; }*/ /*div.mini_pdp_module div.pdp-color-description { display:none; }*/ div.mini_pdp_module div.color-chips { margin:8px 0 0 0; } div.mini_pdp_module div.size-quantity { margin:15px 0 0 0; } div.mini_pdp_module span.dropdown-label { color:#7d7d7d; font-size:10px; line-height:55px; padding:0 5px 0 15px; } div.mini_pdp_module a.add-to-cart, div.mini_pdp_module a.checkout { position:relative; color:#363636; font-size:10px; padding: 10px 16px 8px 16px; margin:19px 0 0 0; background: #99e726; /* Old browsers */ background: -moz-linear-gradient(top, #99e726 0%, #8fdd1c 50%, #74c201 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99e726), color-stop(50%,#8fdd1c), color-stop(100%,#74c201)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #99e726 0%,#8fdd1c 50%,#74c201 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #99e726 0%,#8fdd1c 50%,#74c201 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #99e726 0%,#8fdd1c 50%,#74c201 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e726', endColorstr='#74c201',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #99e726 0%,#8fdd1c 50%,#74c201 100%); /* W3C */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0px 1px 7px #aaa; } div.mini_pdp_wrapper div.size-fit { display:none; } div.mini_pdp_wrapper .nike-buying-tools .color-chips ul { position:relative; } div.mini_pdp_wrapper span.qtyDropdown label.dropdown-label { padding:0 0 0 10px; } div.mini_pdp_wrapper div.interstitial div.title { font-size:13px; color:#999; margin:90px 0 60px 0; text-align:center; } div.mini_pdp_wrapper div.interstitial div.buttons { text-align:right; } div.mini_pdp_module a.continue { position:relative; color:#363636; font-size:10px; padding: 10px 16px 8px 16px; margin:19px 14px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ box-shadow:0px 1px 7px #aaa; } /* old_browsers.css - For old browser checks. */ div#old_browser_check { display : block; height : 330px; width : 600px; overflow : hidden; background-image : url(/plus/web/images/global/old_browser_check_modal.png); background-repeat : no-repeat; background-position : left top; } div#old_browser_check div.top_bar { display : block; width : 100%; overflow : hidden; height : 72px; } div#old_browser_check div.top_bar div.title { display : block; text-align : center; width : 70%; font-size : 28px; color : #fff; float : left; margin : 10px 0 0 98px; line-height : 63px; } div#old_browser_check div.top_bar a.close { display : block; height : 25px; width : 25px; font-size : 18px; color : #fff; float : right; margin : 0 20px 0 0; } div#old_browser_check div.content { display : block; width : 92%; height : 300px; overflow : hidden; padding : 0px; margin : 0 0px 0 14px; } div#old_browser_check div.content > div { display : block; padding : 0px 20px 10px 20px; max-width : 550px; text-align : center; overflow : hidden; } div#old_browser_check div.content div.copy { font-family : "AlternateBoldFont", Arial, Verdana, sans-serif; font-size : 16px; color : #707070; margin : -16px 0 15px 0; z-index : 20; position : relative; } div#old_browser_check .browser_icon { background-image : url(/plus/web/images/global/browser_icons.png); background-repeat : no-repeat; width : 100px; height : 120px; margin-left : auto; margin-right : auto; position : relative; top: -6px; z-index : 0; } div#old_browser_check .browser_icon.ff {background-position: 0px -20px; } div#old_browser_check .browser_icon.sf {background-position: -95px -5px; } div#old_browser_check .browser_icon.ie {background-position: -200px -15px; } div#old_browser_check .buttons { text-align : center; margin-top : 40px; } div#old_browser_check .button.save { color : black; font-weight : bold; } /** * Default DropKick theme * * Feel free to edit the default theme * or even add your own. * * See the readme for themeing help * */ /***** Begin Theme, feel free to edit in here! ******/ #dk_container_country { margin-right: 7px; } #dk_container_country a.dk_toggle { min-width: 117px; } /* One container to bind them... */ .dk_container { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -o-linear-gradient(top, #fff, #f5f5f5); background-color: #f5f5f5; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 5px #e1e1e1; -moz-box-shadow: 0 0 5px #e1e1e1; -webkit-box-shadow: 0 0 5px #e1e1e1; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; white-space: nowrap; } /* Opens the dropdown and holds the menu label */ .dk_toggle { /** * Help: Arrow image not appearing * Try updating this property to your correct dk_arrows.png path */ background-image: url('/plus/web/images/settings/dk_arrow.png'); background-repeat: no-repeat; background-position: 90% center; border: 1px solid #ccc; color: #959595; padding: 12px 45px 12px 12px; text-shadow: #fff 1px 1px 0; border-radius: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; } .dk_toggle:hover { border-color: #8c8c8c; } /* Applied when the dropdown is focused */ .dk_focus .dk_toggle { border-color: #40b5e2; } .dk_focus .dk_toggle { box-shadow: 0 0 5px #40b5e2; -moz-box-shadow: 0 0 5px #40b5e2; -webkit-box-shadow: 0 0 5px #40b5e2; } /* Applied whenever the dropdown is open */ .dk_open { box-shadow: 0 0 5px #40b5e2; -moz-box-shadow: 0 0 5px #40b5e2; -webkit-box-shadow: 0 0 5px #40b5e2; /** * Help: Dropdown menu is covered by something * Try setting this value higher */ z-index: 10; } .dk_open .dk_toggle { background-color: #ececec; border-color: #8c8c8c; color: #ccc; box-shadow: inset 0 -2px 5px #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } /* The outer container of the options */ .dk_options { box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .dk_options a { background-color: #fff; border-bottom: 1px solid #999; font-weight: bold; padding: 8px 10px; } .dk_options li:last-child a { border-bottom: none; } .dk_options a:hover, .dk_option_current a { background-color: #0084c7; border-bottom-color: #004c72; color: #fff; text-decoration: none; text-shadow: rgba(0, 0, 0, .5) 0 1px 0; } /* Inner container for options, this is what makes the scrollbar possible. */ .dk_options_inner { border: 1px solid #8c8c8e; border-bottom-width: 2px; border-bottom-color: #999; color: #333; max-height: 250px; text-shadow: #fff 0 1px 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } /* Set a max-height on the options inner */ .dk_options_inner, .dk_touch .dk_options { max-height: 250px; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { display: none; float: left; position: relative; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } .dk_fouc select { position: relative; top: -99999em; visibility: hidden; } /***** End Critical to the continued enjoyment of working dropdowns ******/ #grey-bg-highlight { width:100%; height:100%; position:absolute; z-index:1000; top:0px; left:0px; } #grey-bg-highlight .grey_bg { position:absolute; opacity: 0.7; filter:alpha(opacity=70); background: #000; /* fallback */ } div#notifications_panel { background:#fff; border-radius:0 0 8px 8px; padding:18px 22px; position:relative; text-align:center; } div#notifications_panel, div#notifications_panel a { color:#666; } div#notifications_panel a { text-decoration:none; } div#notifications_panel h2, div#notifications_panel h3 { font-family: 'StandardFont', Arial, Verdana, sans-serif; } div#notifications_panel h2 { font-size:24px; } div#notifications_panel h3 { font-size:16px; margin:0 12px 10px; text-align:left; } div#notifications_panel h3 .count { font-family:Helevetica, Arial, Verdana, sans-serif; font-size:12px; } div#notifications_panel h2 .number, div#notifications_panel h3 .number { font-weight:bold; } div#notifications_panel h2 .number { color:#262626; } div#notifications_panel h3 .number { color:#161616; } div#notifications_panel .content { height:260px; position:relative; } div#notifications_panel .items { } div#notifications_panel .item { float:left; height:192px; margin:0 5px; padding-bottom:16px; width:176px; } div#notifications_panel .item:first-child { margin-left:12px; } div#notifications_panel .item div.mugshot { background:gray; height:94px; position:relative; } div#notifications_panel .item div.mugshot div.icon { background:url(/plus/web/images/notifications/sprite_icon_notif_green.png) no-repeat; bottom:-11px; height:21px; left:12px; position:absolute; width:21px; } div#notifications_panel .item div.mugshot div.icon.team_up { background-position: 0 0; } div#notifications_panel .item div.mugshot div.icon.profile { background-position: 0 -26px; } div#notifications_panel .item .info { height:78px; overflow:hidden; padding:12px 8px 8px; } div#notifications_panel .item.new .info { background:#e1ead2; } div#notifications_panel .item .heading { font-size:13px; font-weight:bold; } div#notifications_panel .item .name { } div#notifications_panel .item .activity { } div#notifications_panel .item.team_up .name, div#notifications_panel .item.team_up .activity { display:block; } div#notifications_panel .item.team_up .activity { font-size:12px; margin-top:1px; } div#notifications_panel .item .time { font-size:11px; margin-top:2px; } div#notifications_panel .item .action_buttons { margin-top:8px; } div#notifications_panel .item .action_buttons a { background:#fff; border:1px solid #d6d6d6; border-radius:5px; display:inline-block; line-height:25px; width:60px; } div#notifications_panel .item div.shadow { background:url(/plus/web/images/notifications/panel_sprite.png) center 0 no-repeat; height:16px; } div#notifications_panel .friend_requests, div#notifications_panel .notifications { display:inline-block; overflow:hidden; padding:18px 0 0; } div#notifications_panel .friend_requests { max-width:40%; } div#notifications_panel .notifications { max-width:60%; } div#notifications_panel a.view_all { bottom:-12px; color:#262626; font-size:12px; font-weight:bold; position:absolute; right:6px; } div#notifications_panel .arrow { font-family: 'Icons'; } div#notifications_panel div.collapse { clear:both; } div#notifications_panel .toggle .arrow { display:inline-block; font-size:24px; line-height:12px; } div#notifications_panel a.view_all .arrow { font-size:8px; margin-left:2px; vertical-align:middle; } div#notifications_panel a.close { background:url("/plus/web/images/notifications/panel_sprite.png") no-repeat scroll right -56px; display:block; height:11px; position:absolute; right:24px; top:24px; width:11px; } div#notifications_panel > div.shadow { background: url("/plus/web/images/settings/bottom_gradient.png") no-repeat center bottom; height:36px; } div.achievement_overlay { height: 100%; } div.achievement_overlay.day_of_week { position: relative; } div.achievement_overlay div.achievement_content { display: block; box-shadow: 30px 30px 12px rgba(0,0,0,0.4); position: relative; } div.achievement_overlay div.achievement_content.se, div.achievement_overlay div.achievement_content.se div.achievement_content{ box-shadow: none; } div.achievement_overlay video { position: absolute; top: -2px !important; } /* Best Day:*/ div.achievement_overlay div.achievement_content.best_day { background: url("/plus/web/images/activity_v2/best_day_achievement_modal_bg.jpg") no-repeat left top; } div.achievement_overlay div.achievement_content.best_day a.close { display: block; height: 26px; width: 28px; position: absolute; margin: 8px 0 0 821px; } div.achievement_overlay div.achievement_content.best_day div.top { display: block; width: 290px; padding: 40px 0 0 281px; text-align: center; } div.achievement_overlay div.achievement_content.best_day div.top div.title { color: #d1e8f1; font-size: 37px; text-shadow: 2px 2px 6px #222; } div.achievement_overlay div.achievement_content.best_day div.top div.day { color: #4d9abc; font-size: 13px; position: relative; top: -5px; text-shadow: 2px 2px 4px #222; } div.achievement_overlay div.achievement_content.best_day div.fuel { display: block; width: 157px; padding: 91px 0 0 348px; font-size: 57px; color: #d2e2ec; text-align: center; text-shadow: 2px 2px 6px #222; } div.achievement_overlay div.achievement_content.best_day div.fuel span { font-size: 12px; color: #5f93ba; position: relative; top: -31px; } div.achievement_overlay div.achievement_content.streak div.top { top: 55px; width: 605px; left: 63px; } div.achievement_overlay div.top div.number_wrapper div.number { background: url(/plus/web/images/activity_v2/number_sprite.png); width: 100px; display: inline-block; height: 135px; z-index: 2; } div.achievement_overlay div.achievement_content.time { background: url(/plus/web/images/activity_v2/time30.jpg) no-repeat top center; } div.achievement_content.time #achievement_item { background: none; } div.achievement_content.time .achievement_copy { display: none; } div.achievement_overlay.pr_time_timemilestone_30, div.achievement_content.pr_time_timemilestone_30 { background: url(/plus/web/images/activity_v2/time30.jpg) no-repeat top center; } div.achievement_overlay.pr_time_timemilestone_50, div.achievement_content.pr_time_timemilestone_50 { background: url(/plus/web/images/activity_v2/time50.jpg) no-repeat top center; } div.achievement_overlay.pr_time_timemilestone_100, div.achievement_content.pr_time_timemilestone_100 { background: url(/plus/web/images/activity_v2/time100.jpg) no-repeat top center; } div.achievement_overlay.pr_time_timemilestone_200, div.achievement_content.pr_time_timemilestone_200 { background: url(/plus/web/images/activity_v2/time200.jpg) no-repeat top center; } div.achievement_overlay.pr_time_timemilestone_500, div.achievement_content.pr_time_timemilestone_500 { background: url(/plus/web/images/activity_v2/time500.jpg) no-repeat top center; } div.achievement_overlay.pr_time_timemilestone .title, div.achievement_overlay.pr_time_timemilestone .subtext{ text-align:center; font-size:18px; text-transform:uppercase; opacity: 0.5; filter: alpha( opacity = 50 ); margin-left:25px; } div.achievement_overlay.pr_time_timemilestone .title{ padding-top:185px; letter-spacing:7px; } div.achievement_overlay.pr_time_timemilestone_500 .title, div.achievement_overlay .pr_time_timemilestone_500 .title{ color:#fff; } div.achievement_overlay.pr_time_timemilestone .subtext{ padding-top:160px; color:#fff; } /* Best Month:*/ div.achievement_overlay div.achievement_content.best_month { background: url("/plus/web/images/activity_v2/best_day_achievement_modal_bg.jpg") no-repeat left top; } div.achievement_overlay div.achievement_overlay div.achievement_content.best_month a.close { display: block; height: 26px; width: 29px; position: absolute; margin: 8px 0 0 821px; } div.achievement_overlay div.achievement_content.best_month div.top { display: block; width: 290px; padding: 40px 0 0 281px; text-align: center; } div.achievement_overlay div.achievement_content.best_month div.top div.title { color: black; font-size: 14px; font-weight: bold; opacity: 0.4; filter: alpha( opacity = 40 ); text-shadow: 2px 2px 6px black; } div.achievement_overlay div.achievement_content.best_month div.top div.day { color: black; font-size: 13px; font-weight: bold; opacity: 0.3; filter: alpha( opacity = 30 ); text-shadow: 2px 2px 6px black; } div.achievement_overlay div.achievement_content.best_month div.top div.icon { background: url(/plus/web/images/activity_v2/best_icons/best_month.png); width: 93px; height: 88px; margin: 0 auto; } div.achievement_overlay div.achievement_content.best_month div.fuel { color: white; font-size: 14px; font-weight: bold; opacity: 0.5; filter: alpha( opacity = 50 ); text-shadow: 2px 2px 6px black; display: block; width: 157px; padding: 91px 0 0 348px; font-size: 25px; text-align: center; } div.achievement_overlay div.achievement_content.best_month div.fuel span { font-size: 12px; color: #5f93ba; position: relative; top: -31px; } /* Best Week:*/ div.achievement_overlay div.achievement_content.new_record div.top { left: 252px; width: 223px; } div.achievement_overlay div.achievement_content.new_record div.top div.title { color: white; font-size: 14px; font-weight: bold; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); } div.achievement_overlay div.achievement_content.new_record div.top div.day { color: white; font-size: 13px; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); padding: 10px 0 5px; } div.achievement_overlay div.achievement_content.new_record div.top div.icon { margin: 0 auto; } div.achievement_overlay div.achievement_content.new_record div.top div.best_month_icon { background: url(/plus/web/images/activity_v2/best_icons/best_month.png); width: 93px; height: 88px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_week_icon { background: url(/plus/web/images/activity_v2/best_icons/best_week.png); width: 136px; height: 94px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_sunday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_sunday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_monday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_monday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_tuesday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_tuesday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_wednesday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_wednesday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_thursday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_thursday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_friday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_friday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_saturday_icon { background: url(/plus/web/images/activity_v2/best_icons/best_saturday.png); width: 135px; height: 93px; } div.achievement_overlay div.achievement_content.new_record div.top div.best_day_fuel { position: relative; top: -92px; opacity: 1; filter: none; text-shadow: 2px 2px 6px #444; } div.achievement_overlay div.achievement_content.new_record div.top div.best_day_icon { background: url(/plus/web/images/activity_v2/best_icons/best_day.png); width: 144px; height: 140px; } div.achievement_overlay div.achievement_content.new_record div.top div.longest_streak_icon { background: url(/plus/web/images/activity_v2/best_icons/longest_streak.png); width: 114px; height: 110px; margin-top: 15px; } div.achievement_overlay div.achievement_content.new_record div.fuel { color: white; font-size: 14px; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); display: block; padding: 10px 0 0; font-size: 25px; text-align: center; width: auto; } div.achievement_overlay div.achievement_content.new_record div.fuel span { color: #fff; font-size: 0.5em; left: 0.2em; position: relative; top: -0.6em; } div.achievement_overlay div.achievement_content.day_of_week .modal_share { position: absolute; right: 15px; bottom: 25px; } div.achievement_overlay div.achievement_content.day_of_week a.close { background: url(/plus/web/images/activity_v2/modal_close_button.png); display: block; height: 27px; width: 27px; position: absolute; right: -12px; top: -6px; } div.achievement_overlay div.achievement_content.day_of_week { height: auto; width: auto; background: white; } div.achievement_overlay div.achievement_content.day_of_week .this_week { margin: 0; width: auto; } div.achievement_overlay div.achievement_content.day_of_week .tabs_wrapper { color: #363636; width: 592px; margin: auto; height: 87px; position: relative; } div.achievement_overlay div.achievement_content.day_of_week .tabs_wrapper h2 { display: inline-block; font-size: 17px; width: 60px; vertical-align: top; margin: 25px 10px 0 24px; line-height: 18px; text-transform: uppercase; } div.achievement_overlay div.achievement_content.day_of_week .pages { font-size: 13px; height: 84px; display: inline-block; text-transform: uppercase; position: absolute; top: -9px; left: 10px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page { background: none; color: #707070; float: left; height: 96px; width: 63px; font-size: inherit; letter-spacing: normal; cursor: pointer; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.current { background: url("/plus/web/images/profile_v2/weekday_bests_selected.png") no-repeat scroll center 0 transparent; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.current .label { color: #363636; } div.achievement_overlay div.achievement_content.day_of_week .pages .tab_content { color: #999; height: 82px; margin-top: 9px; text-align: center; width: 100%; } div.achievement_overlay div.achievement_content.day_of_week .pages .page span { color: inherit; } div.achievement_overlay div.achievement_content.day_of_week .pages .page .flag { background: url("/plus/web/images/profile_v2/records_sprite.png") no-repeat -137px 0; display: block; height: 48px; width: 48px; margin: 24px auto auto 8px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.disabled { cursor: default; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.disabled .flag { background-position: -137 -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Mon .flag { background-position: -137px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Tue .flag { background-position: -183px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Wed .flag { background-position: -229px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Thu .flag { background-position: -275px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Fri .flag { background-position: -321px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Sat .flag { background-position: -367px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Sun .flag { background-position: -413px 0; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Mon.disabled .flag { background-position: -137px -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Tue.disabled .flag { background-position: -183px -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Wed.disabled .flag { background-position: -229px -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Thu.disabled .flag { background-position: -275px -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Fri.disabled .flag { background-position: -321px -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Sat.disabled .flag { background-position: -367px -46px; } div.achievement_overlay div.achievement_content.day_of_week .pages .page.Sun.disabled .flag { background-position: -413px -46px; } div.achievement_overlay div.achievement_content.day_of_week .tabs_wrapper .share { background: url("/plus/web/images/profile_v2/weekday_bests_share.png") no-repeat scroll center 0 transparent; color: #7d7d7d; display: inline-block; font-size: 11px; padding-top: 64px; text-align: center; height: 9px; width: 92px; vertical-align: top; } /* Milestone:*/ div.achievement_overlay div.achievement_content a.close { background: url(/plus/web/images/activity_v2/modal_close_button.png); display: block; height: 22px; width: 22px; position: absolute; top: 10px; right: 10px; z-index: 100; } div.achievement_overlay div.achievement_content a.close div { display:none; } div.achievement_overlay div.achievement_content.se a.close div { display:block; } div.achievement_overlay div.achievement_content.se a.close { background:none; width: 40px; height: 40px; right: 0px; top: 0px; color:#fff; } div.achievement_overlay div.achievement_content.se a.close .bg { background: #000 none; opacity: 0.35; height:100%; width:100%; position:absolute; top:0px; left:0px; } div.achievement_overlay div.achievement_content.se a.close .cross { position:relative; z-index:100; line-height:40px; font-size:18px; width:100%; text-align: center; opacity: 0.75; text-indent:-9999px; } div.achievement_overlay div.achievement_content div.top { display: block; width: 205px; text-align: center; position: absolute; top: 35px; left: 263px; z-index: 2; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se div.top{ width: 221px; top: 115px; left: 364px; } div.achievement_overlay div.achievement_content div.top div.title { color: white; font-size: 92px; text-transform: uppercase; } #achievement_item.achievement_content.pr_fuel_fuelmilestone .date{ display:none; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone div.top div.title{ line-height:90px; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se div.top div.title{ letter-spacing:-2px; } .pr_fuel_fuelmilestone._100k_milestone{ background: #000 url(/plus/web/images/achievements/fuelband_milestones/100k_bg.jpg) no-repeat top left; } .pr_fuel_fuelmilestone._500k_milestone{ background: #000 url(/plus/web/images/achievements/fuelband_milestones/500k_bg.jpg) no-repeat top left; } .pr_fuel_fuelmilestone._900k_milestone{ background: #000 url(/plus/web/images/achievements/fuelband_milestones/900k_bg.jpg) no-repeat top left; } .pr_fuel_fuelmilestone._1m_milestone{ background: #000 url(/plus/web/images/achievements/fuelband_milestones/1m_milestone_bg.jpg) no-repeat top left; } div.achievement_overlay div.achievement_content div.top div.subtop{ font-size:10px; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se div.top div.subtop{ font-size:16px; letter-spacing:1.5px; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se._100k_milestone div.top div.subtop{ font-size:14px; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se._500k_milestone div.top div.subtop{ margin-bottom:-5px !important; font-weight:bold; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se._1m_milestone div.top div.subtop{ font-size:16px; } div.achievement_overlay div.achievement_content div.top div.subbottom{ font-size:14px; letter-spacing:1.5px; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone.se div.top div.subbottom{ font-size:16px; letter-spacing:3px; } div.achievement_overlay div.achievement_content.pr_fuel_fuelmilestone._100k_milestone.se div.top div.subbottom{ font-weight:bold; } div.achievement_overlay div.achievement_content div.top div.subtop, div.achievement_overlay div.achievement_content div.top div.subbottom{ font-family:arial; text-transform:uppercase; } div.achievement_overlay div.achievement_content div.top div.day { color: #95e84d; font-size: 13px; position: relative; top: -5px; text-shadow: 2px 2px 4px #222; } div.achievement_overlay div.achievement_content div.fuel { display: block; width: 157px; padding: 91px 0 0 348px; font-size: 57px; color: #d2e2ec; text-align: center; text-shadow: 2px 2px 6px #222; } div.achievement_overlay div.achievement_content div.fuel span { font-size: 12px; color: #5f93ba; position: relative; top: -31px; } /* Supergoal:*/ div.achievement_overlay div.achievement_content.supergoal div.top { display: block; width: 290px; padding: 40px 0 0 290px; text-align: center; } div.achievement_overlay div.achievement_content.supergoal div.top div.title { color: #105942; font-size: 37px; } div.achievement_overlay div.achievement_content.supergoal div.top div.day { color: #4d9abc; font-size: 13px; position: relative; top: -5px; } div.achievement_overlay div.achievement_content.supergoal div.fuel { display: block; width: 157px; padding: 91px 0 0 348px; font-size: 57px; color: #d2e2ec; text-align: center; text-shadow: 2px 2px 6px #222; } div.achievement_overlay div.achievement_content.supergoal div.fuel span { font-size: 12px; color: #5f93ba; position: relative; top: -31px; } /* SUPERGOAL DETAILS */ #modal_content .visualization { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: top center; } #modal_content .visualization_loader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000 url(/plus/web/images/global/black_loader.gif) no-repeat center; } #modal_content .day_of_week .visualization { width: 100%; background-position:center -25px; } #modal_content .stats { position: absolute; right: 20px; top: 28px; width: 120px; z-index: 2; left: auto; } #modal_content .stats li { background: url(/plus/web/images/homepage_v2/this_week/icon_sprite.png) no-repeat; } #modal_content .stats li h1 { color: #fff; font-size: 15px; line-height: 20px; opacity: 0.5; filter: alpha( opacity = 50 ); padding: 8px 0 0 40px; } #modal_content .se.activity_card_2 .share_buttons{ right:60px; } #modal_content .se.activity_card_2 .share_buttons.from_trophy{ top:335px; left:20px; } #modal_content .se .stats { width: 80px; right: 60px; top: 60px; border-top: 1px solid rgba(255,255,255,.5); } #modal_content .pr_level_achieved .se .stats { width:120px; } #modal_content .se .stats li{ background:none; } #modal_content .se .stats li h1 { line-height:50px; padding: 0; } #modal_content .stats li h2 { border-bottom: 2px solid white; color: white; font-size: 12px; line-height: 12px; opacity: 0.35; filter: alpha( opacity = 35 ); padding: 0 0 5px 40px; } #modal_content .stats .cals { background-position: 9px 14px; } #modal_content .stats .distance { background-position: 10px -26px; } #modal_content .stats .steps { background-position: 6px -63px; } #modal_content .stats .time { background-position: 10px -107px; } #modal_content .current_day_header,.current_day_header { color: white; font-size: 42px; left: 24px; line-height: 34px; position: absolute; top: 24px; width: 112px; z-index: 2; text-transform: uppercase; } #modal_content .current_day_header{ top: 65px; } #modal_content .day_of_week .current_day_header{ width:auto; } body.ja_JP #modal_content .current_day_header,.current_day_header { width:170px; } #modal_content .current_date { color: white; text-transform: uppercase; white-space: nowrap; } #modal_content .current_day_header .sub_heading,.current_day_header .sub_heading { opacity: 0.25; filter: alpha( opacity = 25 ); } #modal_content .horseshoe_wrapper { background: url(/plus/web/images/homepage_v2/this_week/empty_horseshoe.png); height: 213px; left: 250px; position: absolute; top: 60px; width: 216px; } #modal_content .day_of_week .horseshoe_wrapper { left: 210px; } #modal_content .line_graph_wrapper { bottom: 40px; left: 0; position: absolute; width: 100%; z-index: 2; } #modal_content .line_graph, #modal_content .hourmarks{ margin: 0 auto; width: 670px; } #modal_content .se .line_graph_wrapper { bottom: 0px; } #modal_content .se .line_graph { padding:0; } #modal_content .se .line_graph_wrapper .hourmarks{ margin-top:0; margin-bottom:10px; } #modal_content .day_of_week .line_graph_wrapper { bottom: 0; } #modal_content .day_of_week .line_graph,#day_of_week.day_of_week .line_graph { width: 616px; } #modal_content .max_marker,#modal_content .start_marker,.end_marker,#modal_content .mid_marker { height: 60px; position: absolute; top: 0; width: 1px; } #modal_content .start_marker .line,#modal_content .end_marker .line,#modal_content .mid_marker .line,#modal_content .max_marker .line { border- left: 1px solid white; height: 80px; left: 0; position: absolute; top: 0; } #modal_content .start_marker .line, #modal_content .end_marker .line, #modal_content .mid_marker .line { height: 60px; background: none repeat scroll 0 0 #FFFFFF; width:1px; } #modal_content .start_marker, #modal_content .end_marker, #modal_content .mid_marker { opacity: 0.3; filter: alpha( opacity = 30 ); } #modal_content .max_marker { height: 80px; } #modal_content .max_marker .time { bottom: 0; color: white; left: 5px; line-height: 20px; position: absolute; } #modal_content .max_marker .spark { bottom: 0; color: white; line-height: 20px; opacity: 0.4; position: absolute; right: 5px; text-align: right; } #modal_content .start_marker { left: 20px; } #modal_content .start_marker .time { left: -3px; text-align: left; } #modal_content .end_marker { left: 704px; } #modal_content .day_of_week .end_marker { left: 637px; } #modal_content .end_marker .time { right: -3px; text-align: right; } #modal_content .start_marker .icon,.end_marker .icon { background: url(/plus/web/images/homepage_v2/this_week/LateNight.png); width: 18px; height: 18px; position: absolute; top: -24px; left: -9px; } #modal_content .start_marker .time,.end_marker .time { bottom: -20px; color: white; line-height: 20px; opacity: 0.4; filter: alpha( opacity = 40 ); position: absolute; } #modal_content .mid_marker { left: 33%; } #modal_content .day_of_week .mid_marker { left: 312px; } #modal_content .mid_marker.third_marker { left: 66%; } #modal_content .end_marker .icon { background: url(/plus/web/images/homepage_v2/this_week/Evening.png); } #modal_content .mid_marker .icon { position: absolute; background: url(/plus/web/images/homepage_v2/this_week/Morning.png); width: 19px; height: 12px; top: -20px; left: -9px; } #modal_content .third_marker.mid_marker .icon { position: absolute; background: url(/plus/web/images/homepage_v2/this_week/Afternoon.png); left: -10px; height: 18px; } .shared_achievement .supergoal .visualization{width:auto !important;background:black;} /* SE */ #modal_content.se .line_graph_wrapper { bottom: 40px; left: 0; position: absolute; width: 100%; z-index: 2; } #modal_content.se .stats li { background: none !important; } #modal_content.se .stats li h1 { color: #fff; font-size: 15px; line-height: 20px; opacity: 0.5; filter: alpha( opacity = 50 ); padding: 8px 0 0 40px; } /*Styles for profile overlay*/ .from_trophy .achievement_title{ font-size:40px; font-family: "alternateBoldFont"; color:#fff; text-transform:uppercase; position:absolute; top:160px; left:30px; } body.ru .from_trophy .achievement_title{ width:180px; font-size: 34px; top: 210px; } .from_trophy .achievement_sub_string{ color: #5B5B5D; font-family: "helvetica"; font-size: 13px; left: 30px; position: absolute; top: 210px; } body.ru .from_trophy .achievement_sub_string{ font-family: "CyrillicTradeGothic"; top: 310px; } .modal_bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #fbfbfb; z-index: 1; } .achievement_content.se .modal_bar, .achievement_content.se .achievement_share { background:transparent none; height:20px; position:absolute; bottom:20px; left:29px; } .achievement_content.se.last_sync_poup .modal_bar { bottom:-25px; width:690px; z-index:0; } .achievement_content.se .modal_bar { bottom:34px; left:28px; } .achievement_content.se .modal_bar .view_button { display:none; } .achievement_content.se .modal_bar .share_wrapper, .achievement_content.se .achievement_share .share_wrapper { position:static; width:65px; } .achievement_content.se .modal_bar .share_content, .achievement_content.se .achievement_share .share_content { float:left; } div.achievement_overlay.day_of_week .modal_bar { bottom: 18px; display: none; width: auto; left: 10px; } div.achievement_overlay.day_of_week .modal_bar a.button { font-size: 12px; padding: 0; text-align: center; width: 85px; height: 32px; } .modal_bar { background: url("/plus/web/images/homepage_v2/achievements/nav_bar.png") repeat scroll 0pt 0pt #FFFFFF; z-index:100; } .modal_bar .replay { margin: 7px; box-shadow: 0 1px 2px #777; float: left; } .modal_bar .icon_font { line-height: 14px; font-size: 1.6em; position: relative; } .modal_bar .share_wrapper { position: absolute; left: auto; right: 10px; top: 5px; width: 155px; } .modal_bar .view_button { float: left; position: absolute; } .modal_bar .achievements_nav_bar { background: none repeat scroll 0% 0% transparent; margin: auto; width: 50%; text-align: center; } .modal_bar .share_v2 { float: right; height: 30px; position: relative; right: 10px; top: 2px; width: 155px; } .achievement_content.se.last_sync_poup .modal_bar .share_v2.vc { top: 8px; } .modal_bar .share_v2.vc { float: none; height: 30px; position: relative; right: 0px; top: -23px; width: 70px; } .modal_bar .share_v2.vc .share_content { float:left; margin-right:5px; } /* Sharing Skinning */ div.achievement_overlay div.share_wrapper div.twitter { float: right; } .achievement_content .running_achievement { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/badges_bg.jpg") no-repeat scroll 0 -30px #000; color: #EBEBEB; overflow: hidden; position: relative; width: 100%; height:96%; } .shared_achievement .achievement_content .running_achievement{ background-position:-50px -30px; } .shared_achievement .achievement_content .running_achievement.pr_location_intercontinental{ background-position:-15px -30px !important; } .shared_achievement .achievement_content .running_achievement.pr_delight_early_bird{ background-position:-15px -30px; } .achievement_content #achievment_item.running_achievement { background-color: transparent; border: 0px solid #000000; } .achievement_content .running_achievement .badge-wrapper { left: 150px; padding: 60px 0pt; position: absolute; top: -45px; width: 100%; } .shared_achievement .achievement_content .running_achievement.pr_location_top_route .badge-wrapper { left: 285px; top:-35px; } .achievement_content .running_achievement h1.badge-title { display: none; } .achievement_content .running_achievement .badge { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/Achievements_300x300.png") no-repeat scroll -4px -8px transparent; height: 340px; margin: 0 auto; width: 300px; position:relative; left: 10px; } .shared_achievement .achievement_content .running_achievement .badge{ left:18px; } .achievement_content .running_achievement .badge.pr .target_value{ margin-top:10px; } .achievement_content .running_achievement .badge.pr_location_top_route { padding-left: 10px; } div.achievement_overlay div.achievement_content.level.achievement_card{ height:464px; } .achievement_content .running_achievement .badge.early_bird { background-position: -808px -1210px; } .achievement_content .running_achievement .badge.beach_bum { background-position: -1215px -1210px; } .achievement_content .running_achievement .badge.chocolate_heart { background-position: -6072px -1210px; } .achievement_content .running_achievement .badge.celebrity, .achievement_content .running_achievement .badge.pr_social_celebrity { background-position: -3237px -1210px; } .achievement_content .running_achievement .badge.anniversary { background-position: -4859px -1210px; } .achievement_content .running_achievement .badge.double_your_pleasure { background-position: -2833px -1210px; } .achievement_content .running_achievement .badge.el_fiesta { background-position: -2425px -1210px; } .achievement_content .running_achievement .badge.night_owl, .achievement_content .running_achievement .badge.sleepwalker { background-position: 5px -1210px; } .achievement_content .running_achievement .badge.off_beaten_path { background-position: -2023px -1210px; } .achievement_content .running_achievement .badge.resolution { background-position: -5667px -1210px; } .achievement_content .running_achievement .badge.sneaker_head { background-position: -1618px -1210px; } .achievement_content .running_achievement .badge.uncle_sam { background-position: -4049px -1210px; } .achievement_content .running_achievement .badge.jack-o-lantern { background-position: -3643px -1210px; } .achievement_content .running_achievement .badge.intercontinental, .achievement_content .running_achievement .badge.pr_location_intercontinental { background-position: -805px -810px; } .achievement_content .running_achievement .badge.comfort_zone, .achievement_content .running_achievement .badge.pr_location_comfort_zone { background-position: -1214px -810px; } .achievement_content .running_achievement .badge.social_butterfly { background-position: -4px -1620px; } .achievement_content .running_achievement .badge.dragon { background-position: -5262px -1210px; } .achievement_content .running_achievement .badge.extra_frosting { background-position: -4452px -1210px; } .achievement_content .running_achievement .badge.mailman { background-position: -400px -1210px; } .achievement_content .running_achievement .badge.pr_streak_three_weeks, .achievement_content .running_achievement .badge.three_weeks { background-position: -1190px -407px; } .achievement_content .running_achievement .badge.pr_streak_four_weeks, .achievement_content .running_achievement .badge.four_weeks { background-position: -1595px -407px; } .achievement_content .running_achievement .badge.pr_streak_five_weeks, .achievement_content .running_achievement .badge.five_weeks { background-position: -1999px -407px; } .achievement_content .running_achievement .badge.pr_streak_six_weeks, .achievement_content .running_achievement .badge.six_weeks { background-position: -2405px -407px; } .achievement_content .running_achievement .badge.three_activities_in_week_achieved, .achievement_content .running_achievement .badge.pr_frequency_three_activities_in_week_achieved { background-position: 10px -407px; } .achievement_content .running_achievement .badge.five_activities_in_week_achieved, .achievement_content .running_achievement .badge.pr_frequency_five_activities_in_week_achieved { background-position: -395px -407px; } .achievement_content .running_achievement .badge.seven_activities_in_week_achieved, .achievement_content .running_achievement .badge.pr_frequency_seven_activities_in_week_achieved { background-position: -800px -407px; } .achievement_content .running_achievement .badge.activity_three_weeks_in_a_row { background-position: -1206px -407px; } .achievement_content .running_achievement .badge.activity_four_weeks_in_a_row { background-position: -1614px -407px; } .achievement_content .running_achievement .badge.activity_six_weeks_in_a_row, .achievement_content .running_achievement .badge.activity_six_weeks_in_a_row { background-position: -2424px -407px; } .achievement_content .running_achievement .badge.activity_three_months_in_a_row, .achievement_content .running_achievement .badge.pr_frequency_activity_three_months_in_a_row { background-position: -2822px -407px; } .achievement_content .running_achievement .badge.pr_frequency_activity_all_months_in_a_year, .achievement_content .running_achievement .badge.pr_frequency_activity_all_months_in_a_year { background-position: -4430px -407px; } .achievement_content .running_achievement .badge.stay_active_generic_achieved { left:20px; background-position: -1212px -8px; } .achievement_content .running_achievement .badge.run_farther_achieved { left:10px; background-position: 2px -8px; } .achievement_content .running_achievement .badge.run_more_often_achieved { left:10px; background-position: -404px -6px; } .achievement_content .running_achievement .badge.get_lean_achieved { left:10px; background-position: -785px -6px; } .achievement_content .running_achievement .badge.burn_more_calories_achieved { left:10px; background-position: -814px -8px; } .achievement_content .running_achievement .badge.route_boss_local_legend { left: 60px; background-position: -4px -810px; } .achievement_content .running_achievement .badge.route_boss_speed_demon { background-position: -408px -810px; } .achievement_content .pr_location_top_route { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/badges_bg_2.jpg") no-repeat transparent; } .achievement_content .running_achievement .badge.pr_location_top_route { top:20px; background: url(/plus/web/images/homepage_v2/achievements/top_route_card_2.png) no-repeat center; } .achievement_content .running_achievement .badge.three_months, .achievement_content .running_achievement .badge.pr_streak_three_months { background-position: -2820px -407px; } .achievement_content .running_achievement .badge.six_months, .achievement_content .running_achievement .badge.pr_streak_six_months { background-position: -3230px -407px; } .achievement_content .running_achievement .badge.nine_months, .achievement_content .running_achievement .badge.pr_streak_nine_months { background-position: -3632px -407px; } .achievement_content .running_achievement .badge.twelve_months, .achievement_content .running_achievement .badge.pr_streak_twelve_months { background-position: -4037px -407px; } .achievement_content .running_achievement .badge.bronze { background-position: -1608px -8px; } .achievement_content .running_achievement .badge.silver { background-position: -2015px -8px; } .achievement_content .running_achievement .badge.gold { background-position: -2426px -8px; } .achievement_content .running_achievement .badge.platinum { background-position: -2828px -8px; } .achievement_content .running_achievement .badge.km.bronze { background-position: -3240px -8px; } .achievement_content .running_achievement .badge.km.silver { background-position: -3642px -8px; } .achievement_content .running_achievement .badge.km.gold { background-position: -4050px -8px; } .achievement_content .running_achievement .badge.km.platinum { background-position: -4450px -8px; } .achievement_content .running_achievement .badge.athenian { background-position: -1620px -810px; } .achievement_overlay .achievement_content.pr.achievement_card .running_achievement, .pr.achievement_card .running_achievement { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/pr-road.jpg") no-repeat scroll 50% 0pt transparent; position: absolute; left: 0; top: 0; } .achievement_content.bronze.achievement_card .running_achievement, .achievement_content.silver.achievement_card .running_achievement, .achievement_overlay .achievement_content.run_more_often_achieved.achievement_card .running_achievement, .achievement_overlay .achievement_content.burn_more_calories_achieved .running_achievement, .achievement_overlay .achievement_content.get_lean_achieved .running_achievement, .achievement_overlay .achievement_content.stay_active_generic_achieved .running_achievement, .achievement_overlay .achievement_content.run_farther_achieved .running_achievement { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/medals_bg.jpg") no-repeat scroll 50% 0px #000; } .achievement_overlay .achievement_content.run_more_often_achieved.achievement_card .running_achievement .badge-wrapper, .achievement_overlay .achievement_content.burn_more_calories_achieved .running_achievement .badge-wrapper, .achievement_overlay .achievement_content.stay_active_generic_achieved .running_achievement .badge-wrapper, .achievement_overlay .achievement_content.run_farther_achieved .running_achievement .badge-wrapper { left: 172px; } .achievement_overlay .achievement_content.bronze.achievement_card .running_achievement .badge,.achievement_overlay .achievement_content.silver.achievement_card .running_achievement .badge,.achievement_overlay .achievement_content.gold.achievement_card .running_achievement .badge,.achievement_overlay .achievement_content.platinum.achievement_card .running_achievement .badge { margin: 21px 0px 50px 160px; } .achievement_content.bronze.achievement_card .running_achievement .achievement_copy, .achievement_content.silver.achievement_card .running_achievement .achievement_copy, .achievement_content.gold.achievement_card .running_achievement .achievement_copy, .achievement_content.platinum.achievement_card .running_achievement .achievement_copy { color: #444444; width: 300px; } .achievement_overlay .achievement_content.pr.achievement_card .badge { left: 210px; position: absolute; top: 45px; } .achievement_overlay .achievement_content.pr.achievement_card .achievement_copy { width: 240px; } .achievement_overlay .achievement_content.pr.achievement_card .achievement_copy span.date { color: #d8d8d8; display: block; } .achievement_overlay .achievement_content.pr.achievement_card .achievement_copy span { color: #939393; } .achievement_overlay .achievement_content.pr.achievement_card .running_achievement .achievement_copy span { line-height:40px; } .achievement_content .running_achievement .badge.fastest_1k, .achievement_content .running_achievement .badge.running_agg_fastest_1k, .achievement_content .running_achievement .badge.fastest_5k, .achievement_content .running_achievement .badge.running_agg_fastest_5k, .achievement_content .running_achievement .badge.fastest_10k, .achievement_content .running_achievement .badge.running_agg_fastest_10k, .achievement_content .running_achievement .badge.fastest_mile, .achievement_content .running_achievement .badge.running_agg_fastest_mile, .achievement_content .running_achievement .badge.furthest, .achievement_content .running_achievement .badge.running_agg_furthest, .achievement_content .running_achievement .badge.longest_duration, .achievement_content .running_achievement .badge.running_agg_longest_duration, .achievement_content .running_achievement .badge.most_calories_burnt, .achievement_content .running_achievement .badge.running_agg_most_calories_burnt, .achievement_content .running_achievement .badge.fastest_half_marathon, .achievement_content .running_achievement .badge.half_marathon, .achievement_content .running_achievement .badge.pr_half_marathon, .achievement_content .running_achievement .badge.fastest_marathon, .achievement_content .running_achievement .badge.pr_fastest_marathon, .achievement_content .running_achievement .badge.fastest_half_marathon, .achievement_content .running_achievement .badge.pr_fastest_half_marathon, .achievement_content .running_achievement .badge.first_marathon, .achievement_content .running_achievement .badge.pr_first_marathon { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/Personal-Records.png") no-repeat scroll 35px -10px transparent; } .achievement_content .running_achievement .badge .title-2 { color: #660000; font-size: 20px; padding: 35px 0pt 0pt; } .achievement_content .running_achievement .badge .target_value { font-size: 42px; padding: 0px 0pt 0pt; } .achievement_content .running_achievement .badge.fastest_1k, .achievement_content .running_achievement .badge.running_agg_fastest_1k { background-position: -1180px 40px; } .achievement_content .running_achievement .badge.fastest_5k, .achievement_content .running_achievement .badge.running_agg_fastest_5k { background-position: -1580px 40px; } .achievement_content .running_achievement .badge.fastest_10k, .achievement_content .running_achievement .badge.running_agg_fastest_10k { background-position: -1990px 40px; } .achievement_content .running_achievement .badge.fastest_mile, .achievement_content .running_achievement .badge.running_agg_fastest_mile { background-position: -2395px 40px; } .achievement_content .running_achievement .badge.furthest, .achievement_content .running_achievement .badge.running_agg_furthest { background-position: -365px 40px; } .achievement_content .running_achievement .badge.longest_duration, .achievement_content .running_achievement .badge.running_agg_longest_duration { background-position: -772px 40px; } .achievement_content .running_achievement .badge.most_calories_burnt, .achievement_content .running_achievement .badge.running_agg_most_calories_burnt { background-position: 37px 40px; } .achievement_content .running_achievement .badge.half_marathon, .achievement_content .running_achievement .badge.pr_half_marathon, .achievement_content .running_achievement .badge.fastest_half_marathon, .achievement_content .running_achievement .badge.pr_fastest_half_marathon { background-position: -2800px 40px; } .achievement_content .running_achievement .badge.fastest_marathon, .achievement_content .running_achievement .badge.pr_fastest_marathon, .achievement_content .running_achievement .badge.pr_first_marathon, .achievement_content .running_achievement .badge.first_marathon { background-position: -3210px 40px; } .achievement_content .running_achievement .badge.most_calories_burnt, .achievement_content .running_achievement .badge.running_agg_most_calories_burnt { background-position: 37px 40px; } .new_fuel_achievement .achievement_copy, .running_achievement .achievement_copy { height: 400px; left: 0pt; font-size: 42px; padding: 0px 0px 0px 30px; text-align: left; text-transform: uppercase; top: 0pt; width: 310px; } body.de_DE .running_achievement .achievement_copy { font-size:35px; } .shared_achievement .running_achievement .achievement_copy{ width:300px; padding:0 0 0 20px; } .shared_achievement .running_achievement.pr_location_top_route .achievement_copy{ position:absolute; top: -40px; } body.ko_KR .running_achievement .achievement_copy { line-height:48px; } .running_achievement .achievement_copy span.date { display: none; float: left; } .running_achievement .achievement_copy span { display: block; float: left; } .running_achievement .achievement_copy span.text { float: none; display: block; margin: 130px 0 10px; line-height: 40px; } .intercontinental .running_achievement .achievement_copy span.text, .pr_delight_early_bird.running_achievement .achievement_copy span.text {margin-top:90px;} .shared_achievement .pr_delight_chocolate_heart .achievement_copy span.text{margin-top:75px;} .running_achievement .achievement_copy span.text2 { color: #939393 !important; font-size: 20px; text-transform: none; line-height: 24px; } .achievement_content .running_achievement p { bottom: 76px; display: none; font-size: 14px; position: absolute; text-align: center; width: 100%; } #modal_content .achievement_content .running_achievement .modal_bar.black { background: none repeat scroll 0% 0% #111111; } #modal_content .achievement_content .running_achievement .modal_bar.black a.button_black { line-height: 29px; } .achievement_card #stats-wrapper { bottom: -20px; height: 70px; left: 35px; z-index: 10; position: absolute; } .achievement_card #stats-wrapper .stat-heading { background: url("/plus/web/images/homepage_v2/homepage_running_icons.png") no-repeat scroll 2px 5px transparent; border-right: 1px solid #d3d3d3; color: #d3d3d3; float: left; margin-left: 10px; margin-right: 10px; padding: 0pt 0pt 0pt 25px; text-align: left; width: 82px; } .achievement_card #stats-wrapper .stat-heading.wide { margin-left: 24px; margin-right: 19px; } .achievement_card #stats-wrapper .stat-heading.time { background-position: -100px 5px; } .achievement_card #stats-wrapper .stat-heading.runs { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/running_stats_icons.png") no-repeat scroll -127px 12px transparent; } .achievement_card #stats-wrapper .stat-heading.calories { background-position: -335px 5px; border-right: 0px solid #000000; } .achievement_card #stats-wrapper .stat-heading.fuel { background-position: 2px 34px; } .achievement_card #stats-wrapper .stat-heading.pace { background-position: -207px 5px; padding-left: 35px !important; } .run_more_often_achieved #stats-wrapper .stat-heading.pace,.burn_more_calories_achieved #stats-wrapper .stat-heading.pace,.most_calories_burnt #stats-wrapper .stat-heading.pace { display: none; } .run_more_often_achieved #stats-wrapper,.burn_more_calories_achieved #stats-wrapper {/* left:114px ! important;*/ } .running_achievement #stats-wrapper .stat-heading.heart-rate { background-position: -443px 5px; margin-right: 0px; } .achievement_card #stats-wrapper .stat-heading.calories.wide { margin-right: 0pt; } .achievement_card #stats-wrapper .stat-heading.distance { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/running_stats_icons.png") no-repeat scroll 3px 5px transparent; } .achievement_card #stats-wrapper .stat-heading.hide { display: none; } .achievement_card #stats-wrapper .stat-heading .stat-value { color: #B0B0B0; font-size: 23px; position: relative; text-transform: uppercase; top: 0px; } .achievement_card.level #stats-wrapper .stat-heading .stat-value{font-size:18px;} .achievement_card.level #stats-wrapper .stat-heading .stat-value, .achievement_card.level #stats-wrapper .stat-heading div{color:#fff;} .achievement_card #stats-wrapper .stat-heading .stat-value .unit { font-size: 15px; } .achievement_card #stats-wrapper .stat-heading div { color: #B0B0B0; font-size: 9px; } .achievement_card #stats-wrapper .stat-heading.wide div { color: #CCCCCC; } .achievement_content .running_achievement .modal_bar { overflow: hidden; } .achievement_content .running_achievement .modal_bar a.button,.achievement_content .running_achievement .modal_bar a.button_black { margin: 7px 0pt 0pt 7px; } .achievement_content .running_achievement .modal_bar { background: url("/plus/web/images/homepage_v2/achievements/nav_bar.png") repeat scroll 0pt 0pt #FFFFFF; position: relative; } .achievement_content .modal_bar .view_button.button { right: 0px; position: absolute; top: 4px; width:126px; } .achievement_content.se .modal_bar .vc_button { right: 0px; position: absolute; top: 4px; width:125px; padding:10px; } .achievement_content.fuelmilestone .modal_bar .view_button.button { display: block; } .achievement_content.top_route .modal_bar .view_button.button { display: block; } .pr .modal_bar .view_button.button { display: block; } .achievement_content .running_achievement .modal_bar .achievements_nav_bar { background: none repeat scroll 0% 0% transparent; display: inline; float: left; margin-top: -3px; position: absolute; width: 100%; } .achievement_content { height: 99.99%; } .achievement_content .modal_bar.running_last_sync .view_button { left: 15px; position: absolute; top: 10px; } .achievement_content .modal_bar.running_last_sync .achievements_nav_bar { background: none repeat scroll 0% 0% transparent; left: 0px; top: -4px; } .achievement_content .running_achievement .badge .title-2,.achievement_content .running_achievement .badge .target_value { clear: both; display: block; font-weight: bold; text-align: center; text-transform: uppercase; width: 100%; } .achievement_content .running_achievement .badge .target_value span { font-size: 20px; } .level { height: 464px; } .pr_level_achieved_1{ background: url("/plus/web/images/homepage_v2/achievements/levels/level50_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_2{ background: url("/plus/web/images/homepage_v2/achievements/levels/level150_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_3{ background: url("/plus/web/images/homepage_v2/achievements/levels/level250_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_4{ background: url("/plus/web/images/homepage_v2/achievements/levels/level400_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_5{ background: url("/plus/web/images/homepage_v2/achievements/levels/level550_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_6{ background: url("/plus/web/images/homepage_v2/achievements/levels/level700_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_7{ background: url("/plus/web/images/homepage_v2/achievements/levels/level850_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_8{ background: url("/plus/web/images/homepage_v2/achievements/levels/level1000_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_9{ background: url("/plus/web/images/homepage_v2/achievements/levels/level1375_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_10{ background: url("/plus/web/images/homepage_v2/achievements/levels/level1750_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_11{ background: url("/plus/web/images/homepage_v2/achievements/levels/level2125_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_12{ background: url("/plus/web/images/homepage_v2/achievements/levels/level2500_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_13{ background: url("/plus/web/images/homepage_v2/achievements/levels/level3125_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_14{ background: url("/plus/web/images/homepage_v2/achievements/levels/level3750_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_15{ background: url("/plus/web/images/homepage_v2/achievements/levels/level4375_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_16{ background: url("/plus/web/images/homepage_v2/achievements/levels/level5000_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_17{ background: url("/plus/web/images/homepage_v2/achievements/levels/level7500_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_18{ background: url("/plus/web/images/homepage_v2/achievements/levels/level10000_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_19{ background: url("/plus/web/images/homepage_v2/achievements/levels/level12500_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved_20{ background: url("/plus/web/images/homepage_v2/achievements/levels/level15000_3.jpg") no-repeat scroll 50% 0 transparent; } .pr_level_achieved .achievement_copy { color: #fff; position: relative; width: 180px; text-transform:uppercase; top: 20px; left:20px; font-size: 32px; line-height: 32px; } .pr_level_achieved .text2 { opacity: 0.7; filter: alpha(opacity=70); } .pr_level_achieved .stats { position: absolute; right: 20px; top: 35px; width: 120px; z-index: 2; left: auto; opacity: 0.9; filter: alpha( opacity = 9 ); } .pr_level_achieved .stats li { background: url("/plus/web/images/homepage_v2/homepage_running_icons.png") no-repeat !important; } .pr_level_achieved .stats li h1 { color: #fff; font-size: 15px; line-height: 20px; padding: 8px 0 0 40px; } .pr_level_achieved .stats li h2 { border-bottom: 2px solid white; color: white; font-size: 12px; line-height: 12px; padding: 0 0 5px 40px; } .pr_level_achieved .stats .fuel { background-position: 15px 12px !important; } .pr_level_achieved .stats .cals { background-position: -323px 12px !important; } .pr_level_achieved .stats .distance { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/running_stats_icons.png") no-repeat !important; background-position: 15px 12px !important; } .pr_level_achieved .stats .runs { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/running_stats_icons.png") no-repeat !important; background-position: -115px 12px !important; } .pr_level_achieved .stats .time { background-position: -90px 12px !important; } .level #running-levels, .achievement_content #running-levels{ bottom: 12px; display: block; width:0; } .achievement_content #running-levels:hover .level.current { width: 200px; padding: 0 5px; top: 6px; } .achievement_content #running-levels:hover .level_7.current { width: 250px; } .achievement_content #running-levels.level_7 { width: 40%; } .achievement_content #running-levels { width: 35%; } .achievement_content .running-levels, .achievement_content #running-levels { overflow: hidden; top:7px; left:-10px; } .level .badge-title { display: none; } div.achievement_content.running_achievement.pr_highmile_bronze .achievement_copy span.text, div.achievement_content.running_achievement.pr_highmile_silver .achievement_copy span.text, div.achievement_content.running_achievement.pr_highmile_gold .achievement_copy span.text, div.achievement_content.running_achievement.pr_highmile_platinum .achievement_copy span.text{ color: #939393; } .new_fuel_achievement .achievement_copy span.title, div.achievement_content.running_achievement .achievement_copy span.text{ color: #fff; } .new_fuel_achievement .achievement_copy span.subtext, div.achievement_content.achievement_card .achievement_copy span.text2 { color:#fff; font-size: 16px; font-weight: normal; line-height: 20px; display: block; font-family: arial; text-transform: none; } body.ru .achievement_overlay .achievement_content.se.supergoal .achievement_title{ font-family: 'CyrillicTradeGothic', 'HeaderFont' !important; } .achievement_card table tr td { height: 370px; vertical-align: middle; } .achievement_card table tr td .achievement_copy { margin: 0pt; padding: 0 0 0 45px; position: relative; height: auto; } .running_achievement table tr td .achievement_copy span.text2 { line-height: 22px; } .level table tr td .achievement_copy span.text2, .pr.running_achievement table tr td .achievement_copy span.text2 { line-height: 38px; } .pagination span { color: #444; } .achievement_card a.button.light_gray,button.light_gray { color: #7d7d7d; } .level.level_milestone .achievement_copy .text, .level.level_milestone .achievement_copy .text2 { font-size: 32px; line-height: 28px; letter-spacing: -0.025em; } .level.level_milestone .achievement_copy .text { width: 176px; } .level.level_milestone .achievement_copy .text2 { width: 140px; } /* top-route-match */ .top-route-achievement { width: 100%; height: 100%; text-align: center; background: url(/plus/web/images/homepage_v2/achievements/top_route.jpg) no-repeat; background-size: cover; } #route-info-wrapper{ background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/top_route_mini_icon.png") no-repeat scroll 0 0 transparent; height: 40px; padding: 0 0 0 40px; position: absolute; right: 110px; width: 150px; color:#d8d8d8; font-size:16px; display:none; } .shared_achievement #route-info-wrapper{ bottom: 60px; right: 135px; } #route-info-wrapper .name{ display:block; margin: 0 0 3px; } #route-info-wrapper .distance{ font-size:14px; color:#777; } .top-route-achievement .close { background: url(/plus/web/images/activity_running/detail/runSprite.png) no-repeat -770px -244px; position: absolute; top: -11px; right: -14px; width: 26px; height: 26px; text-indent: -9000px; } .top-route-achievement h2 { padding: 35px 5px 0 5px; font-size: 36px; text-transform: uppercase; color: #fff; } .top-route-achievement h3 { color: #b3b3b7; font-size: 24px; } .top-route-achievement h4 { color: #fff; font-size: 16px; font-weight: bold; display: inline-block; padding: 20px 0 5px 35px; background: url(/plus/web/images/places/placesSprite.png) no-repeat 0px -2023px; margin-bottom: 20px; } .top-route-achievement h6 { font-size: 16px; color: #b3b3b7; } .top-route-achievement .top-routes-items { margin: 0 auto; width: 585px; } .top-route-achievement .leaderboard { width: 290px; float: left; } .top-route-achievement .leaderboard.speed { float: right; } .top-route-achievement .leaderboard .header { border: 1px solid #c6c6c6; text-align: left; padding: 7px 10px; background-color: #ffffff; background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f4f4f4)); background-image: -webkit-linear-gradient(top,#ffffff,#f4f4f4); background-image: -moz-linear-gradient(top,#ffffff,#f4f4f4); background-image: -ms-linear-gradient(top,#ffffff,#f4f4f4); background-image: -o-linear-gradient(top,#ffffff,#f4f4f4); background-image: linear-gradient(top,#ffffff,#f4f4f4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f4f4f4'); border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; -moz-border-radius-top left: 5px; text-transform: uppercase; font-size: 14px; } .top-route-achievement .leaderboard-list { text-align: left; margin-bottom: 20px; border: 1px solid #c6c6c6; border- top: none; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottom left: 5px; color: #363636; } .top-route-achievement .leaderboard-list li { position: relative; background-color: #fff; padding: 5px 0; } .top-route-achievement .leaderboard-list li.even { background-color: #eaeaea; } .top-route-achievement .leaderboard-list .remove-link { top: 10px; right: 5px; position: absolute; display: none; background-color: #3b3b3b; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; color: #e1e1e1; font-weight: bold; cursor: pointer; text-align: center; width: 70px; } .top-route-achievement .leaderboard-list li.isUsers { background-color: #c6ea91 !important; } .top-route-achievement .leaderboard-list li div { float: left; } .top-route-achievement .leaderboard-list .leaderboard-rank-number { width: 25px; text-align: center; font-size: 18px; color: #363636; margin-top: 3px; } .top-route-achievement .leaderboard-list .leaderboard-route-boss { width: 15px; padding-right: 20px; height: 25px; } .top-route-achievement .leaderboard-list .leaderboard-route-boss.leader { background: url(/plus/web/images/places/placesSprite.png) no-repeat -376px -3px; } .top-route-achievement .leaderboard-list .leaderboard-avatar { width: 25px; margin-right: 8px; height: 25px; background-color: #ccc; } .top-route-achievement .leaderboard-list .leaderboard-avatar img { width: 25px; height: 25px; } .top-route-achievement .leaderboard-list .leaderboard-screenname { width: 110px; margin-top: 4px; overflow: hidden; } .top-route-achievement .leaderboard-list .leaderboard-value { float: right; margin: 4px 5px 0 0; } .top-route-achievement .buttons { margin: 40px auto 0; width: 250px; } .top-route-achievement .buttons a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 105px; float: left; display: block; line-height: 35px; cursor: pointer; font-weight: bold; padding-top: 3px; text-decoration: none; color: #b5b5b5; } .top-route-achievement .buttons a:hover { background-color: #bfbfbf; } .top-route-achievement .buttons a.cancel-button { background-color: #616169; background-image: -webkit-gradient(linear,left top,left bottom,from(#616169),to(#292930)); background-image: -webkit-linear-gradient(top,#616169,#292930); background-image: -moz-linear-gradient(top,#616169,#292930); background-image: -ms-linear-gradient(top,#616169,#292930); background-image: -o-linear-gradient(top,#616169,#292930); background-image: linear-gradient(top,#616169,#292930); margin-left: -50px; width: 115px; } .top-route-achievement .buttons a.cancel-button:hover { background-color: #616169; background-image: -webkit-gradient(linear,left top,left bottom,from(#616169),to(#42424b)); background-image: -webkit-linear-gradient(top,#616169,#42424b); background-image: -moz-linear-gradient(top,#616169,#42424b); background-image: -ms-linear-gradient(top,#616169,#42424b); background-image: -o-linear-gradient(top,#616169,#42424b); background-image: linear-gradient(top,#616169,#42424b); } .top-route-achievement .buttons a.confirm-button { float: right; color: #333; background-color: #fff; } .top-route-achievement .buttons a.confirm-button:hover { background-color: #ccc; } .top-route-achievement .arrow { position: absolute; display: block; background: url(/plus/web/images/homepage_v2/achievements/top-route-arrows.png) no-repeat; width: 24px; height: 35px; top: 210px; cursor: pointer; } .top-route-achievement .arrow.prev { left: 8px; background-position: 0 0; } .top-route-achievement .arrow.next { right: 8px; background-position: -61px 0; } .top-route-achievement .arrow.prev.disabled { background-position: 0 -41px; } .top-route-achievement .arrow.next.disabled { background-position: -61px -41px; } .top-route-achievement.awarded_achievement { height: 500px; } .top-route-achievement.awarded_achievement h2 { margin: 0; padding: 20px 0 0 0; } .top-route-achievement div.badge { margin: 0 auto; background: url('/plus/web/images/homepage_v2/achievements/icon_sprites/Achievements_300x300.png') no-repeat scroll 9px -840px; display: block; width: 300px; height: 292px; } .top-route-achievement div.badge.local_legend { background-position: 9px -840px; } .top-route-achievement div.badge.speed_demon { background-position: -395px -840px; } .achievements_nav_bar .pagination { color: #999999; font-size: 16px; font-weight: bold; padding: 0pt 10px; position: relative; } .achievements_nav_bar .prev,.achievements_nav_bar .next { background: url("/plus/web/images/logged_out/products/fuelband/tour_nav_sprite.png") repeat scroll 0% 0% transparent; display: inline-block; height: 35px; margin-top: 2px; width: 33px; } .achievements_nav_bar.se { margin:0 auto; width:60%; text-align:center; padding:15px 20%; background:#fff; } .achievements_nav_bar.se .prev,.achievements_nav_bar.se .next { background: #333; display: inline-block; height: 22px; margin: 0px 5px; width: 22px; text-decoration:none; color:#fff; border-radius:11px; font-size:18px; } .achievements_nav_bar.se .prev span, .achievements_nav_bar.se .next span { line-height:22px; position:relative; } .achievements_nav_bar.se .prev span { left:5px; } .achievements_nav_bar.se .next span { left:2px; } .achievements_nav_bar.se .achievements_nav_bar_page { width:12px; height:12px; display: inline-block; background:#bfbfbf; border-radius:6px; margin:0px 8px; } .se.achievements_nav_bar.squeeze .achievements_nav_bar_page { margin:0px 1px; border-radius:3px; height:6px; width:6px; } .achievements_nav_bar.se .achievements_nav_bar_page.current, .achievements_nav_bar.se .achievements_nav_bar_page:hover { background:#0df109; } div.achievement_overlay div.achievement_content.se a.close { background:rgba(255,255,255,0.2) url(/plus/web/images/activity_v2/modal_se_close_button.png) no-repeat 10px 8px; right:0px; top:0px; width:42px; height:42px; } .achievements_nav_bar .disabled { cursor: default; opacity: 0.25; } .achievements_nav_bar .next { background-position: right top; } .achievements_nav_bar .prev { background-position: left top; } .achievements_nav_bar.hide { display: none; } .shared_achievement a#play_btn { position:absolute; bottom:10px; left:10px; top:auto; z-index:100; cursor:pointer; } .fuel_center{ } .fuel_center_text { top: 167px; width: 100%; color: white; font-size: 44px; text-align: center; display:block; position:relative; } .fuel_center_subtext { color: white; font-size: 16px; opacity: 0.35; position: absolute; text-align: center; width: 100%; display:block; } .fuel_center_text .icon_font { font-size: 0.35em; position: relative; top: -1.25em; } div.achievement_overlay #canvas_container{ height: 150px; margin: auto 55px; position: absolute; top: 100px; width: 150px; } div.achievement_overlay #canvas_container canvas { display:block; margin:auto; -webkit-transform: rotate(4.5deg); /* Saf3.1+, Chrome */ -moz-transform: rotate( 4.5deg); /* Firefox 3.5-15 */ -ms-transform: rotate( 4.5deg); /* IE9 */ -o-transform: rotate( 4.5deg); /* Opera 10.5 */ transform: rotate( 4.5deg); /* Firefox 16+ */ filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ M11=0.996917333733128, M12=-0.07845909572784494, M21=0.07845909572784494, M22=0.996917333733128, sizingMethod='auto expand'); zoom: 1; } .achievement_content.se #achievement_item .date, .trophy_won_on_date, .date.milestone_date{ font-family:Arial, sans-serif; text-align: center; color: #fff; opacity: .5; font-size: 12px; position: relative; bottom: 20px; display: block; font-weight: normal; text-transform: none; } .trophy_won_on_date{ position:relative; top:350px; } .date.milestone_date{ top:120px; left:180px; } .achievement_content.se #achievement_item.challenge_epicday_achieved .date { position:absolute; } /* OLD EPIC DAYS */ .achievement_content .challenge_epicday_achieved_8000 { background: url("/plus/web/images/achievements/epic_days/epicday_8k.jpg") no-repeat; } .achievement_content .challenge_epicday_achieved_10000 { background: url("/plus/web/images/achievements/epic_days/epicday_10k.jpg") no-repeat; } .achievement_content .challenge_epicday_achieved_15000 { background: url("/plus/web/images/achievements/epic_days/epicday_15k.jpg") no-repeat; } .achievement_content .challenge_epicday_achieved_20000 { background: url("/plus/web/images/achievements/epic_days/epicday_20k.jpg") no-repeat; } /* NEW EPIC DAYS */ .achievement_content.se .challenge_epicday_achieved_8000 { background: url("/plus/web/images/achievements/epic_days/epicday_8k_724x414.png") no-repeat; } .achievement_content.se .challenge_epicday_achieved_10000 { background: url("/plus/web/images/achievements/epic_days/epicday_10k_724x414.png") no-repeat; } .achievement_content.se .challenge_epicday_achieved_15000 { background: url("/plus/web/images/achievements/epic_days/epicday_15k_724x414.png") no-repeat; } .achievement_content.se .challenge_epicday_achieved_20000 { background: url("/plus/web/images/achievements/epic_days/epicday_20k_724x414.png") no-repeat; } .achievement_content .challenge_epicday_achieved .achievement_copy{ color: #fff; width: 400px; position: relative; top: 75px; left: 50px; } .achievement_content .challenge_epicday_achieved .title{ font-size:60px; display:block; text-transform:uppercase; } .achievement_content.se .challenge_epicday_achieved .title{ font-size:42px; padding-top:80px; } .achievement_content .challenge_epicday_achieved .subtext{ font-size:28px; line-height:29px; color:#fff; } .achievement_content.se .challenge_epicday_achieved .subtext{ font-size:16px; line-height:20px; font-family:"Arial"; } .achievement_content .challenge_epicday_achieved .subtext .icon_font{ font-size:75%; position:relative; top:-4px; } .achievement_content .challenge_epicday_achieved .targetValue{ color: #FFFFFF; display: block; font-size: 28px; position: absolute; top: 55px; right: 168px; text-transform: uppercase; -webkit-transform: rotate(-14.5deg); /* Safari 3.1+, Chrome */ -moz-transform: rotate(-14.5deg); /* Firefox 3.5-15 */ -ms-transform: rotate(-14.5deg); /* IE9 */ -o-transform: rotate(-14.5deg); /* Opera 10.5-12.00 */ transform: rotate(-14.5deg); /* Firefox 16+, Opera 12.50+ */ filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ M11=0.9935718556765875, M12=0.11320321376790672, M21=-0.11320321376790672, M22=0.9935718556765875, sizingMethod='auto expand'); zoom: 1; } .achievement_content.se .challenge_epicday_achieved .targetValue{ display:none; } .achievement_content .challenge_epicday_achieved .date{ text-align:center; color:#fff; opacity:.7; font-size:14px; font-family:arial,sans-serif; position:absolute; bottom: 70px; left: 300px; display:block; font-weight:bold; } .achievement_content .challenge_epicday_achieved.challenge_epicday_achieved_10000 .targetValue, .achievement_content .challenge_epicday_achieved.challenge_epicday_achieved_15000 .targetValue{ top: 56px; right: 162px; } .achievement_content .challenge_epicday_achieved.challenge_epicday_achieved_20000 .targetValue{ right: 113px; top: 111px; -webkit-transform: rotate(0deg); /* Safari 3.1+, Chrome */ -moz-transform: rotate(0deg); /* Firefox 3.5-15 */ -ms-transform: rotate(0deg); /* IE9 */ -o-transform: rotate(0deg); /* Opera 10.5-12.00 */ transform: rotate(0deg); /* Firefox 16+, Opera 12.50+ */ filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand'); zoom: 1; } .shared_achievement .achievement_content .challenge_epicday_achieved .targetValue{ right: 138px; } .shared_achievement .achievement_content .challenge_epicday_achieved.challenge_epicday_achieved_10000 .targetValue, .shared_achievement .achievement_content .challenge_epicday_achieved.challenge_epicday_achieved_15000 .targetValue{ top: 55px; right: 130px; } .shared_achievement .achievement_content .challenge_epicday_achieved.challenge_epicday_achieved_20000 .targetValue{ right: 81px; } /* EPIC DAYS SE*/ .achievement_content .pr_fuel_epic_alpine{ background: url("/plus/web/images/achievements/epic_days/epicday_8k_724x414.png") no-repeat; } .achievement_content .pr_fuel_epic_arctic{ background: url("/plus/web/images/achievements/epic_days/epicday_10k_724x414.png") no-repeat; } .achievement_content .pr_fuel_epic_volcanic{ background: url("/plus/web/images/achievements/epic_days/epicday_15k_724x414.png") no-repeat; } .achievement_content .pr_fuel_epic_galactic{ background: url("/plus/web/images/achievements/epic_days/epicday_20k_724x414.png") no-repeat; } .achievement_content.se .challenge_epicday_achieved .achievement_copy { color:#fff; position:relative; /*width:400px; top:75px; left:50px;*/ } .achievement_content.se .challenge_epicday_achieved .title{ /*font-size:60px;*/ display:block; text-transform:uppercase; } .achievement_content.se .challenge_epicday_achieved .subtext{ /*font-size:28px; line-height:29px; opacity: 0.75; filter: alpha( opacity = 75 );*/ } .achievement_content.se .challenge_epicday_achieved .subtext .icon_font{ font-size:75%; position:relative; top:-4px; } .shared_achievement .achievement_content.se .challenge_epicday_achieved .targetValue{ right: 138px; } .shared_achievement .achievement_content.se .challenge_epicday_achieved.challenge_epicday_achieved_10000 .targetValue, .shared_achievement .achievement_content.se .challenge_epicday_achieved.challenge_epicday_achieved_15000 .targetValue{ top: 55px; right: 130px; } .shared_achievement .achievement_content.se .challenge_epicday_achieved.challenge_epicday_achieved_20000 .targetValue{ right: 81px; } /* NEW BADGE STYLES */ /* Delights */ /* .achievement_content.pr_delight_uncle_sam .badge { background-position: -4049px -1210px; } .achievement_content.pr_delight_early_bird .badge { background-position: -808px -1210px; } .achievement_content.pr_delight_beach_bum .badge { background-position: -1215px -1210px; } .achievement_content.pr_delight_chocolate_heart .badge { background-position: -6072px -1210px; } .achievement_content.pr_social_celebrity .badge { background-position: -3237px -1210px; } .achievement_content.pr_delight_anniversary .badge { background-position: -4859px -1210px; } .achievement_content.pr_delight_double_your_pleasure .badge { background-position: -2833px -1210px; } .achievement_content.pr_delight_el_fiesta .badge { background-position: -2425px -1210px; } .achievement_content.pr_delight_sleepwalker .badge { background-position: 5px -1210px; } .achievement_content.pr_delight_off_beaten_path .badge { background-position: -2023px -1210px; } .achievement_content.pr_delight_resolution .badge { background-position: -5667px -1210px; } .achievement_content.pr_delight_sneaker_head .badge { background-position: -1618px -1210px; } .achievement_content.pr_delight_uncle_sam .badge { background-position: -4049px -1210px; } .achievement_content.pr_delight_zombie .badge { background-position: -3643px -1210px; } .achievement_content.pr_delight_social_butterfly .badge { background-position: -4px -1620px; } .achievement_content.pr_delight_extra_frosting .badge { background-position: -4452px -1210px; } .achievement_content.pr_delight_mailman .badge { background-position: -400px -1210px; } .achievement_content.pr_delight_dragon .badge { background-position: -5262px -1210px; } .achievement_content.pr_delight_athenian .badge { background-position: -1620px -810px; } */ .achievement_content.pr_delight_uncle_sam .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_uncle_sam.png") no-repeat center; } .achievement_content.pr_delight_early_bird .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_early_bird.png") no-repeat center; } .achievement_content.pr_delight_beach_bum .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_beach_bum.png") no-repeat center; } .achievement_content.pr_delight_chocolate_heart .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_chocolate_heart.png") no-repeat center; } .achievement_content.pr_social_celebrity .badge.cut { background: url("/plus/web/images/achievements/badges/pr_social_celebrity.png") no-repeat center; } .achievement_content.pr_delight_anniversary .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_anniversary.png") no-repeat center; } .achievement_content.pr_delight_double_your_pleasure .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_double_your_pleasure.png") no-repeat center; } .achievement_content.pr_delight_el_fiesta .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_el_fiesta.png") no-repeat center; } .achievement_content.pr_delight_sleepwalker .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_sleepwalker.png") no-repeat center; } .achievement_content.pr_delight_off_beaten_path .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_off_beaten_path.png") no-repeat center; } .achievement_content.pr_delight_resolution .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_resolution.png") no-repeat center; } .achievement_content.pr_delight_sneaker_head .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_sneaker_head.png") no-repeat center; } .achievement_content.pr_delight_uncle_sam .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_uncle_sam.png") no-repeat center; } .achievement_content.pr_delight_zombie .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_zombie.png") no-repeat center; } .achievement_content.pr_delight_social_butterfly .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_social_butterfly.png") no-repeat center; } .achievement_content.pr_delight_extra_frosting .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_extra_frosting.png") no-repeat center; } .achievement_content.pr_delight_mailman .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_mailman.png") no-repeat center; } .achievement_content.pr_delight_dragon .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_dragon.png") no-repeat center; } .achievement_content.pr_delight_athenian .badge.cut { background: url("/plus/web/images/achievements/badges/pr_delight_athenian.png") no-repeat center; } /* Sandy */ .achievement_content .pr_fuel_hurricane_sandy13 { background: url("/plus/web/images/homepage_v2/achievements/renew.jpg") no-repeat transparent; overflow: hidden; position: relative; width: 100%; height:100%; } .pr_fuel_hurricane_sandy13 .achievement_copy { height: 400px; left: 0pt; font-size: 39px; line-height: 38px; padding: 0px 0px 0px 50px; text-align: left; text-transform: uppercase; top: 0pt; width: 260px; } .pr_fuel_hurricane_sandy13 .achievement_copy span.text { font-family: 'AlternateBoldFont'; float: none; display: block; margin: 0px 0 25px; color: #fff; } .achievement_content.pr_fuel_hurricane_sandy13 .badge-wrapper { left: 150px; padding: 60px 0; position: absolute; top: -5px; width: 100%; } .pr_fuel_hurricane_sandy13 .achievement_text{ position: absolute; top: 50%; height: 200px; margin-top: -130px; width: 260px; } .pr_fuel_hurricane_sandy13 .achievement_copy span { display: block; float: left; } .achievement_content.pr_fuel_hurricane_sandy13 #badge { background: url("/plus/web/images/achievements/badges/renew.png") no-repeat center; height: 340px; margin: 0 auto; width: 300px; position:relative; left: 10px; background-size: 70%; } /* RUNNING RACE */ .achievement_content .pr_running_race_finisher { background: url("/plus/web/images/achievements/running_race/finisher.jpg") no-repeat transparent; overflow: hidden; position: relative; width: 100%; height:100%; } .achievement_content .pr_running_race_winner { background: url("/plus/web/images/achievements/running_race/winner.jpg") no-repeat transparent; overflow: hidden; position: relative; width: 100%; height:100%; } .pr_running_race_winner .achievement_copy, .pr_running_race_finisher .achievement_copy{ position: absolute; top: 160px; left: 50px; width: 305px; } .pr_running_race_winner .achievement_copy span.text, .pr_running_race_finisher .achievement_copy span.text { color: #333; font-size: 39px; line-height: 38px; text-transform: uppercase; display: block; margin-top: 0; } .pr_running_race_winner .achievement_copy span.text2, .pr_running_race_finisher .achievement_copy span.text2 { color: #939393; font-size: 20px; line-height: 20px; } /* Route Boss */ /* .achievement_content.pr_leaderboard_route_boss_local_legend .badge { background-position: -4px -810px; } .achievement_content.pr_leaderboard_route_boss_speed_demon .badge { background-position: -408px -810px; } */ .achievement_content.pr_leaderboard_route_boss_local_legend .badge.cut { background: url("/plus/web/images/achievements/badges/pr_leaderboard_route_boss_local_legend.png") no-repeat center; } .achievement_content.pr_leaderboard_route_boss_speed_demon .badge.cut { background: url("/plus/web/images/achievements/badges/pr_leaderboard_route_boss_speed_demon.png") no-repeat center; } /* Goals */ /* .achievement_content.running_goal_run_farther_achieved .badge { left:10px; background-position: 2px -8px; } .achievement_content.running_goal_run_more_often_achieved .badge { left:10px; background-position: -404px -6px; } .achievement_content.pr_goal_stay_active_generic_achieved .badge { left:20px; background-position: -1212px -8px; } .achievement_content.pr_goal_get_lean_achieved .badge { left:10px; background-position: -785px -6px; } */ .achievement_content.running_goal_run_farther_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/running_goal_run_farther_achieved.png") no-repeat center; } .achievement_content.running_goal_run_farther_achieved .achievement_copy { margin-top:-30px; } .achievement_content.running_goal_run_more_often_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/running_goal_run_more_often_achieved.png") no-repeat center; } .achievement_content.pr_goal_stay_active_generic_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/pr_goal_stay_active_generic_achieved.png") no-repeat center; } .achievement_content.pr_goal_get_lean_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/pr_goal_get_lean_achieved.png") no-repeat center; } /* Location */ /* .achievement_content.pr_location_intercontinental .badge { background-position: -805px -810px; } .shared_achievement .achievement_content.pr_location_intercontinental .badge { background-position: -765px -810px; } .achievement_content.pr_location_comfort_zone .badge { background-position: -1214px -810px; } */ .achievement_content.pr_location_intercontinental .badge { background-position: -805px -810px; } .achievement_content.pr_location_intercontinental .badge.cut { position:relative; left:40px; background: url("/plus/web/images/achievements/badges/pr_location_intercontinental.png") no-repeat center; } .achievement_content.pr_location_intercontinental .achievement_copy span.text{ margin-top:80px; } .achievement_content.pr_location_comfort_zone .badge.cut { background: url("/plus/web/images/achievements/badges/pr_location_comfort_zone.png") no-repeat center; } /* Frequency */ /* .achievement_content.pr_frequency_three_activities_in_week_achieved .badge { background-position: 10px -407px; } .achievement_content.pr_frequency_five_activities_in_week_achieved .badge { background-position: -395px -407px; } .achievement_content.pr_frequency_seven_activities_in_week_achieved .badge { background-position: -800px -407px; } */ .achievement_content.pr_frequency_three_activities_in_week_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/pr_frequency_three_activities_in_week_achieved.png") no-repeat center; } .achievement_content.pr_frequency_five_activities_in_week_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/pr_frequency_five_activities_in_week_achieved.png") no-repeat center; } .achievement_content.pr_frequency_seven_activities_in_week_achieved .badge.cut { background: url("/plus/web/images/achievements/badges/pr_frequency_seven_activities_in_week_achieved.png") no-repeat center; } /* Streaks */ /* .achievement_content.pr_streak_three_weeks .badge { background-position: -1190px -407px; } .achievement_content.pr_streak_four_weeks .badge { background-position: -1595px -407px; } .achievement_content.pr_streak_five_weeks .badge { background-position: -1999px -407px; } .achievement_content.pr_streak_six_weeks .badge { background-position: -2405px -407px; } .achievement_content.pr_streak_three_months .badge { background-position: -2820px -407px; } .achievement_content.pr_streak_six_months .badge { background-position: -3230px -407px; } .achievement_content.pr_streak_nine_months .badge { background-position: -3632px -407px; } .achievement_content.pr_streak_twelve_months .badge { background-position: -4037px -407px; } */ .achievement_content.pr_streak_three_weeks .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_three_weeks.png") no-repeat center; } .achievement_content.pr_streak_four_weeks .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_four_weeks.png") no-repeat center; } .achievement_content.pr_streak_five_weeks .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_five_weeks.png") no-repeat center; } .achievement_content.pr_streak_six_weeks .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_six_weeks.png") no-repeat center; } .achievement_content.pr_streak_three_months .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_three_months.png") no-repeat center; } .achievement_content.pr_streak_six_months .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_six_months.png") no-repeat center; } .achievement_content.pr_streak_nine_months .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_nine_months.png") no-repeat center; } .achievement_content.pr_streak_twelve_months .badge.cut { background: url("/plus/web/images/achievements/badges/pr_streak_twelve_months.png") no-repeat center; } /* Highmile Trophies */ .achievement_content .pr_highmile_bronze.running_achievement, .achievement_content .pr_highmile_silver.running_achievement, .achievement_content .pr_highmile_gold.running_achievement, .achievement_content .pr_highmile_platinum.running_achievement { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/trophy_bg.jpg") no-repeat scroll 50% -50px #fff; height: 410px; } /* .achievement_content.pr_highmile_bronze .badge { background-position: -1608px -8px; } .achievement_content.pr_highmile_silver .badge { background-position: -2015px -8px; } .achievement_content.pr_highmile_gold .badge { background-position: -2426px -8px; } .achievement_content.pr_highmile_platinum .badge { background-position: -2828px -8px; } .achievement_content.pr_highmile_bronze .km.badge { background-position: -3200px 0px; } .achievement_content.pr_highmile_silver .km.badge { background-position: -3600px 0px; } .achievement_content.pr_highmile_gold .km.badge { background-position: -4010px 0px; } .achievement_content.pr_highmile_platinum .km.badge { background-position: -4410px 0px; } */ .achievement_content.pr_highmile_bronze .badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_bronze_mi.png") no-repeat center; } .achievement_content.pr_highmile_silver .badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_silver_mi.png") no-repeat center; } .achievement_content.pr_highmile_gold .badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_gold_mi.png") no-repeat center; } .achievement_content.pr_highmile_platinum .badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_platinum_mi.png") no-repeat center; } .achievement_content.pr_highmile_bronze .km.badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_bronze_km.png") no-repeat center; } .achievement_content.pr_highmile_silver .km.badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_silver_km.png") no-repeat center; } .achievement_content.pr_highmile_gold .km.badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_gold_km.png") no-repeat center; } .achievement_content.pr_highmile_platinum .km.badge.cut { background: url("/plus/web/images/achievements/badges/pr_highmile_platinum_km.png") no-repeat center; } .achievement_content .pr_hyperwarm { background: url("/plus/web/images/achievements/badges/pr_hyperwarm.jpg") no-repeat center; width: 724px; height: 455px; } .achievement_content.pr_highmile_bronze .badge, .achievement_content.pr_highmile_silver .badge, .achievement_content.pr_highmile_gold .badge, .achievement_content.pr_highmile_platinum .badge { left:0px; top:20px; } .achievement_content.pr_highmile_bronze .km.badge, .achievement_content.pr_highmile_silver .km.badge, .achievement_content.pr_highmile_gold .km.badge, .achievement_content.pr_highmile_platinum .km.badge { left: -40px; } .achievement_content.pr_highmile_bronze #stats-wrapper, .achievement_content.pr_highmile_silver #stats-wrapper, .achievement_content.pr_highmile_gold #stats-wrapper, .achievement_content.pr_highmile_platinum #stats-wrapper { left: 30px; bottom:-20px; } .achievement_content.pr_highmile_bronze #stats-wrapper .stat-heading, .achievement_content.pr_highmile_silver #stats-wrapper .stat-heading, .achievement_content.pr_highmile_gold #stats-wrapper .stat-heading, .achievement_content.pr_highmile_platinum #stats-wrapper .stat-heading { background: url("/plus/web/images/homepage_v2/achievements/icon_sprites/trophy_stats_icon_sprite.png") scroll no-repeat 0 0; } .achievement_content.pr_highmile_achievement_content.pr_highmile_bronze #stats-wrapper .stat-heading span, .achievement_content.pr_highmile_silver #stats-wrapper .stat-heading span, .achievement_content.pr_highmile_gold #stats-wrapper .stat-heading span, .achievement_content.pr_highmile_platinum #stats-wrapper .stat-heading span { color: #b0b0b0; } .achievement_content.pr_highmile_achievement_content.pr_highmile_bronze #stats-wrapper .stat-heading div, .achievement_content.pr_highmile_silver #stats-wrapper .stat-heading div, .achievement_content.pr_highmile_gold #stats-wrapper .stat-heading div, .achievement_content.pr_highmile_platinum #stats-wrapper .stat-heading div { color: #b0b0b0; font-weight: bold; } .achievement_content.pr_highmile_bronze .stat-heading.pace, .achievement_content.pr_highmile_silver #stats-wrapper .stat-heading.pace, .achievement_content.pr_highmile_gold #stats-wrapper .stat-heading.pace, .achievement_content.pr_highmile_platinum #stats-wrapper .stat-heading.pace { background-position: -10px -5px !important; } .achievement_content.pr_highmile_bronze #stats-wrapper div.stat-heading.runs, .achievement_content.pr_highmile_silver #stats-wrapper div.stat-heading.runs, .achievement_content.pr_highmile_gold #stats-wrapper div.stat-heading.runs, .achievement_content.pr_highmile_platinum #stats-wrapper div.stat-heading.runs { background-position: -11px -9px; width: 75px; } .achievement_content.pr_highmile_bronze #stats-wrapper div#activity_fuel, .achievement_content.pr_highmile_silver #stats-wrapper div#activity_fuel, .achievement_content.pr_highmile_gold #stats-wrapper div#activity_fuel, .achievement_content.pr_highmile_platinum #stats-wrapper div#activity_fuel { background-position: -10px -211px; } .achievement_content.pr_highmile_bronze #stats-wrapper div.stat-heading.calories, .achievement_content.pr_highmile_silver #stats-wrapper div.stat-heading.calories, .achievement_content.pr_highmile_gold #stats-wrapper div.stat-heading.calories, .achievement_content.pr_highmile_platinum #stats-wrapper div.stat-heading.calories { background-position: -10px -113px; } .achievement_content.pr_highmile_bronze #stats-wrapper div.stat-heading.distance, .achievement_content.pr_highmile_silver #stats-wrapper div.stat-heading.distance, .achievement_content.pr_highmile_gold #stats-wrapper div.stat-heading.distance, .achievement_content.pr_highmile_platinum #stats-wrapper div.stat-heading.distance { background-position: -10px -61px; } .achievement_content.pr_highmile_bronze #stats-wrapper div.stat-heading.time, .achievement_content.pr_highmile_silver #stats-wrapper div.stat-heading.time, .achievement_content.pr_highmile_gold #stats-wrapper div.stat-heading.time, .achievement_content.pr_highmile_platinum #stats-wrapper div.stat-heading.time { background-position: -10px -162px; width: 105px; } .achievement_content.pr_highmile_bronze #stats-wrapper div#lifetime_fuel, .achievement_content.pr_highmile_silver #stats-wrapper div#lifetime_fuel, .achievement_content.pr_highmile_gold #stats-wrapper div#lifetime_fuel, .achievement_content.pr_highmile_platinum #stats-wrapper div#lifetime_fuel { background-position: -10px -212px; } .achievement_content.pr_highmile_bronze .badge .trophy_distance span, .achievement_content.pr_highmile_silver .badge .trophy_distance span, .achievement_content.pr_highmile_gold .badge .trophy_distance span, .achievement_content.pr_highmile_platinum .badge .trophy_distance span { font-size: 20px; } .running_latest_achievement .trophy_distance { display: block; position: relative; text-align: center; width: 250px; padding: 140px 0 0 0; color: #efefef; font-size: 30px; text-shadow: -2px -1px 3px #222; } .running_latest_achievement .trophy_distance span { font-size: 12px; } .kinect_achievement{ height:100%; width:100%; background: url("/plus/web/images/achievements/kinect/kinect_achievements_bg.jpg") no-repeat left top; position:relative; } .kinect_achievement .text, .kinect_achievement .text2, .kinect_achievement .date{ text-align:center; } .kinect_achievement .text{ padding:10px 0 0 0; color:#363636; text-transform:uppercase; font-size:36px; } .kinect_achievement .text2{ color:#666666; font-size:13px; } .kinect_achievement .date{ color:#363636; text-transform:uppercase; font-size:19px; margin-bottom:5px; } .kinect_achievement #badge{ background-position:center bottom !important; width: 271px; height: 295px; margin:auto; margin-bottom:10px; } .kinect_achievement .target_value, .kinect_achievement .value{ display:none; } .kinect_achievement.velocity_session_current_streak .target_value, .kinect_achievement.pr_workout_timemilestone .target_value{ display:inline; } .kinect_achievement.velocity_session_current_streak div.target_value, .kinect_achievement.pr_workout_timemilestone div.target_value, .kinect_achievement.kinect_record #badge div.target_value, .kinect_achievement.velocity_session_current_streak div.value, .kinect_achievement.pr_workout_timemilestone div.value{ display:block; } .kinect_achievement.velocity_session_current_streak .value, .kinect_achievement.pr_workout_timemilestone .value{ display:auto; } .kinect_achievement.velocity_session_current_streak #badge div.target_value, .kinect_achievement.pr_workout_timemilestone #badge div.target_value{ letter-spacing:-3px; text-align:center; font-size:90px; padding:50px 0 0; } .kinect_achievement.velocity_session_current_streak #badge .value, .kinect_achievement.pr_workout_timemilestone #badge .value{ color: white; font-size: 16px; letter-spacing: 5px; padding: 0 0 0 8px; text-align: center; text-transform: uppercase; } .kinect_achievement.velocity_session_current_streak #badge, .kinect_achievement.pr_workout_timemilestone #badge{ background:url("/plus/web/images/achievements/kinect/badge_flag_lite_lg.png") no-repeat; } .kinect_achievement.velocity_session_current_streak_24 #badge, .kinect_achievement.pr_workout_timemilestone_2000 #badge{ color:white; background:url("/plus/web/images/achievements/kinect/badge_flag_dark_lg.png") no-repeat center; } .kinect_achievement.pr_workout_timemilestone_1000 #badge div.target_value, .kinect_achievement.pr_workout_timemilestone_2000 #badge div.target_value{ padding:60px 0 14px; font-size:70px; } .kinect_achievement.velocity_challenge_of_the_week_10_complete #badge{ background:url("/plus/web/images/achievements/kinect/badge_fr_prizefighter_lg.png") no-repeat; } .kinect_achievement.velocity_challenge_of_the_week_20_complete #badge{ background:url("/plus/web/images/achievements/kinect/badge_fr_challengeaddict_lg.png") no-repeat; } .kinect_achievement.pr_velocity_fuel_print_improved_three_times_in_a_row #badge{ background:url("/plus/web/images/achievements/kinect/badge_dl_triplerun_lg.png") no-repeat; } .kinect_achievement.pr_velocity_improved_athleticism_score #badge{ background:url("/plus/web/images/achievements/kinect/badge_dl_athleticism_lg.png") no-repeat; } .kinect_achievement.pr_velocity_improved_fitness_score #badge{ background:url("/plus/web/images/achievements/kinect/badge_dl_fitness_lg.png") no-repeat; } .kinect_achievement.pr_velocity_lowerbody_focus #badge{ background:url("/plus/web/images/achievements/kinect/badge_dl_blast_off_lg.png") no-repeat; } .kinect_achievement.pr_velocity_upperbody_focus #badge{ background:url("/plus/web/images/achievements/kinect/badge_dl_first_strike_lg.png") no-repeat; } .kinect_achievement.kinect_social_butterfly #badge{ background:url("/plus/web/images/achievements/kinect/badge_dl_social_lg.png") no-repeat; } .kinect_achievement.kinect_record #badge{ background:url("/plus/web/images/achievements/kinect/badge_pr_bg_lg.png") no-repeat; } .kinect_achievement.kinect_record .icon{ position:absolute; height:105px; width:140px; top:145px; left:285px; margin:auto; background:url("/plus/web/images/achievements/kinect/kinect_record_icons.png") no-repeat; } .kinect_achievement.kinect_record .title{ text-transform:uppercase; letter-spacing:1px; padding-top:30px; font-weight:bold; font-size:14px; color:#002562; text-align:center; } .kinect_achievement.kinect_record .target_value{ font-weight:bold; font-size:20px; color:#fff; text-align:center; position:relative; top:160px; } .kinect_achievement.pr_workout_best_weekly_duration .icon{ background-position:25px 0; } .kinect_achievement.pr_workout_best_weekly_fuel .icon{ background-position:-367px 6px; } .kinect_achievement.velocity_agg_longest_duration .icon{ background-position:center; } /* NEW ACHIEVEMENTS */ /* ** THESE IS WAY TOO GENERIC CLASS NAMES, THEY AFFECT EVERY AHCIEVMENT */ /*div.achievement_copy img { display:none; } div.achievement_copy { width: 20.5em; padding: 7em 0 0 4em; } div.achievement_copy .title { color: #fff; display: block; font-size: 3.2em; text-transform: uppercase; } div.achievement_copy .subtext { color: #fff; display: block; font-size: 2em; margin-top: .5em; opacity: 0.75; filter: alpha( opacity = 75 );} .alt_header_font.targetValue { color:#fff; display: inline-block; font-size: 1.2em; margin: .75em 0 0 3.4em; } .alt_header_font.date { color:#fff; display: inline-block; font-size: 1.2em; margin: .75em 0 0 .25em; } */ .new_fuel_achievement .achievement_copy span.title{ padding-top:160px; display:block; line-height: 40px; margin-bottom: 10px; } body.fr_FR .new_fuel_achievement.pr_fuel_gettogreen_timemachine .achievement_copy span.title body.fr_CA .new_fuel_achievement.pr_fuel_gettogreen_timemachine .achievement_copy span.title{ font-size:37px !important; } .new_fuel_achievement .achievement_copy span.subtext{ } div.achievement_overlay.pr_fuel_beattheclock_wakeupcall, div.achievement_content.pr_fuel_beattheclock_wakeupcall { background: url(/plus/web/images/achievements/time_based/wakeupcall_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_redeye, div.achievement_content.pr_fuel_beattheclock_redeye { background: url(/plus/web/images/achievements/time_based/redeye_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_lateshift, div.achievement_content.pr_fuel_beattheclock_lateshift { background: url(/plus/web/images/achievements/time_based/lateshift_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_partyanimal, div.achievement_content.pr_fuel_beattheclock_partyanimal { background: url(/plus/web/images/achievements/time_based/partyanimal_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_lunchbreak, div.achievement_content.pr_fuel_beattheclock_lunchbreak { background: url(/plus/web/images/achievements/time_based/lunchbreak_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_powerlunch, div.achievement_content.pr_fuel_beattheclock_powerlunch { background: url(/plus/web/images/achievements/time_based/powerlunch_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_afternooner, div.achievement_content.pr_fuel_beattheclock_afternooner { background: url(/plus/web/images/achievements/time_based/afternooner_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_beattheclock_afternoonrush, div.achievement_content.pr_fuel_beattheclock_afternoonrush { background: url(/plus/web/images/achievements/time_based/afternoonrush_724x414.png) no-repeat top center; } /* sessions */ div.achievement_content.pr_fuel_beattheclock_heavyhitter { background: url(/plus/web/images/achievements/sessions/weekend_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_beattheclock_heavyweight { background: url(/plus/web/images/achievements/sessions/workout_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_beattheclock_primo { background: url(/plus/web/images/achievements/sessions/fuellord_724x414.png) no-repeat top center; } /* intense hours */ div.achievement_content.pr_fuel_allout_powerhour { background: url(/plus/web/images/achievements/intense_hours/powerhour_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_allout_superpowerhour { background: url(/plus/web/images/achievements/intense_hours/superpowerhour_724x414.png) no-repeat top center; } /* intensity streak */ div.achievement_content.pr_fuel_allout_supersonic { background: url(/plus/web/images/achievements/intensity_streak/supersonic_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_allout_hypersonic { background: url(/plus/web/images/achievements/intensity_streak/hypersonic_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_allout_sonicboom { background: url(/plus/web/images/achievements/intensity_streak/sonicboom_724x414.png) no-repeat top center; } /* win the hour */ div.achievement_content.pr_fuel_stars_eightstar { background: url(/plus/web/images/achievements/win_the_hour/eight_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_risingstar { background: url(/plus/web/images/achievements/win_the_hour/ten_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_superstar { background: url(/plus/web/images/achievements/win_the_hour/twelve_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_shootingstar { background: url(/plus/web/images/achievements/win_the_hour/fourteen_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_livinglegend { background: url(/plus/web/images/achievements/win_the_hour/twentyfour_724x414.png) no-repeat top center; } /*pro*/ div.achievement_content.pr_fuel_pros_greenmachine { background: url(/plus/web/images/achievements/pro/greenmachine_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_pros_thenatural { background: url(/plus/web/images/achievements/pro/thenatural_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_pros_hotshot { background: url(/plus/web/images/achievements/pro/hotshot_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_pros_sharpshooter { background: url(/plus/web/images/achievements/pro/sharpshooter_724x414.png) no-repeat top center; } /*misc*/ div.achievement_content.pr_fuel_epicmoves_mondayblues { background: url(/plus/web/images/achievements/misc/mightymonday_724x414.png) no-repeat top center; } /*funday*/ div.achievement_content.pr_fuel_gettogreen_birthdaytreat { background: url(/plus/web/images/achievements/fun_day/birthdaytreat_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_trickortreat { background: url(/plus/web/images/achievements/fun_day/trickortreat_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_cupidsarrow { background: url(/plus/web/images/achievements/fun_day/valentinesday_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_gobblegobble, div.achievement_content.pr_fuel_gettogreen_canadian_thanksgiving { background: url(/plus/web/images/achievements/fun_day/thanksgiving_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_noisemaker { background: url(/plus/web/images/achievements/fun_day/noisemaker_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_newyou { background: url(/plus/web/images/achievements/fun_day/2014_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_yearofthefuel { background: url(/plus/web/images/achievements/fun_day/yearofthefuel_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_starspangled { background: url(/plus/web/images/achievements/fun_day/starspangled_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_timemachine { background: url(/plus/web/images/achievements/fun_day/timemachine_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_cincodefuelo { background: url(/plus/web/images/achievements/fun_day/cincodemayo_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_health_and_sports_day { background: url(/plus/web/images/achievements/fun_day/japanday_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_cincodefuelo { background: url(/plus/web/images/achievements/fun_day/cincodemayo_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_boxing_day { background: url(/plus/web/images/achievements/fun_day/wrappersdelight_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_bastilleday { background: url(/plus/web/images/achievements/fun_day/bastilleday_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_starspangled { background: url(/plus/web/images/achievements/fun_day/july4_724x414.png) no-repeat top center; } /* Streaks */ div.achievement_content.pr_fuel_gettogreen_streakweek { background: url(/plus/web/images/achievements/streaks/oneweek_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_fortnight { background: url(/plus/web/images/achievements/streaks/twoweek_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_3030club { background: url(/plus/web/images/achievements/streaks/thirtyclub_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_halfcentury { background: url(/plus/web/images/achievements/streaks/fifty_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_centurystreak { background: url(/plus/web/images/achievements/streaks/hundred_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_everydamnday { background: url(/plus/web/images/achievements/streaks/year_724x414.png) no-repeat top center; } /* intensity */ div.achievement_content.pr_fuel_allout_hydrospeed { background: url(/plus/web/images/achievements/intensity/hydrospeed_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_allout_racespeed { background: url(/plus/web/images/achievements/intensity/racespeed_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_allout_lightspeed { background: url(/plus/web/images/achievements/intensity/lightspeed_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_starstruck{ background: url(/plus/web/images/achievements/win_the_hour_weeks/8_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_starcatcher{ background: url(/plus/web/images/achievements/win_the_hour_weeks/10_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_starpower{ background: url(/plus/web/images/achievements/win_the_hour_weeks/12_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_stars_starczar{ background: url(/plus/web/images/achievements/win_the_hour_weeks/14_724x414.png) no-repeat top center; } /* user behaviour */ div.achievement_content.pr_fuel_stars_comebackwin { background: url(/plus/web/images/achievements/user_behaviour/comebackwin_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_comebackkid { background: url(/plus/web/images/achievements/user_behaviour/comebackkid_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_gettogreen_bigups { background: url(/plus/web/images/achievements/user_behaviour/uppercut_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_epicmoves_perfectday { background: url(/plus/web/images/achievements/user_behaviour/perfectday_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_records_mostfuelinsession { background: url(/plus/web/images/achievements/fuelband_records/best_session_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_records_moststars { background: url(/plus/web/images/achievements/fuelband_records/most_hours_won_724x414.png) no-repeat top center; } div.achievement_content.pr_fuel_records_mostactivehour { background: url(/plus/web/images/achievements/fuelband_records/most_active_hour_724x414.png) no-repeat top center; } /*best FUel Days */ div.achievement_overlay.pr_fuel_bestday, div.achievement_content.pr_fuel_bestday { background: url(/plus/web/images/achievements/fuelband_records/best_day_724x414.png) no-repeat top center; } .achievement_content.pr_fuel_bestday .best_day_fuel_amt{ color: #FFFFFF; display: block; font-family: "alternateboldfont"; font-size: 40px; left: 407px; position: absolute; text-align: center; top: 180px; width: 140px; } .achievement_content.pr_fuel_bestday .best_day_fuel_amt .icon_font{ font-size:13px; position:relative; top:-20px; } div.achievement_overlay.pr_fuel_bestweekday_monday, div.achievement_content.pr_fuel_bestweekday_monday { background: url(/plus/web/images/achievements/fuelband_records/best_monday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweekday_tuesday, div.achievement_content.pr_fuel_bestweekday_tuesday { background: url(/plus/web/images/achievements/fuelband_records/best_tuesday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweekday_wednesday, div.achievement_content.pr_fuel_bestweekday_wednesday { background: url(/plus/web/images/achievements/fuelband_records/best_wednesday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweekday_thursday, div.achievement_content.pr_fuel_bestweekday_thursday { background: url(/plus/web/images/achievements/fuelband_records/best_thursday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweekday_friday, div.achievement_content.pr_fuel_bestweekday_friday { background: url(/plus/web/images/achievements/fuelband_records/best_friday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweekday_saturday, div.achievement_content.pr_fuel_bestweekday_saturday { background: url(/plus/web/images/achievements/fuelband_records/best_saturday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweekday_sunday, div.achievement_content.pr_fuel_bestweekday_sunday { background: url(/plus/web/images/achievements/fuelband_records/best_sunday_724x414.png) no-repeat top center; } div.achievement_overlay.pr_fuel_bestweek, div.achievement_content.pr_fuel_bestweek { background: url(/plus/web/images/achievements/fuelband_records/best_week_724x414.png) no-repeat top center; } .achievement_content.pr_fuel_bestweek .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_friday .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_saturday .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_sunday .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_monday .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_tuesday .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_wednesday .the_fuel_amt, .achievement_content.pr_fuel_bestweekday_thursday .the_fuel_amt, .achievement_content.pr_fuel_records_moststars .the_fuel_amt, .achievement_content.pr_dailygoal_longeststreak .the_fuel_amt, .achievement_content.pr_fuel_records_mostfuelinsession .the_fuel_amt, .achievement_content.pr_fuel_records_mostactivehour .the_fuel_amt{ color: #FFFFFF; display: block; font-family: "alternateboldfont"; font-size: 27px; left: 407px; position: absolute; text-align: center; top: 260px; width: 140px; } .achievement_content.pr_dailygoal_longeststreak .the_fuel_amt, .achievement_content.pr_fuel_records_mostfuelinsession .the_fuel_amt, .achievement_content.pr_fuel_records_mostactivehour .the_fuel_amt{ margin-top:10px; } .achievement_content .the_fuel_amt .icon_font{ font-size:11px; position:relative; top:-12px; } .achievement_content.pr_fuel_records_moststars .the_fuel_amt, .achievement_content.pr_dailygoal_longeststreak .the_fuel_amt{ top:270px; } div.achievement_overlay.pr_fuel_bestmonth, div.achievement_content.pr_fuel_bestmonth { background: url(/plus/web/images/achievements/fuelband_records/best_month_724x414.png) no-repeat top center; } .achievement_content.pr_fuel_bestmonth .best_month_fuel_amt{ color: #FFFFFF; display: block; font-family: "alternateboldfont"; font-size: 27px; left: 407px; position: absolute; text-align: center; top: 260px; width: 140px; } .achievement_content.pr_fuel_bestmonth .best_month_fuel_amt .icon_font{ font-size:11px; position:relative; top:-12px; } div.achievement_overlay.pr_dailygoal_longeststreak, div.achievement_content.pr_dailygoal_longeststreak { background: url(/plus/web/images/achievements/fuelband_records/longest_streak_724x414.png) no-repeat top center; } .trophies li.new_fuelband.PR_FUEL_BESTDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_MONDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_TUESDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_WEDNESDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_THURSDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_FRIDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_SATURDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEKDAY_SUNDAY a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTWEEK a span.subtitle, .trophies li.new_fuelband.PR_FUEL_BESTMONTH a span.subtitle, .trophies li.new_fuelband.PR_DAILYGOAL_LONGESTSTREAK a span.subtitle, .trophies li.new_fuelband.PR_FUEL_GETTOGREEN_BESTSESSION a span.subtitle, .trophies li.new_fuelband.PR_FUEL_GETTOGREEN_MOSTSTARS a span.subtitle, .trophies li.new_fuelband.PR_FUEL_GETTOGREEN_MOSTACTIVEHOUR a span.subtitle, .trophies li.new_fuelband.PR_FUEL_RECORDS_MOSTACTIVEHOUR a span.subtitle, .trophies li.new_fuelband.PR_FUEL_RECORDS_BESTSESSION a span.subtitle, .trophies li.new_fuelband.PR_FUEL_RECORDS_MOSTSTARS a span.subtitle { display:none !important; } div.goal_achievement_overlay div.goal_achievement_content { display:block; height:454px; width:724px; position: relative; box-shadow: 30px 30px 12px rgba(0, 0, 0, 0.4); } div.goal_achievement_overlay div.goal_achievement_content a.close { background: url(/plus/web/images/activity_v2/modal_close_button.png); display:block; height:27px; width:27px; position:absolute; top: 10px; right: 10px; z-index: 2; } div.goal_achievement_overlay div.goal_achievement_content div.top { display:block; width:205px; position: absolute; top: 30px; z-index: 2; left:30px; } div.goal_achievement_overlay div.goal_achievement_content div.top div.title { text-transform: uppercase; font-size: 48px; line-height: 42px; color:#6bec26; margin-bottom: 10px; } div.goal_achievement_overlay div.goal_achievement_content div.top div.subtitle { line-height:18px; } div.goal_achievement_overlay div.goal_achievement_content .visualization { width: 724px; height: 414px; position: absolute; left: 0; top: 0; } div.goal_achievement_overlay div.goal_achievement_content .visualization_loader { width: 724px; height: 414px; position: absolute; top: 0; left: 0; background: #000 url(/plus/web/images/global/black_loader.gif) no-repeat center; } /*bottom bar options*/ div.goal_achievement_overlay .modal_bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #fbfbfb; } div.goal_achievement_overlay .replay { margin: 7px; box-shadow: 0 1px 2px #777; } div.goal_achievement_overlay .replay .icon_font { line-height: 14px; font-size: 1.6em; position: relative; top: 1px; } div.goal_achievement_overlay .share_wrapper { position: absolute; top: 14px; right: 14px; } div.goal_achievement_overlay .share_wrapper > div, .modal_share > div { display: inline-block; margin-left: 10px; } div.goal_achievement_overlay a.record_link { color:#222222; } /* Sharing Skinning */ div.goal_achievement_overlay div.share_wrapper div.twitter { float:right; } div.goal_achievement_overlay div.goal_achievement_content.run_farther_complete div.top div.title { width: 245px; } div.goal_achievement_overlay div.goal_achievement_content.run_farther_complete div.top div.subtitle { width: 150px; } /* Avatar Upload */ div.avatar_dom { display:block; height:180px; width:340px; overflow:hidden; } div.avatar_dom div.no_avatar, div.avatar_dom div.avatar { display:block; height:81px; width:81px; background: url(/plus/web/images/settings/empty_avatar.png) no-repeat left top; } div.avatar_dom div.avatar img { display:block; height:66px; width:66px; padding:7px 0 0 7px; } div.avatar_dom div.avatar_wrapper { display:block; width:100%; overflow:hidden; } div.avatar_dom div.avatar_wrapper div.left { display:block; width:81px; overflow:hidden; float:left; margin:20px 0 0 20px; height:81px; } div.avatar_dom div.avatar_wrapper div.right { display:block; width:127px; float:left; margin:33px 0 0 14px; } /*div.avatar_dom a.handle { overflow:hidden; display:block; height:31px; width:114px; background: url(/plus/web/images/settings/upload_photo.png) no-repeat left top; }*/ div.avatar_dom a.handle.button { padding:0 15px; font-size:10px; cursor:pointer; } body.fr_FR div.avatar_dom a.handle.button { width:130px; } body.ru_RU div.avatar_dom a.handle.button { font-family: 'CyrillicTradeGothic', 'StandardFont'; } /* Force transparency on file control to fix IE8 issues */ form.upload input.file { background-color: transparent; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } div.avatar_dom div.bold { color:#636363; font-size:11px; font-weight:bold; /*letter-spacing:0.5px; height:29px; line-height:32px;*/ } div.avatar_dom div.disclaimer, div.avatar_dom div.disclaimer a { font-size:11px; color:#909090; line-height:15px; } div.avatar_dom a.remove_avatar { color:#636363; text-decoration:none; font-size:11px; position:relative; top:10px; left:10px; } div#upload_form { position:absolute; top:0; left:0; z-index:999; height:1px; width:1px; } div#upload_form form { display:block; overflow:hidden; height:40px !important; width:10px; position:relative; cursor:pointer; padding:0; } div#upload_form input { position:relative; display:block; overflow:hidden; height:100%; width:600px; /* makes the button huge and hides the upload field in IE */ border:none; padding:0; box-shadow:none; border-radius:0; cursor:pointer; position:relative; /*left:-24px;*/ direction:rtl; font-size:100px; opacity:0; } div#crop_modal { display:block; height:503px; width:689px; overflow:hidden; /*background: url(/plus/web/images/settings/avatar_resize_background.png) no-repeat left top;*/ background-color:#fff; } div#crop_modal div.top_bar { display:block; width:100%; overflow:hidden; height:72px; } div#crop_modal div.top_bar div.title { display:block; width:50%; font-size:28px; color:#000000; float:left; margin:10px 0 0 98px; line-height:63px; } div#crop_modal div.top_bar a.close { display:block; height:25px; width:25px; font-size:18px; color:#666666; float:right; margin:0 8px 0 0; text-decoration:none; margin-top:14px; } div#crop_modal div.content { display:block; width:661px; height:410px; overflow:hidden; margin:0 0 0 14px; } div#crop_modal div.content div.right { display:block; width:113px; overflow:hidden; float:left; margin:27px 0 0 44px; } div#crop_modal div.content div.left { display:block; width:414px; overflow:hidden; float:left; margin: 27px 0 0 43px; } div#crop_modal div.content div.copy { font-size:12px; color:#707070; margin:10px 0 15px 0; } div#crop_modal div.content div.copy.error{ color:#606060; background:url("/plus/web/images/icons/warning.png") no-repeat 10px 10px #dddddd; padding: 10px 10px 10px 35px; } div#crop_modal div.preview_wrapper { display:block; height:66px; width:66px; overflow:hidden; } div#crop_modal div.buttons { margin:8px 0 0 0; } div#crop_modal div.buttons a.button { font-weight:normal; font-size:11px; } /* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0px; position: absolute; background: white url('/plus/web/js/libraries/jcrop/Jcrop.gif') top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-vline.right { right: 0px; } .jcrop-hline.bottom { bottom: 0px; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; } .jcrop-tracker { width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* remove avator confirmation modal */ div#remove_avatar_modal { display:block; height:273px; width:559px; overflow:hidden; background: url(/plus/web/images/settings/avatar_remove_background.png) no-repeat left top; } div#remove_avatar_modal div.top_bar { display:block; width:100%; overflow:hidden; height:72px; } div#remove_avatar_modal div.top_bar div.title { display:block; width:70%; font-size:28px; color:#000000; float:left; margin:10px 0 0 98px; line-height:63px; } div#remove_avatar_modal div.top_bar a.close { display:block; height:25px; width:25px; font-size:18px; color:#fff; float:right; margin:0 8px 0 0; } div#remove_avatar_modal div.content { display:block; overflow:hidden; padding: 50px 40px 0; text-align: center; color: #707070; font-size: 15px; } div#remove_avatar_modal div.copy { margin-bottom: 35px; } div#remove_avatar_modal div.buttons { float: right; } div#remove_avatar_modal div.buttons a.button { font-size: 12px; text-transform: uppercase; color: #363636; } div#remove_avatar_modal div.buttons a.button.gray { color: #fff; } #crop_modal .avatar_upload_button{ width:100px; display:block; margin-bottom:10px; text-decoration:none; text-transform:uppercase; padding-top:10px; padding-bottom:10px; text-align:center; font-family: 'StandardFont'; font-size:15px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 1px 1px #dcdcdc; box-shadow: 1px 1px 1px 1px #dcdcdc; } body.ru_RU #crop_modal .avatar_upload_button { font-family: 'CyrillicTradeGothic', 'StandardFont'; } body.pl_PL #crop_modal .avatar_upload_button { font-family: 'PolishTradeGothic', 'StandardFont'; } #crop_modal .avatar_upload_button.gray{ background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f6f6 0%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ color:#666666; } #crop_modal .avatar_upload_button.dark_gray{ background: #797979; /* Old browsers */ background: -moz-linear-gradient(top, #797979 0%, #494949 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#494949)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #797979 0%,#494949 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #797979 0%,#494949 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #797979 0%,#494949 100%); /* IE10+ */ background: linear-gradient(to bottom, #797979 0%,#494949 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#494949',GradientType=0 ); /* IE6-9 */ color:#fff; margin-top:100px; } #crop_modal .avatar_upload_button.green{ background: #98df00; /* Old browsers */ background: -moz-linear-gradient(top, #98df00 0%, #68cf00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98df00), color-stop(100%,#68cf00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #98df00 0%,#68cf00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #98df00 0%,#68cf00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #98df00 0%,#68cf00 100%); /* IE10+ */ background: linear-gradient(to bottom, #98df00 0%,#68cf00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98df00', endColorstr='#68cf00',GradientType=0 ); /* IE6-9 */ color:#444444; } #running-levels { position: absolute; left: -7px; bottom: 26px; z-index: 999; overflow: hidden; height: 31px; width: 100%; font-size: 12px; white-space: nowrap; line-height: 27px; color: #fff; text-transform: uppercase; } #running-levels div { float: left; -moz-box-shadow: 0 1px 0 0 #666; -webkit-box-shadow: 0 1px 0 0 #666; box-shadow: 0 1px 0 0 #666; } #running-levels div, #running-levels span { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } #running-levels .level { width: 0px; height: 25px; float: left; display: inline; opacity: 1; top:6px; } #running-levels .tooltip { width: 16px; height: 100%; background: url('/plus/web/images/homepage_v2/levels/question.png') 0 6px no-repeat; float: right; } #running-levels .level span { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0; filter:Alpha(opacity=0); } #running-levels:hover .level span, #running-levels._hover .level span { opacity: 1; filter:Alpha(opacity=100); } #running-levels .level.current { position: relative; } #running-levels:hover .level.current, #running-levels._hover .level.current { width: 280px; padding: 0 5px; top: 6px; } .level .milestone { background-image: url('/plus/web/images/homepage_v2/levels/milestone_icons.png'); width: 0; height: 29px; margin-top: -3px; } #running-levels:hover .level .milestone, #running-levels._hover .level .milestone { width: 17px; } #running-levels:hover .level.current .marker, #running-levels._hover .level.current .marker { opacity: 0; position: absolute; top: -2px; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; } #running-levels:hover .current .marker, #running-levels._hover .current .marker { opacity: 1; } .level .milestone_made { float: left; } .level .milestone_unmade { float: right; } .level .copy{ float:left; text-align:center; padding: 0 5px; /*margin: 0 0 0 55px;*/ } body.es_ES #running-levels, body.es_LA #running-levels { line-height:25px; } body.es_ES .level .copy, body.es_LA .level .copy { font-size:10px; max-width:200px; } #running-levels .level_1 span.copy, #running-levels .level_7 span.copy{ color:#000; } #running-levels.level_1 .milestone_made { background-position: -59px -48px; } #running-levels.level_1 .milestone_unmade { background-position: -77px -48px; } #running-levels.level_2 .milestone_made { background-position: 0 0; } #running-levels.level_2 .milestone_unmade { background-position: -18px 0; } #running-levels.level_3 .milestone_made { background-position: -58px 0; } #running-levels.level_3 .milestone_unmade { background-position: -76px 0; } #running-levels.level_4 .milestone_made { background-position: -118px 0; } #running-levels.level_4 .milestone_unmade { background-position: -133px 0; } #running-levels.level_5 .milestone_made { background-position: 0 -48px; } #running-levels.level_5 .milestone_unmade { background-position: -18px -48px; } #running-levels.level_6 .milestone_made { background-position: -116px -48px; } #running-levels.level_6 .milestone_unmade { background-position: -133px -48px; } #running-levels.level_7 .milestone_made { background-position: -59px -48px; } #running-levels.level_7 .milestone_unmade { background-position: -77px -48px; } .level.level_1 { background: #fdd000; width: 0px; } .level.level_2 { background: #f48400; } .level.level_3 { background: #68ab00; } .level.level_4 { background: #2d6eba; } .level.level_5 { background: #5953ad; } .level.level_6 { background: #303030; } .level.level_7 { background: #ccdd13; } .start_cap { width: 10px; height: 100%; position: relative; border-radius: 0 0 0 5px; } .start_cap span { position: absolute; /*top: -5px;*/ left: -1px; border-left: 10px solid transparent; border-bottom: 5px solid #555; } #running-levels:hover .start_cap, #running-levels._hover .start_cap { } .level_1 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_1.png'); } .level_2 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_2.png'); } .level_3 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_3.png'); } .level_4 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_4.png'); } .level_5 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_5.png'); } .level_6 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_6.png'); } .level_7 .start_cap { background-image: url('/plus/web/images/homepage_v2/levels/collapsed_level_7.png'); } #running-levels:hover .end_cap, #running-levels._hover .end_cap, .end_cap{ border-width: 13px 8px 12px 5px; border-style: solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; left: 0px; position:relative; top:6px; } .level_1 .end_cap { border-color: #fdd000 transparent #fdd000 #fdd000; } .level_2 .end_cap { border-color: #f48400 transparent #f48400 #f48400; } .level_3 .end_cap { border-color: #68ab00 transparent #68ab00 #68ab00; } .level_4 .end_cap { border-color: #2d6eba transparent #2d6eba #2d6eba; } .level_5 .end_cap { border-color: #5953ad transparent #5953ad #5953ad; } .level_6 .end_cap { border-color: #303030 transparent #303030 #303030; } .level_7 .end_cap { border-color: #ccdd13 transparent #ccdd13 #ccdd13; } #running-levels:hover.level_0 .end_cap, #running-levels._hover.level_0 .end_cap { border-color: #fdd000 transparent #fdd000 #fdd000; } #running-levels:hover.level_1 .end_cap, #running-levels._hover.level_1 .end_cap { border-color: #f48400 transparent #f48400 #f48400; } #running-levels:hover.level_2 .end_cap, #running-levels._hover.level_2 .end_cap { border-color: #68ab00 transparent #68ab00 #68ab00; } #running-levels:hover.level_3 .end_cap, #running-levels._hover.level_3 .end_cap { border-color: #2d6eba transparent #2d6eba #2d6eba; } #running-levels:hover.level_4 .end_cap, #running-levels._hover.level_4 .end_cap { border-color: #5953ad transparent #5953ad #5953ad; } #running-levels:hover.level_5 .end_cap, #running-levels._hover.level_5 .end_cap { border-color: #303030 transparent #303030 #303030; } #running-levels:hover.level_6 .end_cap, #running-levels._hover.level_6 .end_cap { border-color: #ccdd13 transparent #ccdd13 #ccdd13; } #running-levels:hover.level_7 .end_cap, #running-levels._hover.level_7 .end_cap { border-color: #ccdd13 transparent #ccdd13 #ccdd13; } #running-levels-overlay { background: #fff; border-radius: 6px; -moz-box-shadow: 0 1px 0 0 #666; -webkit-box-shadow: 0 1px 0 0 #666; box-shadow: 0 1px 0 0 #666; padding-bottom: 40px; position: relative; } #running-levels-overlay .close { position: absolute; top: -15px; right: -15px; height: 34px; width: 33px; background: url('/plus/web/images/homepage_v2/levels/close.png') 0 0 no-repeat; } #running-levels-overlay .details { width: 630px; height: 104px; background: url('/plus/web/images/homepage_v2/levels/details.png') 0 0 no-repeat; position: relative; padding-left: 40px; margin: 40px 0; } #running-levels-overlay .tooltip { display: none; position: absolute; top: -60px; left: -40px; width: 108px; height: 104px; background: url('/plus/web/images/homepage_v2/levels/tooltip.png') 0 0 no-repeat; } #running-levels-overlay .hover_detection { width: 20px; height: 46px; margin: 30px 0 0; float: left; position: relative; } #running-levels-overlay .hover_detection:hover .tooltip { display: block; } #running-levels-overlay .logo { background: url('/plus/web/images/homepage_v2/levels/swoosh.png') left 39px no-repeat; font-size: 26px; text-transform: uppercase; padding: 30px 0 10px; width: 184px; text-align: center; margin: 0 auto; } #running-levels-overlay p { width: 480px; text-align: center; margin: 0 auto; font-size: 14px; } #running-levels-overlay p strong { font-size: 101px; line-height: 78px; display: block; margin-bottom: 10px; text-transform: uppercase; } #running-levels-overlay .level_details { position: absolute; top: 71px; border-left: 1px solid #aaa; padding: 20px 0 0 5px; font-weight: bold; text-transform: uppercase; } #running-levels-overlay .level_1_details { left: 71px; } #running-levels-overlay .level_2_details { top: -2px; left: 130px; padding: 0 0 20px 5px; } #running-levels-overlay .level_3_details { left: 260px; } #running-levels-overlay .level_4_details { left: 349px; top: -2px; padding: 0 0 20px 5px; } #running-levels-overlay .level_5_details { left: 438px; } #running-levels-overlay .level_6_details { left: 521px; top: -2px; padding: 0 0 20px 5px; } #running-levels-overlay .hover_detection_1 { display:none; } #running-levels-overlay .hover_detection_2 { display:none; } #running-levels-overlay .hover_detection_3 { margin-left:50px; border:1px; } #running-levels-overlay .hover_detection_4 { display:none; } #running-levels-overlay .hover_detection_5 { width: 23px; margin-left: 28px; } #running-levels-overlay .hover_detection_6 { width: 21px; margin-left:7px; } #running-levels-overlay .hover_detection_7 { width: 22px; margin-left:8px; } #running-levels-overlay .hover_detection_8 { margin-left:10px; } #running-levels-overlay .hover_detection_9 { display:none; } #running-levels-overlay .hover_detection_10 { margin-left:17px; } #running-levels-overlay .hover_detection_11 { margin-left:6px; } #running-levels-overlay .hover_detection_12 { margin-left:8px; } #running-levels-overlay .hover_detection_13 { display:none; } #running-levels-overlay .hover_detection_14 { margin-left:13px; } #running-levels-overlay .hover_detection_15 { margin-left:7px; } #running-levels-overlay .hover_detection_16 { margin-left:10px; } #running-levels-overlay .hover_detection_17 { display:none; } #running-levels-overlay .hover_detection_18 { margin-left:11px; } #running-levels-overlay .hover_detection_19 { margin-left:6px; } #running-levels-overlay .hover_detection_20 { margin-left:4px; } /* #running-levels-overlay .hover_detection_21 { margin-left:18px; } */ #running-levels-overlay .tooltip span { text-align: center; display: block; margin: 15px auto 0; color: #888; } #running-levels-overlay .tooltip strong { display: block; color: #000; font-weight: bold; font-size: 16px; padding-top:1px; text-transform: uppercase; } #running-levels-overlay { display: none; } /* ACTIVITY CARD */ .cal_wrapper { background: url("/plus/web/images/profile_multisport/fuelband-activity-bg.jpg") repeat scroll center center transparent; height: 414px; width: 659px; position: relative; } .current_day_wrapper { width: 591px; height: 100%; float: left; position: relative; z-index: 9; } .super .current_day_main { background: #00294c; /* Old browsers */ background: -moz-linear-gradient(top, #00294c 0%, #001421 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00294c), color-stop(100%, #001421)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00294c 0%, #001421 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00294c 0%, #001421 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #00294c 0%, #001421 100%); /* IE10+ */ background: linear-gradient(top, #00294c 0%, #001421 100%); } .current_day_main { position: relative; height: 100%; } .horseshoe_wrapper { position: absolute; height: 213px; width: 216px; left: 190px; top: 60px; background: url(/plus/web/images/homepage_v2/this_week/empty_horseshoe.png); } .fuel_center_text { color: white; font-size: 44px; position: absolute; text-align: center; top: 142px; width: 100%; margin-left: 7px; } .fuel_center_text .icon_font { font-size: 0.35em; position: relative; top: -1.25em; } .fuel_center_subtext { color: white; font-size: 16px; opacity: 0.35; filter: alpha( opacity = 35 ); position: absolute; text-align: center; top: 193px; width: 100%; } .line_graph_wrapper { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; } .line_graph { height: 60px; width: 557px; margin: 0 auto; padding: 0 0 40px; position: relative; z-index: 9; } .max_marker, .start_marker, .end_marker, .mid_marker { position: absolute; top: 0; height: 60px; width: 1px; z-index: 8; } .start_marker, .end_marker, .mid_marker { opacity: 0.3; filter: alpha( opacity = 30 ); } .start_marker .line, .end_marker .line, .mid_marker .line, .max_marker .line { border-color: white; height: 80px; position: absolute; top: 0; left: 0; border-left: 1px solid white; } .start_marker .line, .end_marker .line, .mid_marker .line { height: 60px; } .max_marker { height: 80px; z-index: 10; } .start_marker { left: 3%; } .start_marker .time, .end_marker .time { position: absolute; bottom: -20px; line-height: 8px; color: white; opacity: 1; filter: none; font-size: 10px; font-weight: bold; text-transform: uppercase; } .start_marker .time { text-align: left; left: -3px; } .end_marker .time { text-align: right; right: -3px; } .start_marker .icon, .end_marker .icon { background: url(/plus/web/images/homepage_v2/this_week/LateNight.png); width: 18px; height: 18px; position: absolute; top: -24px; left: -9px; } .end_marker .icon { background: url(/plus/web/images/homepage_v2/this_week/Evening.png); } .mid_marker .icon { position: absolute; background: url(/plus/web/images/homepage_v2/this_week/Morning.png); width: 19px; height: 12px; top: -20px; left: -9px; } .max_marker .time { position: absolute; bottom: 0; line-height: 8px; left: 5px; color: #fff; display: none; font-size: 10px; font-weight: bold; text-transform: uppercase; } .max_marker .spark { position: absolute; bottom: 0; line-height: 8px; right: 5px; text-align: right; color: white; opacity: 1; filter: none; font-size: 10px; font-weight: bold; text-transform: uppercase; width: 40px; } .end_marker { left: 97%; } .mid_marker { left: 33%; } .mid_marker.third_marker { left: 66%; } .third_marker.mid_marker .icon { position: absolute; background: url(/plus/web/images/homepage_v2/this_week/Afternoon.png); left: -10px; height: 18px; } .visualization { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; background-position:0 0; } .link_shim { position: absolute; width: 100%; height: 100%; top: 0; left:0; z-index: 10; /* IE hack to make the links clickable */ background-color:red\9; *background-color:red; filter: alpha(opacity=0) \0/; filter: alpha(opacity=0)\9; *filter: alpha(opacity=0); opacity: 0; } .activity_card_2 .stats { position: absolute; top: 21px; right: 13px; width: 115px; z-index: 2; left:auto; } .activity_card_2 .stats li { background: url(/plus/web/images/homepage_v2/this_week/icon_sprite.png) no-repeat; width:100%; margin:0; } .activity_card_2 .super .stats li { border-bottom: 2px solid #05325e; } .activity_card_2 .stats li h1 { padding: 8px 0 0 40px; color: #fff; font-size: 15px; line-height: 20px; opacity: 0.5; filter: alpha( opacity = 50 ); } .activity_card_2 .stats li h2 { padding: 0 0 8px 40px; color: white; font-size: 12px; line-height: 12px; opacity: 0.25; filter: alpha( opacity = 25 ); border-bottom: 1px solid white; } .activity_card_2 .stats .cals { background-position: 9px 14px; } .activity_card_2 .stats .distance { background-position: 10px -24px; } .activity_card_2 .stats .steps { background-position: 6px -63px; } .activity_card_2 .stats .time { background-position: 10px -105px; } .activity_card_2 .stats .rank { background-position: 10px -153px; } .activity_card_2.cal_wrapper { background: #005276 url("/plus/web/images/profile_multisport/fuelband-activity-bg.jpg") no-repeat center; position: relative; } .activity_card_2 .current_day_wrapper { height: 100%; width: 100%; position: absolute; } .activity_card_2 .horseshoe_wrapper { background-repeat: no-repeat; background-position: center bottom; margin: auto; width: 219px; height: 213px; position: absolute; } .activity_card_2 .horseshoe_wrapper canvas { position: static !important; } .activity_card_2 .fuel_center_text { height: 100%; width: 100%; top: 0 !important; position: absolute; } .activity_card_2 .fuel_center_text span.text { position: relative; top: -8px } .activity_card_2 .fuel_center_text span.icon_font { top: -28px } .activity_card_2 .fuel_center_subtext { position: absolute; top: 40px !important; height: 16px; } .activity_card_2 .line_graph { width: 94%; margin: auto; } .activity_card_2 .line_graph canvas{ position:relative; z-index:1; } .activity_card_2 .fuel_text { height: 33px; width: 100%; position: absolute; } .days_of_the_week { float: left; width: 67px; background-image: url("/plus/web/images/homepage_v2/this_week/main_card_tabs.png"); height: 415px; z-index: 1; position: relative; background-position:67px 0; } .days_of_the_week li { width: 57px; overflow: hidden; cursor: pointer; float: right; clear: right; height: 59px; } .days_of_the_week li:not(.current):hover { background-color: #026587; height: 58px; margin-bottom: 1px; } .days_of_the_week li.gray_tabs:hover{ margin-bottom:0; } /*IE 8 Hack*/ @media \0screen { .days_of_the_week li:hover { background-color: none; height: 59px; margin-bottom: 0px; } } .days_of_the_week li .weekday { float: left; width: 15px; text-align: left; padding: 0 10px 0 0; line-height: 57px; } .days_of_the_week li .tab { width: 56px; height: 60px; float: left; overflow: hidden; } .days_of_the_week li .tab .icon { background: url(/plus/web/images/homepage_v2/this_week/day_icon_sprite.png) no-repeat scroll center 0 transparent; height: 40px; } .days_of_the_week .current { cursor: default; width: 66px; height: 61px; } .days_of_the_week .current .weekday { width: 5px; } .days_of_the_week .current .tab { width: 66px; } .days_of_the_week .incomplete .tab .icon { background-position: center 9px; } .days_of_the_week .complete .tab .icon { background-position: center -31px; } .days_of_the_week .super .tab .icon { background-position: center -71px; } .days_of_the_week .almost .tab .icon { background-position: center -111px; } .days_of_the_week .zero .tab .icon { background-position: center -151px; } .days_of_the_week .empty .tab * { display: none; } .days_of_the_week li h1 { text-align: center; color: white; text-transform: uppercase; opacity: 0.3; filter: alpha( opacity = 30 ); font-size: 10px; font-weight: bold; line-height: 13px; } .days_of_the_week .empty .tab { background-position: 0 -58px; } .days_of_the_week .gray_tabs { position: absolute; bottom: 0; background: url(/plus/web/images/homepage_v2/this_week/gray_tabs.png) bottom; width: 67px; z-index: 2; } /* SE */ #activity_card { width:563px; height:414px; background-color: #0f92cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#0f92cc), to(#064785)); background-image: -webkit-linear-gradient(top, #0f92cc, #064785); background-image: -moz-linear-gradient(top, #0f92cc, #064785); background-image: -o-linear-gradient(top, #0f92cc, #064785); background-image: linear-gradient(to bottom, #0f92cc, #064785); position: relative; } .se.activity_card_2{ background-color: #0f92cc !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#0f92cc), to(#064785)) !important; background-image: -webkit-linear-gradient(top, #0f92cc, #064785) !important; background-image: -moz-linear-gradient(top, #0f92cc, #064785) !important; background-image: -o-linear-gradient(top, #0f92cc, #064785) !important; background-image: linear-gradient(to bottom, #0f92cc, #064785) !important; } .se .horseshoe_wrapper{ position: absolute; height: 213px; width: 216px; background: url(/plus/web/images/homepage_v2/this_week/horseshoe_bg.png); } .se .horseshoe_light{ width:100%; height:100%; position:absolute; z-index:100; display:none; top:1px; left:-1px; background: url(/plus/web/images/homepage_v2/this_week/empty_horseshoe_2.png) no-repeat; } .se.activity_card_2 .stats { width:80px; right:30px; top:60px; border-top:1px solid rgba(255,255,255,.3); } .se.activity_card_2.zero_state .stats{ border-top:0; } .se.activity_card_2 .stats li { background:none; width:100%; margin:0; border-bottom: 1px solid rgba(255,255,255,.3); height:50px; width:80px; } .se.activity_card_2 .stats h1 { color: #fff; font-weight:normal; font-size: 14px; line-height:50px; float:left; overflow:hidden; display:inline; padding:0; opacity: 0.8; filter: alpha( opacity = 80 ); } .se.activity_card_2 .stats .icon{ margin-top:13px; margin-right:5px; height:23px; width:23px; display:block; float:left; background: url(/plus/web/images/homepage_v2/this_week/stat_icons.png) no-repeat; } .se.activity_card_2 .share_buttons{ height:40px; position:absolute; width:79px; right:30px; top:15px; } .se.activity_card_2.zero_state .share_buttons{ display:none; } .se.activity_card_2 .stats .cals .icon{ background-position: 2px 0px; } .se.activity_card_2 .stats .time .icon{ background-position: 0px -23px; } .se.activity_card_2 .stats .steps .icon{ background-position: 0px -46px; } .se.activity_card_2 .stats .hours_won{ border:0; height:40px; } .se.activity_card_2 .stats .hours_won .icon { background-position: 0px -70px; } .se.activity_card_2 .stats .view_details{ background:none; text-transform:uppercase; color:#fff; border:0; font-weight:normal !important; font-size:12px; line-height:40px; clear:both; } #dashboard_wrapper .se.activity_card_2 .stats .view_details{ position:relative; top:-15px; } body.ja_JP #page_content_wrapper.running_dashboard { font-family: Meiryo, sans-serif; } .se.activity_card_2 .stats .time h1{ width: 52px; overflow: visible; } body.ko_KR .se.activity_card_2 .stats .time h1 { letter-spacing:-2px; } body.fr .se.activity_card_2 .stats .view_details { line-height:14px; margin-top:15px; } body.pt_BR .se.activity_card_2 .stats .view_details, body.de .se.activity_card_2 .stats .view_details { line-height:14px; margin-top:15px; width:70px; } body.zh .se.activity_card_2 .stats .view_details { width:100px; } body.ja .se.activity_card_2 .stats .view_details { width:85px; } .se.activity_card_2 .stats .view_details span { font-size:16px; } .se.activity_card_2 .horseshoe_wrapper { background-repeat: no-repeat; background-position: -7px 1px; margin: auto; width: 217px; height: 224px; position: absolute; } .se.activity_card_2 .fuel_center_text{ font-size:54px; } .se.activity_card_2 .fuel_center_text span.icon_font { font-size: 13px; opacity: 0.35; position: relative; top: -40px; } .se.activity_card_2 .fuel_center_subtext { position: absolute; top: 50px !important; height: 14px; font-size:14px; } .se.activity_card_2 .line_graph_wrapper{ width:100%; margin:auto; position:absolute; bottom:0; } .se.activity_card_2 .line_graph, .se.activity_card_2 .hourmarks { width: 94%; height:60px; margin:auto; padding:0; } .se.activity_card_2 .fuel_text { height: 64px; width: 100%; position: absolute; z-index: 1; left:-8px; } .se.activity_card_2.zero_state .line_graph_wrapper, .se.activity_card_2.zero_state .horseshoe_light, .se.activity_card_2.zero_state canvas, .se.activity_card_2.zero_state .fuel_center_subtext{ display:none; } .se.activity_card_2 .line_graph_wrapper .hourmarks{ height:30px; line-height:30px; color:rgba(0, 0, 0, .5); font-weight:bold; position:relative; } .se.activity_card_2.supergoal .line_graph_wrapper .hourmarks{ color:rgba(255, 255, 255, .3); } .se.activity_card_2 .line_graph_wrapper .hourmarks span{ position:absolute; } .se.activity_card_2 .line_graph_wrapper .hourmark_2{ left:48%; } .activity_card_2 .line_graph_wrapper .hourmark_3{ right:0%; } #modal_content .se.activity_card_2 .current_day_wrapper { height: 100%; width: 100%; height:414px; width:724px; position: absolute; } .se .play{ color:#fff; position:absolute; font-size:24px; left: 20px; top: 15px; z-index:20; cursor:pointer; display:none; line-height:22px; } .se .play .play_icon, .se .replay.play_icon { width:22px; height:22px; background:url('/plus/web/images/activity/replay_icon.png') no-repeat; display:block; float:left; margin-right:5px; } .se .replay.play_icon.streak_replay{ position:absolute; top:-350px; left:-10px; text-decoration:none; } .se .replay.play_icon.streak_replay span{ padding-left:30px; text-transform:uppercase; } .se .play:hover{ } .se.activity_card_2.supergoal .play{ display:block; } .se.activity_card_2.zero_state .stats h1{ display:none; } .se.activity_card_2 .zero_state_text{ display:none; color: #fff; font-size: 24px; line-height: 24px; text-align: center; position: relative; top: 320px; text-transform: uppercase; } .se.activity_card_2.zero_state .zero_state_text{ display:block; } #tagging_wrapper.zero_state{ height:66px; width:100%; background:#fff; display:block; } .activity_card.days { background-color: #0f92cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#0f92cc), to(#064785)); background-image: -webkit-linear-gradient(top, #0f92cc, #064785); background-image: -moz-linear-gradient(top, #0f92cc, #064785); background-image: -o-linear-gradient(top, #0f92cc, #064785); background-image: linear-gradient(to bottom, #0f92cc, #064785); overflow:hidden; float: left; width: 57px; height: 414px; z-index: 1; position: relative; background-position:67px 0; } .activity_card.days li { border-top:1px solid rgba(255, 255, 255, .1); border-bottom:1px solid rgba(0, 0, 0, .4); width: 57px; height:57px; overflow: hidden; cursor: pointer;i clear: right; position:relative; } .activity_card.days li.hide_border_top{ border-top:1px solid rgba(0,0,0,.2); } .activity_card.days li.zero_tab.current{ background:transparent; border-top:1px solid transparent; } .activity_card.days li.zero_tab{ background:#e6e6e6; border-bottom:1px solid #c6c6c6; border-top:1px solid #fff; } .activity_card.days li.zero_tab_1{ border-top:1px solid transparent; } .activity_card.days li.zero_tab.current:hover{ background:transparent !important; cursor:default; } .activity_card.days li.zero_tab:hover{ background:#e6e6e6 !important; cursor:default; } .activity_card.days .bg{ height:60px; width:100%; opacity:.2; z-index:0; top:0; position:absolute; background:#000; } .activity_card.days .current .bg{ display:none; } .activity_card.days .current{ border-bottom:1px solid transparent; height:58px; } .activity_card.days.water .current{ background: url(/plus/web/videos/supergoal_water/last_frame_profile.jpg) no-repeat -25px 0; } .activity_card.days.ice .current{ background: url(/plus/web/videos/supergoal_ice/last_frame_profile.jpg) no-repeat -25px 0; } .activity_card.days.fire .current, .activity_card.days.supernova .current{ background: #000; } .activity_card.days.rainbow .current{ background: url(/plus/web/videos/supergoal_rainbow/last_frame_profile.jpg) no-repeat -25px 0; } .activity_card.days .current{ -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important; -ms-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important; } .activity_card.days li h1 { position:relative; color:#fff; } .activity_card.days li h2{ color:rgba(255,255,255,.5); } .activity_card.days li h1, .activity_card.days li h2{ position:relative; text-transform:uppercase; text-align:center; z-index: 1; opacity:1; } .activity_card.days li h1{ padding-top:8px; font-size:24px; } .activity_card.days li.current h1{ cursor: default; font-weight:normal; } .activity_card.days li.complete h1, .activity_card.days li.complete h2{ color:#27fd27; } .activity_card.days li.incomplete h1, .activity_card.days li.incomplete h2{ color:#ff4d49; } .activity_card.days li.almost h1, .activity_card.days li.almost h2{ color:#f3fb2c; } .activity_card.days li.super .icon{ background: url(/plus/web/images/dashboard/activity_card/supergoal_icon.png) no-repeat scroll center 0 transparent; height: 22px; position:relative; z-index:1; margin:8px; } .activity_card.days li.super h2{ padding:relative; color:#27fd27; text-align:center; } .activity_card.days li:not(.current):hover { background-color: transparent; height: 57px; margin-bottom: 0px; } .activity_card.days li:not(.current):hover .bg{ opacity:.4; } .se div.session_icon { height:100%; min-height:28px !important; width:30px; background:url("/plus/web/images/dashboard/activity_card/session_icon.png") no-repeat center 10px; cursor: pointer; display: block; position: absolute; width: 22px; top: -30px; z-index: 0; } .supergoal div.session_icon{ background:url("/plus/web/images/dashboard/activity_card/session_icon_inverted.png") no-repeat center 10px; } .se div.session_icon.SLEEPING{ background:url("/plus/web/images/dashboard/activity_card/sleep_icon.png") no-repeat center 12px; } .supergoal div.session_icon.SLEEPING{ background:url("/plus/web/images/dashboard/activity_card/sleep_icon_inverted.png") no-repeat center 12px; } div.session_icon .vert_line{ position:relative; left:10px; top:35px; } .vert_line{ background:rgba(0,0,0,0.2); top:20px; position:absolute; height:100%; width:1px; } .supergoal .vert_line{ background:rgba(255,255,255, .2); } .session_icon span{ color:rgba(0,0,0,0.4); position:absolute; top:-12px; left:3px; font-size:10px; } .supergoal .session_icon span{ color:rgba(255,255,255,0.4); } .se.activity_card_2 .share_content_wrapper { margin-left:9px; } .se.activity_card_2 .share_content_wrapper .share_content{ float:left; margin-top:8px; float:left; } body.zh_CN .current_day_header .sub_heading, body.zh_TW .current_day_header .sub_heading, body.pt_BR .current_day_header .sub_heading, body.ko_KR .current_day_header .sub_heading { font-size: 30px; } body.ko_KR .current_day_header .sub_heading { line-height: 34px; } body.ja_JP .current_day_header .sub_heading { font-size:26px; line-height:20px; letter-spacing:-2px; } .current_day_header div { font-size: 14px; letter-spacing: 0; text-transform: uppercase; color: #fff; opacity: .6; } .profile .current_day_header{ display:block; } .cal_wrapper:hover .current_day_wrapper h1 div { opacity: 1; } .cal_wrapper:hover .current_day_wrapper .header_font { color: #fff; } .current_date { color: white; text-transform: uppercase; white-space: nowrap; } #left_top { line-height: 25px; padding: 0; color: #333; } .activity_card_2 .visualization.water{ background: url(/plus/web/videos/supergoal_water/last_frame_profile.jpg) no-repeat top center; } .activity_card_2 .visualization.ice{ background: url(/plus/web/videos/supergoal_ice/last_frame_profile.jpg) no-repeat top center; } .activity_card_2 .visualization.fire{ background: url(/plus/web/videos/supergoal_fire/last_frame_profile.jpg) no-repeat top center; } .activity_card_2 .visualization.rainbow{ background: url(/plus/web/videos/supergoal_rainbow/last_frame_profile.jpg) no-repeat top center; } .activity_card_2 .visualization.supernova{ background: url(/plus/web/videos/supergoal_supernova/last_frame_profile.jpg) no-repeat top center; } .homepage_v2 .activity_card_2 .visualization.water, .homepage_v2 .activity_card_2 .visualization.ice, .homepage_v2 .activity_card_2 .visualization.fire, .homepage_v2 .activity_card_2 .visualization.rainbow, .homepage_v2 .activity_card_2 .visualization.supernova{ background-position:0px -30px !important; } #profile-page .activity_card_2 .visualization.water, #profile-page .activity_card_2 .visualization.ice, #profile-page .activity_card_2 .visualization.fire, #profile-page .activity_card_2 .visualization.rainbow, #profile-page .activity_card_2 .visualization.supernova{ background-position:-15px 0; } #modal_content .hourmark_2{ left:47%; } #modal_content .hourmark_3{ left:94%; } .hidden{ display:none !important; } .current_day_wrapper #all_days{ background-color:#fff; margin-top:410px; height:70px; overflow:hidden; width:100%; } .current_day_wrapper #all_days a{ display:block; float:left; margin-left:20px; width:80px; height:28px; text-align:center; font-family:"alternateboldfont"; text-decoration:none; color:#444; font-size:16px; padding-top:42px; text-transform:uppercase; } .current_day_wrapper #all_days a.selected{ background-color:#eee !important; } .current_day_wrapper #all_days a.mon_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_monday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.tue_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_tuesday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.wed_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_wednesday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.thur_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_thursday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.fri_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_friday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.sat_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_saturday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.sun_icon{ background:url("/plus/web/images/achievements/fuelband_records/best_sunday_100x100.png") no-repeat ; background-size:50%; background-position:top center; } .current_day_wrapper #all_days a.disabled{ opacity:.3; } .eu_cookies { height: auto; background: #fff; position: relative; padding:30px; } #modal_content.cookies, .eu_cookies p{ transition: all 0.3s ease-out; } .eu_cookies a{ cursor:pointer; } .eu_cookies.round, .eu_cookies .round{ -webkit-border-radius: 3px; border-radius: 3px; } .eu_cookies #close{ width:12px; height:12px; float:right; margin:0; cursor:pointer; background:url(/plus/web/images/button/modal_buttons.gif); background-size:69px; } .eu_cookies h1 { color: #333333; font-size: 25px; line-height: 25px; width: 90%; text-align:left; } .eu_cookies p{ line-height:18px; color:#333; } .eu_cookies strong{ font-weight:bold; } .eu_cookies strong.cta{ display:block; } .eu_cookies .divider{ width:100%; height:1px; background:#ccc; margin:15px 0; clear:both; } .eu_cookies .button{ width:48%; font-weight:normal; font-size:15px; line-height:15px; padding:10px 0; text-align:center; height:auto; border:0; margin:20px 0; } .eu_cookies .fl{ float:left; } .eu_cookies .fr{ float:right; } .eu_cookies li{ margin-bottom:40px; } .eu_cookies .toggle{ cursor:pointer; border:1px solid #ccc; float:right; width:22px; height:17px; margin-left:10px; } .eu_cookies .checkbox, .eu_cookies .mandatory, .eu_cookies .toggle span{ width:12px; height:12px; display:block; float:left; background:url(/plus/web/images/button/modal_buttons.gif); background-size:69px; margin-right:10px; } .eu_cookies .toggle span{ width:10px; height:12px; margin:3px 6px; display:block; } .eu_cookies .toggle span.collapsed{ background-position:-47px 0; } .eu_cookies .toggle span.expanded{ background-position:-37px 0; } .eu_cookies .mandatory{ background-position:-12px 0; } .eu_cookies .checkbox.checked{ background-position:-24px 0; } .eu_cookies .checkbox{ cursor:pointer; background-position:-57px 0; } #eu_cookies_alert strong.cta { margin-top:10px; } #eu_cookies_alert #disclaimer{ margin-bottom:0; } #eu_cookies_settings{ line-height:18px; } #eu_cookies_settings li p{ overflow:hidden; margin:10px 0 0 22px; width:90%; } #eu_cookies_settings #done{ width:25%; line-height:25px; margin-top:-20px; } @media (max-width: 680px){ .eu_cookies{ padding:8%; } #modal_vcenter.eu_cookies_settings{ position:absolute; top:0; } #modal_vcenter.eu_cookies_settings #modal_content, #modal_vcenter.eu_cookies_alert #modal_content{ height:100% !important; width:100% !important; } #modal_vcenter.eu_cookies_settings #modal_content{ top:0px; margin-top:-29px !important; } #modal_wrapper.eu_cookies_settings{ background:#fff; opacity:1; } #eu_cookies_settings { background:#fff; position:absolute; width:85% !important; left:0%; top:81px; } #modal_wrapper.eu_cookies_alert{ height:150%; } #eu_cookies_settings{ top:20px; } #eu_cookies_alert { position:fixed; width:75% !important; left:4.5%; top:4%; top:100px; } .eu_cookies .checkbox,.eu_cookies .mandatory{ height:48px; background-repeat:no-repeat; } #eu_cookies_settings strong{ color:#333; display:block; } #eu_cookies_settings #done{ width:100%; } } @media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2){ .eu_cookies.round, .eu_cookies .round{ -webkit-border-radius: 6px; border-radius: 6px; } .eu_cookies #close, .eu_cookies .checkbox, .eu_cookies .mandatory, .eu_cookies .toggle span{ width:48px; height:96px; display:block; float:left; background:url(/plus/web/images/button/modal_buttons.gif) no-repeat; background-size:276px; margin-right:20px; } .eu_cookies #close{ float:right; margin-right:0; height:48px; } .eu_cookies .divider{ margin:20px 0; } .eu_cookies .toggle{ width:88px; height:68px; margin-left:10px; } .eu_cookies .toggle span{ width:40px; height:48px; margin:12px 24px; } .eu_cookies .toggle span.collapsed{ background-position:-188px 0; } .eu_cookies .toggle span.expanded{ background-position:-148px 0; } .eu_cookies .mandatory{ background-position:-48px 0; } .eu_cookies .checkbox.checked{ background-position:-96px 0; } .eu_cookies .checkbox{ cursor:pointer; background-position:-228px 0; } .eu_cookies h1{ font-size:45px; line-height:45px; width:100%; } .eu_cookies p{ margin-left:0; font-weight:normal; font-size:24px; line-height:30px; margin:25px 0; color:#777; width:100%; } #eu_cookies_settings { font-size:24px; line-height:30px; min-height:235%; top:0; } #eu_cookies_settings li{ font-weight:bold; color:#777; margin-bottom:60px; } #eu_cookies_settings h1{ text-align:center; } #eu_cookies_settings strong{ line-height:60px; } #eu_cookies_settings li p{ margin-left:65px; width:80%; } #eu_cookies_settings #close{ display:none; } #eu_cookies_settings #done{ line-height:70px; font-size:30px; } .eu_cookies_alert #modal_content{ margin-top:-200px !important; } #modal_wrapper.eu_cookies_alert{ height:150%; } #eu_cookies_alert strong.cta{ margin-top:20px; margin-bottom:0px; } #eu_cookies_alert .button{ margin-top:5px; font-size:30px; line-height:70px; margin-bottom:25px; } } .missing_information_modal_wrapper { background-color: #fff; margin: 0 auto; width: 450px; } .missing_information_modal { } .missing_information_modal h1, .missing_information_modal p { font-size: 31px; text-align: center; } .missing_information_modal h1 { padding-top: 30px; text-transform: uppercase; } .missing_information_modal p { color: #666; font-size: 13px; } .missing_information_modal form { margin: 0 auto; width: 90%; } .missing_information_modal .form_item { padding: 15px 5px; } .missing_information_modal .form_item.button { margin-bottom: 0; padding-bottom: 20px; text-align: center; } .missing_information_modal label { color: #666; float: left; padding-top: 15px; width: 25%; } .missing_information_modal .text_inputs label, .missing_information_modal .select_inputs label { display: block; } .missing_information_modal .radio_inputs label, .missing_information_modal .select_inputs label { padding-top: 0; } .missing_information_modal .input_wrap { display: block; float: left; width: 70%; } .missing_information_modal .input_wrap label { } .missing_information_modal .input_wrap input { border: 1px solid #eee; padding: 10px; width: 100%; } .missing_information_modal .radio_wrap { width: 30%; } .missing_information_modal .radio_wrap label { float: none; padding-left: 10px; padding-top: 0; } .missing_information_modal select { border: 1px solid #ccc; margin: 0 10px 0 0; padding: 3px; top: auto; visibility: visible; } .missing_information_modal .radio_inputs.error, .missing_information_modal select.error, .missing_information_modal input.error { border: 1px solid #f00; } div.emergency_broadcast_system { display:block; height:0; overflow:hidden; background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#bababa)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f5f5f5, #bababa); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f5f5f5, #bababa); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f5f5f5, #bababa); /* IE10 */ background-image: -o-linear-gradient(top, #f5f5f5, #bababa); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f5f5f5, #bababa); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */ position:relative; z-index:10; } div.emergency_broadcast_system div.message { display: block; width:1000px; margin:0 auto; text-align:center; color:#363636; font-weight:bold; position:relative } div.emergency_broadcast_system div.message a { color:#363636; text-decoration:none; } div.emergency_broadcast_system div.message a.close { position:absolute; right:40px; top:15px; opacity: 0.5; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=50); /* IE6-IE8 */ } div.emergency_broadcast_system div.message span { padding:0 11px 0 0; position: relative; top: 18px; font-size:12px; } div.emergency_broadcast_system div.message strong{ color:#ca151e; font-weight:bold; } .missing_information_modal_wrapper { background-color: #fff; margin: 0 auto; width: 450px; } .missing_information_modal { } .missing_information_modal h1, .missing_information_modal p { font-size: 31px; text-align: center; } .missing_information_modal h1 { padding-top: 30px; text-transform: uppercase; } .missing_information_modal p { color: #666; font-size: 13px; } .missing_information_modal form { margin: 0 auto; width: 90%; } .missing_information_modal .form_item { padding: 15px 5px; } .missing_information_modal .form_item.button { margin-bottom: 0; padding-bottom: 20px; text-align: center; } .missing_information_modal label { color: #666; float: left; padding-top: 15px; width: 25%; } .missing_information_modal .text_inputs label, .missing_information_modal .select_inputs label { display: block; } .missing_information_modal .radio_inputs label, .missing_information_modal .select_inputs label { padding-top: 0; } .missing_information_modal .input_wrap { display: block; float: left; width: 70%; } .missing_information_modal .input_wrap label { } .missing_information_modal .input_wrap input { border: 1px solid #eee; padding: 10px; width: 100%; } .missing_information_modal .radio_wrap { width: 30%; } .missing_information_modal .radio_wrap label { float: none; padding-left: 10px; padding-top: 0; } .missing_information_modal select { border: 1px solid #ccc; margin: 0 10px 0 0; padding: 3px; top: auto; visibility: visible; } .missing_information_modal .radio_inputs.error, .missing_information_modal select.error, .missing_information_modal input.error { border: 1px solid #f00; } ::-webkit-input-placeholder { color: #aaa !important; font-weight:normal; } :-moz-placeholder { /* Firefox 18- */ color: #aaa !important; font-weight:normal; } ::-moz-placeholder { /* Firefox 19+ */ color: #aaa !important; font-weight:normal; } :-ms-input-placeholder { color: #aaa !important; font-weight:normal; } .login_container input::-webkit-input-placeholder, .popup_login_container input::-webkit-input-placeholder, #login_link_accounts_view input::-webkit-input-placeholder{ color: #aaa !important; font-weight:normal; } .login_container input:-moz-placeholder, .popup_login_container input:-moz-placeholder, #login_link_accounts_view input:-moz-placeholder{ /* Firefox 18- */ color: #aaa !important; font-weight:normal; } .login_container input::-moz-placeholder, .popup_login_container input::-moz-placeholder, #login_link_accounts_view input::-moz-placeholder{ /* Firefox 19+ */ color: #aaa !important; font-weight:normal; } .login_container input:-ms-input-placeholder, .popup_login_container input:-ms-input-placeholder, #login_link_accounts_view input:-ms-input-placeholder { color: #aaa !important; font-weight:normal; } .login_container sup{ top:5px; position:relative; } /*IE STUFF*/ #login_center sup { *top: 7px; /* IE6 + 7, doesn't work in IE8/9 as IE7 */ } #login_center sup { _top: 7px; /* IE6 */ } #login_center sup { top: 7px\0/IE8+9; /* IE8 + 9 + IE10pp4 */ } #login_center .header sup { *top: 19px; /* IE6 + 7, doesn't work in IE8/9 as IE7 */ } #login_center .header sup { _top: 19px; /* IE6 */ } #login_center .header sup { top: 19px\0/IE8+9; /* IE8 + 9 + IE10pp4 */ } #login_center .left sup { *top: -5px; /* IE6 + 7, doesn't work in IE8/9 as IE7 */ } #login_center .left sup { _top: -5px; /* IE6 */ } #login_center .left sup { top: -5px\0/IE8+9; /* IE8 + 9 + IE10pp4 */ } /*IE STUFF */ .wrapper{ position:relative; padding-top: 1px; } #login_center{ padding-top:40px; padding-bottom:10px; display:block; overflow: hidden; } .login_page_container{ display:block; overflow: hidden; } .login_page_container .swoosh_container{ display:block; overflow:hidden; width:100%; } .login_page_container .swoosh_container .swoosh{ display:block; width:120px; height:29px; margin: 0 auto; background:url("/plus/web/images/login_v2/login_center_swoosh.png") no-repeat center top; background-height:42px; background-width:120px; background-size:70%; } #login_center .login_page_container #registration_view{ padding-top:40px; } .login_container .btn.green{ background:#3cf706 !important; color:#1c5400 !important; font-weight:normal !important; } .login_container .btn.green:hover{ background:#0ED50B !important; } .login_container .main_content{ display:block; width:753px; overflow:hidden; margin: 0 auto; border-bottom:solid 1px #d7d8da; padding-bottom:20px; padding-top:48px; } .login_container .main_content .left{ float:left; width:280px; position:relative; } .login_container .main_content .right{ position:relative; } body.zh_CN .login_container .main_content .left{ float:none; margin: 0 auto; } .login_container .main_content .right{ float:right; width:280px; } body.zh_CN .login_container .main_content .right{ display:none; } .login_container .main_content .center{ float:left; width:190px; background:url("/plus/web/images/login_v2/login_center_bar.png") no-repeat top center; text-align:center; } body.zh_CN .login_container .main_content .center{ display:none; } .login_container h2{ color:#333; font-family: "Helvetica Neue", sans-serif; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:-1px; line-height:24px; } .login_container h2 sup { top:-5px; position:relative; line-height: 0; vertical-align: baseline; } /*Styles for the left side of login*/ .login_container .error{ position:absolute; color:red; left:10px; top:-40px; display:none; width:100%; margin-left:0px; } body.ja_JP .login_container .error{ font-size:13px !important; } .login_container .error.network_error { line-height: 12px; top: -45px; } .login_container .error.bad_email{ font-size:17px; left:0px; } .login_container #login_email{ margin-top:25px; width:260px; } .login_container #login_password{ margin-top:10px; width:260px; margin-bottom:0 !important; } .login_container .login_button{ margin-top:15px; display:block; background-color:#0ef30a; color:#1c5400; } .login_container .login_button:hover{ background-color:#0ed50b; } .login_container .forgot_password_link{ display:block; margin-top:25px; color:#8f8f90; text-decoration:none; margin-bottom:15px; } .login_container .forgot_password_link span{ color:#424242; } .login_remember_me_text{ margin-left:19px; color:#555; font-weight:bold; position:relative; } /*Styles for middle column*/ .login_container .center{ padding:140px 0px; margin-top:10px; } .login_container .center_column_text{ font-size:18px; color:#333333; font-family: "Helvetica Neue", sans-serif; font-weight:bold; } /*Styles for right column*/ .login_container .right .sub_text{ margin-top:30px; color:#888888; text-align:center; line-height:14px; font-size:14px; } .login_container .facebook_button { background:url("/plus/web/images/login_v2/facebook_button.png") no-repeat top center; display:block; width:278px; height:56px; text-indent:-999999px; margin:68px auto 0; text-transform:uppercase; } .login_container .fb_error { left: 25px; width: 230px; text-transform:uppercase; } /*Registration Section*/ .login_container .registration_section{ border-top:solid 1px #fff; padding-bottom:50px; } .login_container .registration_section h1{ color:#333; text-align:center; font-size:22px; margin:0px; } .login_container .registration_section .join_nike{ background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #101010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#101010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#101010 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#101010 100%); /* W3C */ color:#fff; display:block; text-align:center; margin: 0 auto; margin-top:0px; width:275px; height:auto; } .login_container .registration_section .join_nike:hover{ background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #252525 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#252525)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#252525 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#252525 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#252525 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#252525 100%); /* W3C */ } .login_container .facebook_button_html{ display:none; } /* SQUARED THREE */ .popup_login_container .float_container .custom_check{ float:left; } #remember_me_box, #sms_box { display:none; } .custom_check { width: 117px; height:25px; margin: 5px 15px 0 2px; line-height:21px; position: relative; top:4px; /* border-right:1px solid #aaa; */ } .custom_check label { cursor: pointer; position: absolute; width: 12px; height: 12px; top: 0; left:-2px; margin-top:3px; margin-right:5px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); background: -webkit-linear-gradient(top, #fff 0%, #fff 100%); background: -moz-linear-gradient(top, #fff 0%, #fff 100%); background: -o-linear-gradient(top, #fff 0%, #fff 100%); background: -ms-linear-gradient(top, #fff 0%, #fff 100%); background: linear-gradient(top, #fff 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); } .custom_check label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 5px; height: 2px; background: transparent; top: 4px; left: 3px; border: 2px solid #000; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .custom_check input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* .custom_check { width: 120px; float:left; margin-top:10px; border-right:1px solid #BFBFC0; height:21px; margin-right:15px; } .custom_check input{ position:relative; top:5px; } .login_container label, .login_remember_me_text{ margin:0; } */ .join_container{ display:none; width:255px; border-top:1px solid #fff; position:relative; padding:15px 0; padding-bottom:0; } .join_container h3{ font-size:18px; margin-bottom:0; color:#333; text-transform:uppercase; } .join_container .btn{ margin-top:15px !important; } /*Styles for forgot password*/ .forgot_password_container{ display:block; overflow:hidden; width:100%; } .forgot_password_container h1{ text-align:center; font-family: 'AlternateBoldFont', sans-serif; font-size:48px; color:#333333; } .forgot_password_container .sub_text{ color:#666666; font-size:18px; text-align:center; margin-top:35px; font-family: "Helvetica Neue", sans-serif; } .forgot_password_container #forgot_email{ color:#666; font:normal 16px/18px "Helvetica Neue", Arial, sans-serif; border:1px #eee solid; padding: 15px 10px; display:block; width:279px; margin:0 auto; margin-top:60px; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; -ms-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; } .forgot_password_form_container p, .sent_forgot_password_form_container p{ font-size:12px; text-align:left; line-height:14px; } .popup_login_container .sent_forgot_password_form_container .email_to{ color:#000; } .forgot_password_container .send_forgot_button{ cursor:pointer; font-size:30px; padding:10px; text-align:center; text-transform:uppercase; border:0; height:auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal; text-decoration:none; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); background:#3cf706 !important; color:#1c5400 !important; font-weight:normal !important; width:279px; margin: 0 auto; display:block; margin-top:15px; } .forgot_password_container .send_forgot_button:hover{ background:#0ED50B !important; } .forgot_password_container .center_text{ text-align:center; } .forgot_password_container .back_to_login{ display:inline-block; margin: 0 auto; margin-top:25px; color:#888888; text-decoration:none; font-size:14px; margin-bottom:80px; } .forgot_password_container .back_to_login_btn{ cursor:pointer; font-size:30px; padding:10px; text-align:center; text-transform:uppercase; border:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal; text-decoration:none; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); background:#3cf706 !important; color:#1c5400 !important; font-weight:normal !important; width:279px; margin: 0 auto; display:block; margin-top:35px; margin-bottom:100px; } .forgot_password_container .back_to_login_btn:hover{ background:#0ED50B !important; } .bad_email_forgot_error{ color: red; display: block; font-size: 13px; margin: 0 auto; position: relative; text-align: center; top: 50px; } .bad_email_forgot_error_popup{ color: red; display: block; font-size: 13px; margin: 0 auto; position: relative; } /*Styles for Registration*/ /*Most of the styles are taken from imprinting/main.css*/ h1.header{ text-align:center; font-family: 'AlternateBoldFont', sans-serif; font-size:44px; color:#333333; margin:35px 0; } h1 sup{ position:relative; top:3px; } #registration_view .wrapper{ position:relative; } #registration_view .custom_check{ width:20px; border:0; margin:0; float:left; margin-right:10px; } #registration_view .custom_check label:after { width: 8px; height: 4px; top: 7px; left: 5px; border: 3px solid #3cf706; border-top: none; border-right: none; } #registration_view #emails, #registration_view #sms { width:252px; float:right; margin-right:40px; } #registration_view #emails label, #registration_view #sms label { width:200px; font-size:12px !important; line-height:16px !important; margin-top:7px; color:#777; } #registration_view .custom_check label{ width:20px !important; height:20px !important; } body.ja .custom_check label { cursor: pointer; position: absolute; width: 12px; height: 12px; top: 0; left:-2px; margin-top:3px; margin-right:5px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); -webkit-border-radius: 10px; border-radius: 10px; background: -webkit-linear-gradient(top, #fff 0%, #fff 100%); background: -moz-linear-gradient(top, #fff 0%, #fff 100%); background: -o-linear-gradient(top, #fff 0%, #fff 100%); background: -ms-linear-gradient(top, #fff 0%, #fff 100%); background: linear-gradient(top, #fff 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); } body.ja .custom_check label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 10px !important; height: 10px !important; background: #3CF706; top: 6px !important; left: 3px; border: none !important; -webkit-border-radius: 5px; border-radius: 5px; } /*Login Popup*/ .popup_login_container{ position: absolute; z-index: 5; right:0; top:80px; background:#f6f6fa; padding: 10px 20px 20px; width:255px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .3); } .popup_login_container input#login_email{ margin-bottom:15px; } .popup_login_container input.standard_input{ padding:5px; font-size:12px !important; letter-spacing:1px; } .popup_login_container .custom_check { width:auto; margin-bottom:10px; } body.en_US .popup_login_container .custom_check, body.en_GB .popup_login_container .custom_check { width:151px; } .popup_login_container sup { position:relative; top:5px; } .popup_login_container .join_container sup { top:4px; } .popup_login_container .facebook_container{ margin-top:10px; } .popup_login_container .btn{ height:15px !important; line-height:15px !important; } .popup_login_container .facebook_container .btn{ margin:0; margin-bottom:5px; line-height:14px; } body.zh_CN .popup_login_container .facebook_container{ display: none !important; } .popup_login_container .noise{ height:100%; width:100%; z-index:-1; left:0; top:0; display:block; position:absolute; background:url('/plus/web/images/login_v2/noise.jpg'); } .popup_login_container .facebook_button_html{ display:block; color:#fff; margin: 0 auto; margin-top:10px; font-size:16px; padding:10px; padding-left:50px; width:195px; text-decoration: none; position:relative; background: #3a5aa3; /* Old browsers */ background: -moz-linear-gradient(top, #3a5aa3 0%, #263b83 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5aa3), color-stop(100%,#263b83)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3a5aa3 0%,#263b83 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3a5aa3 0%,#263b83 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3a5aa3 0%,#263b83 100%); /* IE10+ */ background: linear-gradient(to bottom, #3a5aa3 0%,#263b83 100%); /* W3C */ } .popup_login_container .facebook_button_html .logo{ background:url('/plus/web/images/login_v2/facebook_logo.png') no-repeat; display:block; float:left; width:100px; height:37px; position:absolute; top:0px; background-size: 100%; width:32px; left:-1px; } .popup_login_container .seperator{ margin-top:10px; margin-bottom:10px; text-align:left; } .popup_login_container .seperator .or_text{ font-family:'AlternateBoldFont',Arial,Verdana,sans-serif; font-size:25px; } body.ru_RU .popup_login_container .seperator .or_text { font-family: 'CyrillicTradeGothic', 'AlternateBoldFont'; } .standard_input{ color:#666; font:normal 16px/18px "Helvetica Neue", Arial, sans-serif; border:1px #eee solid; padding: 9px 10px; display:block; width:245px; margin-bottom: 5px; margin-left:-2px; /* -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; */ -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; -ms-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4) inset; } body.pl_PL .popup_login_container .seperator .or_text { font-family: 'PolishTradeGothic', 'AlternateBoldFont'; } .popup_login_container #login_popup_submit:hover, .popup_login_container .back_to_login_btn:hover{ background:#0ED50B !important; } .popup_login_container .forgot_password_link { color: #AAAAAA; display: block; float: left; margin-right: 5px; margin-top: 7px; padding-bottom:0px; padding-top:5px; text-decoration:none; border-bottom:1px solid #BFBFC0; } .popup_login_container .forgot_password_link:active{ color:#fa5400; } .popup_login_container .form_container .error{ display:block; display:none; position: relative; padding:12px 10px 10px 30px; width:196px; margin-bottom:20px; background:url("/plus/web/images/icons/warning.png") no-repeat 10px 10px #dddddd; color:#606060; } .popup_login_container .float_container{ display:block; overflow:hidden; width:100%; } .popup_login_container .forgot_password_form_container.spacer{ height:10px; border-bottom:solid 1px #d2d2d4; border-top:0px; } .popup_login_container .forgot_password_form_container{ padding-top:20px; border-top:solid 1px #fff; } .popup_login_container .forgot_password_form_container .instructions{ color:#4c4c4c; margin-bottom:20px; } .popup_login_container .btn{ cursor:pointer; text-align:center; text-transform:uppercase; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal; text-decoration:none; -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); -ms-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.30); font-weight:normal !important; display:inline-block; margin-top:20px; padding:13px 30px 10px; font-size: 14px; border:0; } .popup_login_container .btn.green{ background:#3cf706; background: -moz-linear-gradient(top, #3cf706 0%, #00f750 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cf706), color-stop(100%,#00f750)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3cf706 0%,#00f750 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3cf706 0%,#00f750 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3cf706 0%,#00f750 100%); /* IE10+ */ background: linear-gradient(to bottom, #3cf706 0%,#00f750 100%); /* W3C */ color:#1c5400; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); margin-top:14px; } body.en_US.popup_login_container .btn.green, body.en_GB.popup_login_container .btn.green{ width:40px; } body.en_US .popup_login_container .btn.black, body.en_GB .popup_login_container .btn.black{ width:40px; } .popup_login_container .btn.black{ background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #101010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#101010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#101010 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#101010 100%); /* W3C */ color:#fff !important; } .popup_login_container .forgot_password_form_container .send_forgot_button:hover{ background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #101010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#101010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#101010 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#101010 100%); /* W3C */ } .popup_login_container .sent_forgot_password_form_container .email_to{ margin-bottom:20px; } .popup_login_container .forgot_password_form_container, .popup_login_container .sent_forgot_password_form_container{ display:none; } .popup_login_container .sent_forgot_password_form_container.spacer{ height:10px; border-bottom:solid 1px #d2d2d4; border-top:0px; } .popup_login_container .sent_forgot_password_form_container{ padding-top:20px; border-top:solid 1px #fff; } .popup_login_container .sent_forgot_password_form_container .instructions{ color:#4c4c4c; margin-bottom:20px; } .popup_login_container .sent_forgot_password_form_container .send_forgot_button{ background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #101010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#101010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#101010 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#101010 100%); /* W3C */ cursor:pointer; font-size:30px; padding:10px; text-align:center; text-transform:uppercase; border:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal; text-decoration:none; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30); color:#fff !important; font-weight:normal !important; display:inline-block; margin-top:20px; padding-left:20px; padding-right:20px; font-size: 19px !important; width:100px; } .popup_login_container .sent_forgot_password_form_container .send_forgot_button:hover{ background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #101010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%,#101010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #313131 0%,#101010 100%); /* IE10+ */ background: linear-gradient(to bottom, #313131 0%,#101010 100%); /* W3C */ } /* LINK ACCOUNTS VIEW */ #link_accounts_view{ display:block; overflow:hidden; width:100%; } #link_accounts_view.login_center_page h1 { margin-bottom:10px; } #link_accounts_view.login_center_page .sub_text{ margin:40px 0; } #link_accounts_view.login_center_page #link-password{ clear:both; display:block; width:95%; } #link_accounts_view.login_center_page #id_card{ float:none; width:65%; margin:auto; } #link_accounts_view.login_center_page #id_card .fr{ width:75%; } #link_accounts_view.login_center_page .avatar{ width:100px; height:auto; } #link_accounts_view.login_center_page #id_card .name{ font-size:36px; line-height:36px; } #link_accounts_view.login_center_page #id_card .email{ font-size:16px; line-height:21px; text-align:left; } #link_accounts_view.login_center_page #id_card .user_info_title{ color:#555555; } #link_accounts_view.login_center_page #id_card .user_info_detail{ color:#555555; font-weight: bold; } #link_accounts_view.login_center_page .forgot-password{ margin-top:10px; margin-bottom:20px; text-align:left; display:block; } #link_accounts_view.login_center_page .join_error { clear: both; color: red; font-size: 12px; margin-bottom:-10px; text-transform: uppercase; z-index: 10; } #link_accounts_view.login_center_page .checkbox{ display:block; float:left; margin-right:10px; } #link_accounts_view.login_center_page .label{ color:#888; } #link_accounts_view.login_center_page .footer .btn{ width:320px; } #link_accounts_view.login_center_page .one_half{ width:50%; } #link_accounts_view.login_center_page .footer .fl .btn{ float:right; margin-right:20px; } #link_accounts_view.login_center_page .footer .fr .btn{ float:left; margin-left:20px; } #link_accounts_view.login_center_page .error.link-password { left: 8px; position: relative; top: -10px; } #link_accounts_view.login_center_page .circle_radio{ margin-right:20px; } #link_accounts_view.login_center_page .submit.gray{ cursor:default; } #link_accounts_view .custom_check{ width:20px; border:0; margin:0; float:left; margin-right:15px; position:relative; top:-1px; } #link_accounts_view .custom_check label:after { width: 8px; height: 4px; top: 7px; left: 5px; border: 3px solid #3cf706; border-top: none; border-right: none; } #link_accounts_view #emails, #link_accounts_view #sms{ width:252px; float:right; margin-right:40px; } #link_accounts_view #emails label, #link_accounts_view #sms label { width:200px; font-size:12px !important; line-height:16px !important; margin-top:7px; color:#777; } #link_accounts_view .custom_check label{ width:20px !important; height:20px !important; } #link_accounts_view.login_center_page #id_card .fr .screen_name{ float:left; width:50%; } #link_accounts_view.login_center_page #id_card .fr .e_mail{ float:right; width:50%; } #link_accounts_view.login_center_page #id_card .fr p{ text-align: left; } #link_accounts_view.login_center_page #submit{ display: block; margin: 20px auto 0; } #link_accounts_view.login_center_page .footer{ display:block; } #link_accounts_view #register, #link_accounts_view .screen_name p, #link_accounts_view .e_mail p{ margin-bottom:5px; } #link_accounts_view.login_center_page #link-password, #link_accounts_view.login_center_page .forgot-password{ position:relative; top:18px; } #link_accounts_view.login_center_page .forgot-password{ left:2px; text-decoration:none; } #link_accounts_view.login_center_page .disclaimer{ clear: both; display: block; float: none; line-height: 16px; margin: 35px auto; position: relative; top: 25px; width: 75%; } #login_link_accounts_view .input_left{ width:48%; float:left; } #login_link_accounts_view .input_right{ width:48%; float:right; } #login_link_accounts_view .custom_check{ width:20px; float:left; position:relative; top:-5px; } #login_link_accounts_view .custom_check label{ width:20px !important; height:20px !important; } #login_link_accounts_view .custom_check label:after { width: 8px; height: 4px; top: 7px; left: 5px; border: 3px solid #3cf706; border-top: none; border-right: none; } .footer #register{ color:#777; font-weight:bold; cursor:pointer; } .util_loader_gif{ display:block; text-align:center; margin:5px auto; } #v4-updatepass{ background-color:#fff; } #v4-updatepass div.header { border-bottom:solid 2px #ccc; } #v4-updatepass div.header h5 { padding:20px 0 20px 30px; text-transform:uppercase; font-family:'AlternateBoldFont'; font-size:40px;} #v4-updatepass div.header h5.pw_update_success { text-align:center; padding-left:0px; } #v4-updatepass div.header a.btn_close { background:url('/plus/web/images/btn_close_black.png') no-repeat 5px 0; display:none; } #v4-updatepass body { background:#f9f9f9; } #v4-updatepass form { width:500px; margin:30px auto 0; } #v4-updatepass .body ul{list-style:disc; margin-left:25px; margin-top:10px; margin-bottom:20px;} #v4-updatepass .body ul li {text-align:left;} #v4-updatepass p { line-height:19px; font-size:13px; text-align:left;} #v4-updatepass p.instruction_txt { font-weight:bold; text-align:left;} #v4-updatepass label { height:38px; font:normal 16px 'AlternateBoldFont', sans-serif; padding-top:15px; text-transform:uppercase; color:#4c4c4c; width:145px; display:block; float:left; clear:left; } #v4-updatepass input[type="password"] { border: 1px solid #EEEEEE; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset; color: #666666; display: block; font: 16px/18px "Helvetica Neue",Arial,sans-serif; padding: 10px; width:290px; margin-bottom:10px;} #v4-updatepass input[type="password"].error { border:#fc7c81 1px solid; color:#ff0000; background-color:#f9efef; } #v4-updatepass p.v4-error-msg { padding-left:165px; text-transform:none; font-size:12px; margin-bottom:15px; display:none; } #v4-updatepass p.save_wrapper { margin-left:150px; float:left;} #v4-updatepass form .error{ color:red; } #v4-updatepass .util_loader_gif{ margin: 0 0 0 0; padding-top:10px; padding-bottom:10px; } #v4-updatepass input[type="submit"] { cursor:pointer; font-size:22px; padding:0 10px; text-align:center; text-transform:uppercase; border:0; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal !important; text-decoration:none; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; background-color: #58f909; background-image: -webkit-gradient(linear, left top, left bottom, from(#58f909), to(#53ec09)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #58f909, #53ec09); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #58f909, #53ec09); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #58f909, #53ec09); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #58f909, #53ec09); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ color:#1c5400 !important; font-weight:normal !important; padding: 10px 50px; margin-top:20px; margin-bottom:20px; } #v4-updatepass input[type="submit"]:hover { background:#0ED50B !important; } #v4-updatepass div.password_success { display:none; } #v4-updatepass div.password_success p { font-weight:bold; text-align:center; } #success_password{ background-color:#fff; text-align:center; } #success_password h3{ display: block; font-family: "AlternateBoldFont"; font-size: 40px; padding-top: 10px; text-align: center; } #success_password a{ cursor:pointer; font-size:22px; padding:0 10px; text-align:center; text-transform:uppercase; border:0; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; font-family: 'AlternateBoldFont', sans-serif; font-weight:normal !important; text-decoration:none; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.30) !important; background-color: #58f909; background-image: -webkit-gradient(linear, left top, left bottom, from(#58f909), to(#53ec09)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #58f909, #53ec09); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #58f909, #53ec09); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #58f909, #53ec09); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #58f909, #53ec09); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ color:#1c5400 !important; font-weight:normal !important; padding: 10px 50px; margin-top:10px; margin-bottom:20px; display:inline-block; } @media (max-width: 1050px){ .join_container{ display:block; } .form_container { border-bottom: 1px solid #ddd; padding-bottom: 21px; } .login_page_container #registration_view.wrapper{ width:550px; } .login_page_container #registration_view .view_mobile{ display:block; text-align: left; } #registration_view .body{ margin-left:0px !important; } #registration_view label{ float:none !important; text-align:left !important; } .login_page_container #registration_view #gender label:first-child{ display: block; float:none; clear:both; text-align: left; width:60px; } .login_page_container #registration_view #dateOfBirth{ margin-bottom:00px; } .login_page_container #registration_view .checkbox{ margin-left:0px !important; } #registration_view #emails, #registration_view #sms { width:235px; } #registration_view .row{ margin:0 0 10px 0; } #registration_view #gender{ top:-20px !important; } .login_page_container #registration_view #emails label, .login_page_container #registration_view #sms label { display:block; width:190px; float:right !important; height:30px; } .login_page_container #registration_view #gender label{ float:left !important; } #gender_label{ width:240px !important; } #registration_view label.radio{ width:45px; } .login_page_container #registration_view .error { margin: -13px 0 0 4px; } .login_page_container #registration_view .dateOfBirth.error{ margin:26px 0 0 4px; } .login_page_container #registration_view .gender.error{ padding:0; margin:8px 0 0 4px; } .circle_radio{ float:left; } .login_container .main_content .center{ width:140px; } .login_container .main_content .right { float: left; width: 280px; } .login_container .main_content .left { float: left; margin-left: 20px; position: relative; width: 280px; } } /* Mobile */ @media (max-width: 480px) { body, html, #page_wrapper, #page_content_wrapper, #page_content{ min-height:100%; } #page_content_wrapper{ background-position:left bottom; } .btn{ width:80%; margin:0; } #login_center{ padding-top:20px; } .login_container .main_content{ padding-top:0px; } #registration_view .body{ margin-left:20px; } /*Hackey Styles since we don't have the global responsive styles yet*/ .login_page_container{ width:90%; margin:auto; } .login_container .main_content{ width:auto !important; } .login_page_container #registration_view.wrapper{ width: auto; } .login_page_container #registration_view #gender{ margin-top:10px; } .login_page_container #registration_view #gender label{ display:block; } .login_page_container #registration_view #gender label:first-child{ display: block; float:none; clear:both; text-align: left; } .login_page_container #registration_view #dateOfBirth{ margin-bottom:0px !important; } .login_page_container #emails .checkbox, .login_page_container #sms .checkbox { margin-left:0px !important; } .login_page_container #emails label, .login_page_container #sms label { display:block !important; } .login_page_container #responsive_dob_label{ display:block !important; text-align: left; margin-left:10%; } .login_page_container #registration_view .postalCode.error{ margin-top:-10px; margin-bottom: 5px !important; position:relative; } .login_page_container #registration_view .gender.error{ margin-top:31px !important; } .popup_login_container.forgot_password h1, .popup_login_container.password_sent h1{ font-family: 'AlternateBoldFont', sans-serif; color:#333333; text-align:center; margin-top:10px; margin-bottom:20px; font-size:25px; text-transform: uppercase; } .login_page_container .swoosh_container{ margin-bottom:10px; } .popup_login_container.forgot_password .sub_text, .popup_login_container.password_sent .sub_text{ line-height:20px; margin-bottom:10px; } .login_container .main_content{ border-bottom:none; padding-bottom:0px; padding-top:10px; } .popup_login_container.forgot_password .back_to_login{ display:inline-block; margin-top:10px; } /*Left Column*/ .login_container .left{ display:block; width:100% !important; } .login_container .main_content .left{ margin-top:10px; } .login_container .left h2{ display:none; } .login_container .left .forgot_password_link{ float:right; margin-top:6px; margin-right:5px; margin-bottom:0; } .login_container .left .custom_check{ margin-left:1%; margin-right:0; width:120px; font-weight:normal !important; } .login_container #login_email, .login_container #login_password{ width:87% !important; margin-left:auto; margin-right:auto; } .login_container .login_button{ width:80% !important; margin-left:auto; margin-right:auto; } .login_container .left .error{ width:100%; text-align:center; left:0px; top:-19px; } /*Center Column*/ .login_container .center{ display:none; } /*Right Column*/ .login_container .right{ display:none; } /*Registration Section*/ .login_page_container .swoosh_container{ margin-top:20px; } #registration_view label{ text-align:left !important; width:auto !important; display:block; clear:both ; float:none !important; width:auto; } #registration_view input{ margin-top:0 !important; } #registration_view .dk_toggle{ width:83px !important; } #registration_view #dk_container_dob-y{ margin:0 !important; } #registration_view #gender { top: 0px !important; } #registration_view .genderselect label{ float:left !important; clear:none; } .login_container .registration_section{ border-top:none; } .login_container .registration_section h1{ display:none; } .login_container .join_nike{ width:80% !important; } .login_container .facebook_button_html{ display:block; color:#fff; margin: 0 auto; margin-bottom:10px; position:relative; background: #3a5aa3; background: -moz-linear-gradient(top, #3a5aa3 0%, #263b83 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5aa3), color-stop(100%,#263b83)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3a5aa3 0%,#263b83 100%); background: -o-linear-gradient(top, #3a5aa3 0%,#263b83 100%); background: linear-gradient(to bottom, #3a5aa3 0%,#263b83 100%); } .login_container .facebook_button_html .logo{ /*background:url('/plus/web/images/login_v2/facebook_logo.png') no-repeat;*/ display:block; float:left; width:100px; height:100px; position:absolute; top:0px; background-size: 45%; left:-7px; } #registration_view .custom_check{ float:left; } #registration_view #emails, #registration_view #sms{ width:250px; margin-top:10px; } #registration_view #emails label#emails_desc, #registration_view #sms label#sms_desc { width:205px !important; float:left !important; clear:none; } /*Forgot Password*/ .forgot_password_container h1{ font-size:20px; margin-top:20px; } .forgot_password_container .sub_text{ width:90%; margin-top:5px; margin: 0 auto; font-size:11px; margin-bottom:0px; } .forgot_password_container .standard_input, .forgot_password_container .send_forgot_button{ width:90% !important; margin-left:auto; margin-right:auto; } .login_page_container .forgot_password_container #forgot_email{ margin-top:5px; } .login_page_container .forgot_password_container .bad_email_forgot_error{ top:1px; } /*Registration */ .login_page_container #registration_view .wrapper h1{ font-size:20px; } .login_page_container #registration_view .wrapper{ width:auto; } .login_page_container #registration_view .column{ float:none; width:100%; display:block; clear:both; } .login_page_container #registration_view .row{ margin: 0; } .login_page_container #registration_view input{ float:none; width:100%; display:block; margin-top:20px; } .login_page_container #registration_view .error{ margin: -15px 0 0 4px; font-size: 8px !important; } .login_page_container #registration_view .dateOfBirth.error{ font-size:9px !important; } .login_page_container #registration_view .screenName.error { width: 280px !important; font-size: 9px !important; position: relative !important; } .login_page_container #registration_view .screenName.error + #screenName { margin-top: 5px !important; position: relative !important; } .login_page_container #registration_view .mobile_dob_row{ display:none; } .login_page_container #remember_me_box, .login_page_container #sms_box { display:none !important; } .login_page_container #registration_view .section_title{ margin-left:0px; text-align: left; margin-top:10px; display:block; color:#333333; margin-bottom:5px; } .login_page_container #registration_view .view_mobile{ display:block; text-align: left; } .login_page_container #registration_view .submit{ width:82%; margin-top:55px; margin-bottom:40px; } .login_page_container #registration_view .small{ width:80%; margin:auto; margin-bottom:40px; } .login_page_container #registration_view #emails label, .login_page_container #registration_view #sms label { width:67%; } .login_page_container #registration_view #passwordtooltip .innerwrapper .carat{ transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -webkit-transform:rotate(90deg); /* Safari and Chrome */ top:-70px; left:15px; } .login_page_container #registration_view h1{ display:none; } .login_page_container #registration_view .dateOfBirth.error{ margin-top:27px !important; } .login_page_container #link_accounts_view{ width: auto !important; } .login_page_container #link_accounts_view .fl{ display:block; float:none; } .login_page_container #login_link_accounts_view{ margin:auto; } .login_page_container #login_link_accounts_view .row{ display:block; width:100%; } .login_page_container #login_link_accounts_view .input_left{ margin-bottom:10px; } #link_accounts_view.login_center_page p{ font-family:"helvetica" , arial, sans-serif !important; } #link_accounts_view.login_center_page h1{ font-family:"helvetica" , arial, sans-serif; font-weight:bold; font-size:10px; line-height:10px; margin:40px 0 0; font-size:16px !important; } #link_accounts_view.login_center_page p.sub_text { font-family:"helvetica" , arial, sans-serif; font-size:12px; margin:25px 0; } #link_accounts_view.login_center_page #id_card .fr{ width:50%; } #link_accounts_view.login_center_page #id_card{ width:95%; } #link_accounts_view.login_center_page .footer .btn{ width:82%; font-size:18px; line-height:26px; } #link_accounts_view.login_center_page h1{ font-size:30px; } #link_accounts_view.login_center_page #id_card .fr .screen_name{ display:block; float:none; text-align: center; width:91%; } #link_accounts_view #id_card .fr p{ font-size:14px; line-height:18px; margin-bottom:0; word-wrap:break-word; } #link_accounts_view .screen_name{ margin-bottom:20px; } #link_accounts_view.login_center_page #id_card .fr .e_mail{ float:none; width:91%; display:block; } #link_accounts_view.login_center_page #link-password { display: block; width: 272px; position: relative; left: -145px; } #link_accounts_view.login_center_page .forgot-password{ text-align:right; position:relative; left:12px; } #link_accounts_view.login_center_page .disclaimer{ width:100%; } #link_accounts_view.login_center_page .label{ font-family:"helvetica" , arial, sans-serif !important; width:87%; float:right; } #link_accounts_view.login_center_page .row.footer .one_half{ width:100%; float:none; display: block; } #link_accounts_view.login_center_page .footer .fl .btn{ display:block; float:none; width:100%; margin-bottom:10px; } #link_accounts_view.login_center_page .footer .fr .btn{ display: block; float:none; width:100%; margin-left:0px; } #link_accounts_view.login_center_page .join_error{ } .login_page_container #login_link_accounts_view h1{ font-size:30px; } #link_accounts_view.login_center_page .join_error { top: 142px; right: 0; font-size: 10px !important; } .login_page_container #login_link_accounts_view .label{ width:80%; } .login_page_container #login_link_accounts_view .disclaimer{ margin-top:20px !important; } .login_page_container #login_link_accounts_view #submit{ width: 83%; margin:40px 0; font-size:24px; } #login_link_accounts_view .error.wrong_password { top: 130px !important; left:30px; position:absolute !important; } #login_center #login_link_accounts_view{ width:auto; } #login_center #login_link_accounts_view h1{ font-size:30px; margin:10px 0 !important; } #login_center #login_link_accounts_view p{ font-family: "Helvetica", arial, sans-serif; font-size:14px; margin-bottom:40px; } #login_center #login_link_accounts_view .row{ display:block; margin: 0 auto; margin-bottom:10px; float:none; } #login_center #login_link_accounts_view input{ display:block; margin: 0 auto; width:93%; } #login_center #login_link_accounts_view .disclaimer .label{ width:80%; } .footer p{ font-size:14px; } .login_container .main_content .left { margin-left:0px; } #registration_view label{ visibility:hidden; line-height:20px !important; } #registration_view label.show_mobile{ visibility:visible; margin-top:10px; } ::-webkit-input-placeholder { color: #aaa !important; font-weight:normal; } :-moz-placeholder { /* Firefox 18- */ color: #aaa !important; font-weight:normal; } ::-moz-placeholder { /* Firefox 19+ */ color: #aaa !important; font-weight:normal; } :-ms-input-placeholder { color: #aaa !important; font-weight:normal; } .login_container .login_button{ margin-bottom:10px; } .login_container .registration_section { margin-top: 10px; } #registration_view #emails, #registration_view #sms{ float:none; margin-top:50px; display:block; } body.login #navigation, body.login #footer_v2{ display: none !important; } #login_link_accounts_view .error.wrong_password { top:0; position:relative; margin-top:0px !important; display:none; width:86%; } .login_page_container .facebook_button_html, .login_page_container .join_nike, .login_page_container .login_button{ width:94% !important; } #registration_view .error.coppa_violation{ left:-5px !important; width:283px !important; top:-32px !important; } }