@colorInactive: #8ABBDD; @colorBackground1: #eff2f4; @colorBackground2: #d7dfe4; @colorBackground3: #f6f6f6; @colorBackground4: #666666; // RNT #ProductAutoComplete .yui-ac-input { width: 95%; } #ProductAutoComplete .yui-ac-content { margin-left: -63px; width: 816px !important; } // Template body { padding-bottom: 0px !important; } #HomeBodyContainer, #MainBodyContainer, #MyDevicesContainer { background: @colorBackground2; } #HomeBodyContainer, #MyDevicesContainer { padding-top: 30px; } #HomeBodyContainer #SelectProductContainer { padding-bottom: 30px; } #LastRibbon { background: @colorBackground3; } #LastRibbon ol { margin-left: 0; } .pcss3mm { width: 100%; } .tab-info-row { border-bottom: 0.1em dotted @colorActive; } .owner_portal { border-bottom: 0.1em dotted @colorActive; } #MyDevices div[class="MyDeviceRow"] { border-top: 0.1em dotted @colorActive; } // Bootstrap .modal { width: 600px; margin-left: -300px; } .alert { margin-bottom: 0px; } .location_container .CtaButton a .pop_clr { background-color: @colorInactive; } .CtaButton a .pop_clr { background-color: @colorInactive; border: 1px solid @colorInactive; cursor: default; } .CtaButton a .pop_clr:hover { background-color: @colorInactive; border-color: @colorInactive; } // Moto Nav img.navbar-sel { margin-top: -5px; margin-left: 5px; } #MotoLogo { height:47px; width: 47px; margin-left: 0; margin-top: 2px !important } .navbar-inner { padding-left: 0px; padding-right: 0px; } #utility-nav { width: 1080px; } #utility-nav td.logo { width: 57px; margin: 0; padding: 0; text-align: left; } #utility-nav td.main-links { width: 593px; padding: 0; } #utility-nav td.search { width: 380px; padding: 0; } #GlobalNav{ border-bottom: 1px solid #e8e8e8; } #GlobalNav a[title="Support"] { color: @colorActive; font-weight: 600; } // Belt Nav .authenticated_belt, .collapsed_nav .pcss3mm li, .collapsed_nav .pcss3mm .no-dropdown > a, .collapsed_nav .pcss3mm { background-color: @colorBackground2 !important; border-color: @colorBackground2; color: #666; font-weight: 600; } .authenticated_belt { border-top: 5px solid @colorActive; } .collapsed_nav li.active, .collapsed_nav ul.pcss3mm a.active { background-color: @colorBackground4 !important; color: white !important; font-weight: 600; border-color: @colorBackground4;} .collapsed_nav .pcss3mm li { border-radius: 0px !important;} .collapsed_search input { border: 1px solid #3399ff; color: #3399ff; } .collapsed_search input { border: 1px solid #3399ff; color: #3399ff; } #BeltNavContainer ul.pcss3mm a.active { color: #33a1ff; font-weight: 600; } #BeltNavContainer .rn_SearchButton2 { margin-top: -1px; margin-left: -1px; } // Sign In/Up in Header .pcss3mm .no-dropdown > span.non-link { font-family: 'Conv_MotoSans-Semibold', Arial, sans-serif; font-weight: normal; color: #222c30; border-color: #FFF; border-style: solid; border-width: 2px 2px 0 2px; } .header .search .pcss3mm .no-dropdown > span.non-link { position: relative; display: block; padding: 0 5px; text-decoration: none; } .header .search .pcss3mm.unauth { width: 225px; padding-right: 8px; } .header .search .pcss3mm.unauth li { float: right; } .header .search .pcss3mm.unauth .no-dropdown > a, .header .search .pcss3mm.unauth .no-dropdown > span.non-link { padding: 0; } // Bricks .left-brick { padding-right: 3em; } .left-brick .CtaButton { margin-left: 0; } // Device Selector .help_search input { border: 1px solid #33a1ff; margin-left: 0px; } .popular_device { width: 85% } .popular_device_img a { padding: 5px; } .popover { text-transform: none; } #popular-devices .popover { top: 0px !important; } #find-my-device-btn { margin-bottom: 15px; } #my-device-selector h2 a { color: #1f282b; } #popular-devices #popover-close { margin-top: -5px; } #ProductAutoComplete input { color: #3399ff } .popover-content p { font-size: 12px; } #productBadgeDiv { min-height: 231px; display:table-cell; vertical-align:middle; height:231px; width:200px; } #find-my-device-btn { margin-left: 0; } #unknown-device-steps { list-style: disc; font-weight: 500;} // Help Topics .MyDeviceRow h3 { cursor: pointer; cursor: hand; } .rn_FileTypeIcon { display: none; } .grid5 .tab-info-row .col2 h2 { margin-bottom: 0.8em; } .rn_FaqTab ol { margin-left: 15px; } .faqs li { border-bottom: 0; padding-bottom: 1em; } // Hero #HeroContainer { min-height: 200px; } #HeroContainer, #HeroContainer .breadcrumb, .HeroAuth, .HeroAuth .breadcrumb { background: @colorBackground1 !important; } #sticky_product_name { margin-top: -10px; margin-bottom: 10px; } .breadcrumb a { font-size: 12px; } .rn_FileTypeIcon { display: none; } #HeroContainer input { background: #FFFFFF 1em 0.8em no-repeat; margin-left: 7px; } #hero-img { margin-top: 20px; } #HeroContainer h1, #sticky_product_name { margin-left: -2px; } #HeroContainer #device-context p { margin-left: -3px; } #HeroContainer .CtaButton { margin-left: 5px; } #HeroContainer #warrantyResults { margin-left: 7px; margin-top: 2px; } #EnableAdvancedSupportPopup { display: none; z-index: 999; position: absolute; } #EnableAdvancedSupportPopup .map-dialog { margin-left: -337px; margin-top: -55px; width: 275px; } #EnableAdvancedSupportPopup .map_arrow { position: absolute; top: 17px; left: -13px; } #EnableAdvancedSupportPopup a { color: @colorLink } #prodRegSpinner { margin-left: 10px; } #XLineEnableContainer a { margin: 0.3em 0em 1em 0.6em; color: @colorActive; } #HeroContainer .CtaButton a, #HeroContainer .CtaButton a .pop, .CtaButton a .pop.active, .CtaButton a .pop-active { min-width: 7em; margin-top: 0px; height: 1.7em; min-height: 1.7em; line-height: 1.8em } #LookupUnit input { width: 93%; } .signin_text_no_padding { margin-top: 1.45em; } // Alerts #AlertContainer { margin-top: 10px; } #AlertContainer p { font-size: 1.2em; margin: 0; } // Lost Device #lockForm { margin: 0px; } #enable-advanced-support-lnk { margin-left: 8px; } #enable-advanced-support-lnk a { color: @colorActive; } @color_shadow: rgba(0,0,0,0.3); .map_container{background: @color22; min-height:55em !important; margin:auto; margin:1.5em 0em 0em; width:765px !important;} .map-dialog{background:@color01; color:@color09; .shadow(0.8em; 0.8em; 0.8em; 0em; @color_shadow); padding: 25px !important;} .map_container img{max-width: none;} .map_arrow{background:url(/euf/assets/mcp/img/bg_arrow.png) left top no-repeat; position:absolute; top:250px; left:253px; height:40px; width:40px;} .wipe h3 { margin-top: 1.2em; margin-bottom: 1em; color: black; } .lostDevice .map-overlay { top: 30px; left: 30px; width: auto; height: auto; } .lostDevice .map-overlay .pos { width: auto; height: auto; } .map_arrow { display: none } .wipe { width: inherit; height: inherit; } #lostDevice p.gap_heading { margin-right: 11.5% } .location_container h3 { font-size: 2.2em; } // My Stuff #MyDevices { min-height: 400px; } #MyDevices div[class="MyDeviceRow"]:first-child { border-top: none; } #removeDeviceLink { margin-left: -12px;} #MyDevices h3 { margin-top: 0; } #MyDevices #spinner { margin-right: 0; margin-top: 0.5em; } #MyDevices .wrntyRowDiv { margin-bottom: 1.5em; } // Tips .battery_container a { color: @colorActive; } .span12.battery_container .span6 img { max-width: 64px; max-height: 64px; margin-right: 8px; } // Accessories #tabDescription { font-size: 1.6em; font-weight: 400; color: #495153; font-family: 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial; line-height: 1.42em; } #tabDescription a { font-size: 1em; color: @colorActive; } // My Profile #offersOption { margin-top: 0.5em } #createDisplayName { margin-top: 0.5em; } .MyProfile .rn_FormSubmit span { margin-top: 2.2em !important; display: inline-block; } // IE OVERRIDES .mot_ie8 .navbar { margin-bottom: 0 !important; } .mot_ie8 #BeltNavContainer .rn_SubmitButton { margin-left: -8px !important; margin-top: 0.32em !important; } .mot_ie8 #HeroContainer .CtaButton .pop { padding-bottom: 4px !important; } .mot_ie9 #BeltNavContainer .rn_SubmitButton { margin-left: -5px !important; margin-top: 5px !important; } .mot_ie9 #HeroContainer .CtaButton .pop { padding-bottom: 3px !important; } .mot_ie1 #BeltNavContainer .rn_SubmitButton { margin-left: -5px !important; margin-top: 5px !important; } .mot_ie1 #HeroContainer .CtaButton .pop { padding-bottom: 3px !important; } .mot_ipad #BeltNavContainer { width: 1080px !important; } .mot_ipad #GlobalNav { width: 1080px !important; } .mot_ipad #LastRibbon { width: 1080px !important; } .mot_ipad #footer { width: 1080px !important; } .mot_ipad #HomeBodyContainer { width: 1080px !important; } .mot_ipad #BeltNavContainer .rn_SubmitButton { margin-left: -5px !important; margin-top: 5px !important; } .mot_ipad #HeroContainer .CtaButton .pop { padding-bottom: 4px !important; } // Interface OVERRIDES .rnt-ca-fr #registerByImeiForm span { font-size: 3em; }