/** * Peafowl CSS * Copyright 2014 Rodolfo Berrios */ /** * GLOBAL RESET * --------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; list-style: none; } /** * DEFAULTS * --------------------------------------------- */ .no-select, .btn, .top-btn-text, .pop-btn-text, .edit-link, .btn-container , .input-search { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type="search"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } /* placeholders */ ::-webkit-input-placeholder { color: #AAA; line-height: 140%; } :-moz-placeholder { color: #AAA; opacity: 1; } ::-moz-placeholder { color: #AAA; opacity: 1; } :-ms-input-placeholder { color: #AAA; } :focus::-webkit-input-placeholder { color: #AAA; } :focus:-moz-placeholder { color: #AAA; } :focus::-moz-placeholder { color: #AAA; } focus:-ms-input-placeholder { color: #AAA; } ::-moz-focus-inner { border:0; padding:0; margin:0; } ::-ms-clear { display: none; } body { -webkit-font-smoothing: subpixel-antialiased; } /* F**k you Chrome */ [type=submit]:focus, button:focus { outline: none; } /* * GLOBAL ELEMENTS * --------------------------------------------- */ /** * Font sizes chart * 16px 1em */ html { height: 100%; } html, body { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; font-size: 16px; background: #FFF; -webkit-text-size-adjust: 100%; } .pop-box, #menu-fullscreen, .top-bar { -webkit-transition: transform 250ms ease; transition: transform 250ms ease; } /* Blacky */ html.tone-dark, .tone-dark body { color: #FFF; background: #0b0b0b; } body.no-margin-top { margin-top: 0; padding-top: 0; } .content-width { width: 100%; margin-right: auto; margin-left: auto; position: relative; padding-left: 10px; padding-right: 10px; } a { color: #00A7DA; text-decoration: none; cursor: pointer; outline: 0; } a:hover, a:focus { text-decoration: underline; } /*a:active { background-color: transparent; } /* ie */ h1,h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1; } /* * JQUERY UI STUFF */ .ui-selectable-helper { background: rgba(0,0,0,.15); border: 1px solid rgba(255,255,255,.5); box-shadow: 0 0 5px rgba(0,0,0,.2); position: absolute; z-index: 500; } /* * SMALL HELPERS * --------------------------------------------- */ .hidden { display: none !important; } .visible { display: block !important; } .soft-hidden { display: none; } .soft-visible { display: block; } .hidden-visibility { visibility:hidden; position: absolute; top:0; } .touch-scroll { overflow: scroll; -webkit-overflow-scrolling: touch; } .or-separator { border-top: 1px solid #E5E5E5; text-align: center; margin: 10px 0 10px 0; } .tone-dark .or-separator { border-color: #212121; } .or-separator span { font-size: 0.93em; font-weight: normal; color: #BBB; text-transform: uppercase; text-align: center; background: #FFF; display: inline-block; position: relative; padding: 0 10px; top: -10px; } .tone-dark .or-separator span { background: #0b0b0b; } .highlight { background: #FFF8CB; } .tone-dark .highlight { background: #2c3e50; } .line-through { text-decoration: line-through; } .line-separator { width: 100%; height: 1px; background: #E5E5E5; display: block; margin: 20px 0; } .tone-dark .line-separator { background: #212121; } .number-figures, a.number-figures { font-size: 1.21em; /* 17 */ line-height: 1.21em; color: inherit; text-decoration: none; padding-left: 10px; padding-right: 10px; margin-left: 0; border-left: 1px solid #E5E5E5; text-align: center; } .tone-dark .number-figures, .tone-dark a.number-figures { color: #FFF; border-color: #212121; } .number-figures:first-child { padding-left: 0; border-left: none; } .number-figures:last-child { padding-right: 0; } .number-figures b { font-weight: inherit; } .number-figures .icon-heart4 { position: relative; top: 1px; } .number-figures span:not(.icon) { color: #BBB; text-transform: uppercase; font-size: 0.6em; /* 11 */ } .tone-dark .number-figures span { color: #999; } a.number-figures:hover, a.number-figures:hover * { color: #00A7DA; } .loading {} .loading-indicator, .loading-text { display: inline-block; line-height: inherit; vertical-align: top; } .loading-indicator { } .loading-text { margin-left: 5px; } /* "or" actions for the buttons */ .btn-alt { color: #AAA; font-size: 13px; font-size: 0.93rem; margin: 0 5px; display: inline !important; } .btn-alt a:first-letter { text-transform: capitalize; } .phone .btn-alt { margin: 5px 0 0; } .btn-alt a { margin-left: 5px; cursor: pointer; } a.edit-link, a.delete-link { font-size: 13px; font-size: 0.93rem; text-decoration: none; font-weight: normal; } a.delete-link { color: #D90000; } a.edit-link:hover span, a.delete-link:hover { text-decoration: underline; } a.edit-link span.icon-edit { font-size: 9px; width: 9px; display: inline-block; margin-right: 3px; text-decoration: none; } .disabled, .disabled a { color: #CCC; } .tone-dark .disabled, .tone-dark .disabled a { color: #444; } .disabled a { text-decoration: none; cursor: default; } .optional { font-size: 50%; color: #AAA; font-weight: normal; } .text-shadow { text-shadow: 2px 2px 3px rgba(0,0,0,.75); filter: dropshadow(color=#000000, offx=2, offy=2); } .box-shadow { box-shadow: 2px 2px 3px 0px rgba(0,0,0,.45); } .silent-links a, a.silent-links { color: inherit; } /* .silent-links a:hover, a:hover.silent-links { color: #00A7DA; }*/ .close-box {} .close-box .icon-circle { color: #333; position: relative; } .close-box .icon-close-box { color: #FFF; position: absolute; left: 0; top: 0; } .transparent-canvas { background-image: url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///9/f3yH5BAAHAP8ALAAAAAAQABAAAAIfjG+gq4jM3IFLJgpswNly/XkcBpIiVaInlLJr9FZWAQA7); background-repeat: repeat; } .transparent-canvas.dark { background-image: url(data:image/gif;base64,R0lGODlhEAAQAIAAAOfn58rKyiH5BAAHAP8ALAAAAAAQABAAAAIfjG+gq4jM3IFLJgpswNly/XkcBpIiVaInlLJr9FZWAQA7); } /* * INPUTS * --------------------------------------------- */ input, textarea, select { font-family: inherit; font-size: inherit; -ms-appearance: none; border-radius: 3px; display: inline-block; border: 1px solid #CCC; } select { font: inherit; outline: none; } .tone-dark input, .tone-dark textarea, .tone-dark select { background: #000; border: 1px solid #464646; color: #FFF; } .text-input, textarea { outline: 0; } input[type=checkbox], input[type=radio] { border-radius: 0; border: none; position: relative; vertical-align: baseline; } .text-input, input[type=text], .input-line-height { height: 36px; } .input-line-height { line-height: 36px; } textarea, .text-input, input[type=text] { padding: 7px 10px; width: 100%; /* 350 */ font-size: 13px; font-size: 0.875rem; /*box-shadow: inset 0 1px 0 #EEE;*/ color: #333; background: #FFF; } .tone-dark textarea, .tone-dark .text-input, .tone-dark input[type=text] { background: #212121; border-color: #212121; box-shadow: none; color: #FFF; } .tone-dark select, .tone-dark select.text-input { background: #212121; } .ie7 textarea, .ie7 .text-input, .ie7 input[type=text] { padding: 10px; width: 328px; height: 14px; } .ie8 textarea, .ie8 .text-input, .ie8 input[type=text], .ie9 textarea, .ie9 .text-input, .ie9 input[type=text] { height: auto; } input:focus, textarea:focus, select:focus, input.search:focus, .input-focus { border-color: #00A7DA; box-shadow: 0 0 8px 0 rgba(0,167,218,.45); } .tone-dark input:focus, .tone-dark textarea:focus, .tone-dark select:focus, .tone-dark input.search:focus, .tone-dark .input-focus { border-color: #00A7DA; box-shadow: 0 0 8px 0 rgba(0,167,218,.75); } .input, .input-label { position: relative; overflow: visible; } .input { margin: 10px 0; } .input.first-child, .input:first-child { margin-top: 0; } .input-label { margin: 20px 0; } .input-label.first-child, .input:first-child { margin-top: 0; } .input-label-label, .input-label label, .input-label h3 { font-weight: 600; padding-bottom: 5px; display: inline-block; font-size: 1em; } .input-label h3 { display: block; } .input-label label a, .input-label h3 a { font-weight: normal; } .input-label label .optional, .input-label label .caption { font-weight: normal; font-size: 0.92em; /* 0.86 */ } .input-label .btn-alt { position: absolute; left: 100%; top: 23px; line-height: 36px; margin-left: 10px; margin-right: 0; } .phone .input-label .btn-alt { position: static; margin-left: 0; } .input, .input-label, .checkbox-label { position: relative; font-size: 0.93em; } .input .icon-input-submit { background: transparent; font-size: 1.82em; color: #D9D9D9; position: absolute; right: 0.21em; top: 0.21em; cursor: pointer; line-height: 1; } .tone-dark .input .icon-input-submit { color: #666; } .input .icon-input-submit:hover, .input .icon-input-submit:focus, .input .icon-input-submit.focus { color: #00A7DA; } .ie7 .input .icon-input-submit { top: 2px; } .ui-autocomplete { max-height: 130px; overflow-y: auto; overflow-x: hidden; } * html .ui-autocomplete { height: 125px; } .autocomplete-list { position: absolute; display: none; z-index: 1; } .autocomplete-list .ui-autocomplete { position: absolute; top: 0; left: 0; } .autocomplete-list ul { border: 1px solid #CCC; } .autocomplete-list a { color: inherit; background: Window; padding: 7px 10px; display: block; text-decoration: none; cursor: default; } .autocomplete-list a.ui-state-focus { background: Highlight; color: HighlightText; } .input-column { width: 350px; border: 1px solid red; } /* .ie7 .input-column input.text-input { width: 328px; }*/ .input-warning { color: #BBB; position: absolute; right: 0; top: 0; } .input-below { margin-top: 5px; display: block; color: #777; position: static; } .red-warning { color: #D74634; } .input-password {} .input-password .input-password-strength { position: absolute; right: 11px; top: 50%; margin-top: 8px; } .input-password-strength { background: #E5E5E5; } .tone-dark .input-password-strength{ background: #1F1F1F; } .input-password-strength, .input-password-strength span { display: block; width: 50px; height: 8px; } .input-password-strength span { width: 0%; background: #6EC02A; } /* Checkbox label */ .checkbox-label { font-size: 1em; display: block; margin: 5px 0; position: relative; } .checkbox-label:last-child { margin-bottom: 0; } .checkbox-label input { position: absolute; padding: 0; margin: 4px 0 0; margin-left: -20px; } .btn-alt.checkbox-label input { position: static; vertical-align: text-top; margin-right: 4px; } .phone .btn-alt.checkbox-label { display: block !important; margin: 10px 0; } .checkbox-label label { padding-left: 20px; font-weight: normal; margin: 0; padding-bottom: 0; } /* Search input */ .input-search { position: relative; width: 200px; width: 14.29rem; } input.search { font-size: 1em; border-radius: 200px; padding: 0 25px 0 32px; padding-right: 3.0666rem; padding-left: 2.3571rem; line-height: 100%; height: 26px; height: 1.86rem; width: 200px; width: 100%; border: 1px solid #CCC; top: 0; left: 0; outline: 0; vertical-align: text-bottom; } input.search.one-icon-padding { padding-right: 30px; padding-right: 2rem; } .top-bar input.search { padding-left: 33px; padding-left: 2.16rem; top: -2px; position: relative; } .ie7 input.search, .ie8 input.search, .ie9 input.search { padding-right: 10px; line-height: 26px; height: 26px; } .ie7 input.search { padding: 0; width: 200px; /* 200 - p */ } .input-search span { position: absolute; z-index: 2; cursor: pointer; } .input-search .icon-search { left: 10px; top: 6px; color: #777; } .top-bar .input-search .icon-search { top: 4px; } .tone-dark .input-search .icon-search { color: #CCC; } .input-search .icon-search, .top-btn-text .icon-search { font-size: 16px; width: 16px; font-size: 1.143rem; width: 1.143rem; } .input-search .icon, .input-search .icon-close { padding: 7px; top: 0; font-size: 0.72em; color: #AAA; } .input-search .icon.settings { right: 22px; } .input-search .icon.close { right: 4px; } .input-search .icon:hover { color: #777; } .ie7 .input-search .icon-close, .ie8 .input-search .icon-close, .ie9 .input-search .icon-close { display: none; } /* select */ select { padding-left: 7px !important; } .ie7 select { width: 100% !important; padding: 0 !important; height: auto !important; } select option { padding: 4px 10px; margin: 0; } /* textarea */ textarea { resize: both; height: 80px; } .input-upload { position: relative; } .user-settings-avatar { min-height: 160px; height: auto; } .user-settings-avatar-container { position: relative; } .user-settings-avatar-container, .user-settings-avatar-container .user-image { width: 160px; height: 160px; } .user-settings-avatar .loading-placeholder { position: absolute; left: 0; top: 0; background: rgba(255,255,255,.8); } .tone-dark .user-settings-avatar .loading-placeholder { background: rgba(0,0,0,.6); } .phone .user-settings-avatar-container { margin: 0 auto 10px !important; } .input-upload .btn-container { margin: 0 0 5px 0; } .input-upload .btn-alt { margin-left: 0; } /* * CSS ARROWS * --------------------------------------------- */ .arrow-up, .arrow-up-shadow { border-color: transparent transparent #333; border-color: rgba(0,0,0,0) rgba(0,0,0,0) #333; border-width: 0 4px 4px; } .tone-dark .arrow-up, .tone-dark .arrow-up-shadow { border-bottom-color: #FFF; } .arrow-down, .arrow-down-shadow { border-width: 4px 4px 0 4px; border-color: #333 transparent transparent transparent; border-color: #333 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); content: ""; } .tone-dark .arrow-down, .arrow-down-shadow { border-top-color: #FFF; } .arrow-right { border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #333; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #333; } .tone-dark .arrow-right { border-left-color: #FFF; } .arrow-up, .arrow-down, .arrow-right { border-style: solid; display: inline-block; height: 0; width: 0; /*z-index: 2;*/ vertical-align: middle; } .arrow-up-shadow { position: relative; top: -7px !important; border-color: transparent transparent #BBB !important; border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(229,229,229,1) !important; z-index: 1; } @media (min-width: 992px) { .arrow-box:after, .arrow-box:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-box:after { border-color: rgba(255,255,255, 0); border-width: 7px; } .arrow-box:before { border-color: rgba(0 0 0,0); border-width: 9px; } /* ARROW BOX TOP */ .arrow-box-top:after, .arrow-box-top:before { bottom: 100%; } .arrow-box-top:after { border-bottom-color: #FFF; } .tone-dark .arrow-box-top:after { border-bottom-color: #1E1E1E; } .arrow-box-top:before { border-bottom-color: rgba(229,229,229,1); } .tone-dark .arrow-box-top:before { border-bottom-color: #333; } /* ARROW BOX BOTTOM */ .arrow-box-bottom:after, .arrow-box-bottom:before { top: 100%; } .arrow-box-bottom:after { border-top-color: #FFF; } .tone-dark .arrow-box-bottom:after { border-top-color: #1E1E1E; } .arrow-box-bottom:before { border-top-color: #000; border-top-color: rgba(229,229,229,1); } /* ARROW BOX TOP BOTTOM ALIGNS */ .arrow-box-top:after, .arrow-box-top:before, .arrow-box-bottom:after, .arrow-box-bottom:before { left: 50%; } /* anchor center default */ .arrow-box-top:after, .arrow-box-bottom:after { margin-left: -7px; } .arrow-box-top:before, .arrow-box-bottom:before { margin-left: -8px; } /* anchor left */ .anchor-left.arrow-box-top:after, .anchor-left.arrow-box-top:before, .anchor-left.arrow-box-bottom:after, .anchor-left.arrow-box-bottom:before { left: 10px; margin: 0; } .anchor-left.arrow-box-top:before, .anchor-left.arrow-box-bottom:before { left: 8px; } /* anchor right */ .anchor-right.arrow-box-top:after, .anchor-right.arrow-box-top:before, .anchor-right.arrow-box-bottom:after, .anchor-right.arrow-box-bottom:before { left: auto; right: 10px; margin: 0; } .anchor-right.arrow-box-top:before, .anchor-right.arrow-box-bottom:before { right: 8px; } /* ARROW BOX LEFT */ .arrow-box-left:after, .arrow-box-left:before { right: 100%; top: 50%; } .arrow-box-left:after { border-right-color: #FFF; } .arrow-box-left:before { border-right-color: #000; border-right-color: #BBB; } /* ARROW BOX RIGHT */ .arrow-box-right:after, .arrow-box-right:before { left: 100%; top: 50%; } .arrow-box-right:after { border-left-color: #FFF; } .arrow-box-right:before { border-left-color: #000; border-left-color: #BBB; } /* ARROW BOX LEFT RIGHT MIDDLE */ .arrow-box-left:after, .arrow-box-right:after { margin-top: -6px; } .arrow-box-left:before, .arrow-box-right:before { margin-top: -7px; } } /* * SIGN UP BUTTONS and SOCIAL SERVICES * --------------------------------------------- */ /* sign services list */ .sign-services {} .sign-services li { display: inline-block; margin: 0 4px 4px 0; } .sign-service { font-size: 0.93em; padding: 0 8px; line-height: 30px; height: 29px; } .sign-service .btn-icon { font-size: inherit; width: auto; } .sign-services-compact .btn-text { display: none; } .sign-service, .link-service { color: #FFF; display: inline-block; text-decoration: none !important; } .sign-service, .link-service span { border-radius: 3px; } .link-service { font-weight: normal; height: 28px; position: relative; } .link-service span { display: block; line-height: 28px; text-align: center !important; } .link-service .btn-icon { width: 28px; height: 28px; margin-right: 4px; position: absolute; left: 0; top: 0; } .link-service span.sign-text { padding: 0 20px; margin-left: 32px; } .sign-service .icon, .btn-social .btn-icon { color: #FFF; position: relative; width: 12px; display: inline-block; } /* * BUTTONS * --------------------------------------------- */ .btn-container { margin-top: 20px; margin-bottom: 20px; position: relative; } .phone .btn-container { text-align: center; } .btn { height: 36px; line-height: 36px; font-family: inherit; font-size: 1em; font-weight: normal; padding: 0 10px; border-radius: 3px; cursor: pointer; display: inline-block; text-decoration: none; } .btn, .btn:hover, .btn:active, .btn:focus { text-decoration: none; } .btn:active, .btn.default:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .tone-dark .btn:active, .tone-dark .btn.default:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2); } /* Button contents */ .btn-icon { font-size: 14px; width: 14px; display: inline-block; } .btn-text { margin-left: 4px; } /* button sizes */ .btn-big { font-size: 16px; font-size: 1.143rem; height: 38px; line-height: 38px; padding-left: 1em; padding-right: 1em; } .btn-small { height: 30px; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 0.92em; } .btn-input { font-weight: 600; font-size: 0.93em; padding-left: 20px; padding-right: 20px; } .btn-32 { width: 32px; height: 32px; text-align: center; display: inline-block; } .btn-32 .btn-icon { width: 18px; height: 18px; font-size: 18px; margin-top: 7px; } /* capsule button */ .btn-capsule { border-radius: 100px; border-color: rgba(255,255,255,.5); background-color: rgba(0,0,0,.5); background-image: none; height: auto; color: #FFF; text-shadow: none; font-size: 0.93em; height: 28px; line-height: 28px; font-weight: normal; padding: 0 15px; box-shadow: none; filter: none; } .btn-capsule:hover { background-color: rgba(0,0,0,.7); } .no-rgba .btn-capsule { border-color: #666; background-color: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); zoom: 1; } .no-rgba .btn-capsule:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); } .btn-capsule:active { box-shadow: none; } .btn-capsule .btn-icon { font-size: 0.93em; } /* button colors */ .btn.default { color: #333; border: 1px solid #CCC; background-color: #EEE; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.05); } .tone-dark .btn.default { color: #CCC; background-color: #2f2f2f; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05); } .btn.default:hover { background-color: #E9E9E9; } .tone-dark .btn.default:hover { background-color: #363636; } .btn.default.outline { color: #00A7DA; border-color: #00A7DA; box-shadow: none; } .btn.disabled, .btn.disabled:hover { color: #999; background-color: #F6F6F6; background-image: none; box-shadow: none; cursor: default; } .tone-dark .btn.disabled, .tone-dark .btn.disabled:hover { color: #666; background-color: #212121; } .btn.disabled.outline, .btn.disabled.outline:hover { color: #BBB; border-color: #CCC; } /* "plain" color (no color at all) */ .btn.plain, .btn.plain:hover { background: none; text-shadow: none; border-color: transparent; box-shadow: none; padding: 0; color: inherit; } .tone-dark .btn.plain, .tone-dark .btn.plain:hover { background: none; } .btn.plain:active { box-shadow: none; } .btn.active { background-image: none; background-color: #00A7DA; border-color: #00A7DA; filter: none; } .btn.grey, .btn.grey.off:hover { border-color: #EEE; background-color: #EEE; } .btn.grey:hover { background-color: #E9E9E9; } .btn.grey.outline { color: #EEE; } .btn.orange, .btn.orange.off:hover { border-color: #FE771D; background-color: #FE771D; } .btn.orange:hover { background-color: #FE6B0A; } .btn.orange.outline { color: #FE771D; } .btn.blue, .btn.blue.off:hover { border-color: #2A80B9; background-color: #2A80B9; } .btn.blue:hover { background-color: #2879B0; } .btn.blue.outline { color: #2A80B9; } .btn.green, .btn.green.off:hover { border-color: #27AE61; background-color: #27AE61; } .btn.green:hover { background-color: #25A55C; } .btn.green.outline { color: #27AE61; } .btn.red, .btn.red.off:hover { border-color: #E84C3D; background-color: #E84C3D; } .btn.red:hover { background-color: #DC483A; } .btn.red.outline { color: #E84C3D; } .btn.white, .btn.white.off:hover { border-color: #FFF; background-color: #FFF; } .btn.white:hover { background-color: #FFF; } .btn.white.outline { color: #FFF; } .btn.black, .btn.black.off:hover { border-color: #3A3A3A; background-color: #3A3A3A; } .btn.black:hover { background-color: #343434; } .btn.black.outline { color: #3A3A3A; } .btn.active, .btn.orange, .btn.blue, .btn.green, .btn.red, .btn.black { color: #FFF; border: 1px solid transparent; } .btn.grey, .btn.white { color: #333; } .btn.off { cursor: default; } .btn.off:active { box-shadow: none; } /* Social networks buttons */ /* hover are usually .95 */ .btn-social { color: #FFF; background-image: none; box-shadow: none; border: 1px solid transparent; } .btn-social, .btn-social:hover { text-decoration: none; text-shadow: none; background: #333; } .btn-twitter, .link-twitter span { background: #00ACEE; } .btn-twitter:hover, .link-twitter:hover span { background: #02A5E3; } .btn-facebook, .link-facebook span { background: #3C5998; } .btn-facebook:hover, .link-facebook:hover span { background: #374F8A; } .btn-google, .link-google span, .btn-google-plus, .link-google-plus span { background: #D74836; } .btn-google:hover, .link-google:hover span, .btn-google-plus:hover, .link-google-plus:hover span { background: #CD3C2A; } .btn-mail { background: #CCC; color: #333; } .btn-mail span { color: #333; } .btn-mail:hover { background: #BBB; } .btn-tumblr { background: #39536C; } .btn-tumblr:hover { background: #2C4762; } .btn-pinterest { background: #CB2027; } .btn-pinterest:hover { background: #B61A21; } .btn-stumbleupon { background: #EA4B24; } .btn-stumbleupon:hover { background: #DF421F; } .btn-blogger { background: #F5821F; } .btn-blogger:hover { background: #E97B1D; } .btn-reddit { background: #CEE3F8; } .btn-reddit:hover { background: #C0DBF5; } .btn-reddit .btn-icon { color: #333; } .btn-vk, .link-vk span { background: #587EA3; } .btn-vk:hover, .link-vk:hover span { background: #4E6F93; } /* Outlines */ .btn.outline, .btn.outline:hover { background: none; border: 1px solid; box-shadow: none; } /* * POP BUTTON AND POP BOXES * --------------------------------------------- */ .pop-btn, .top-btn-el, a[data-modal] { -webkit-tap-highlight-color: transparent; } .pop-btn *, .top-btn-el * { -webkit-tap-highlight-color: rgba(0,0,0,.2); } /* Pop button */ .pop-btn, .top-btn-el { display: inline-block; position: relative; cursor: pointer; } .pop-box-inner { cursor: default; display: block; font-size: 14px; font-size: 1rem; -webkit-overflow-scrolling: touch; overflow: auto; } .pop-btn .pop-box { top: 100%; margin-top: 10px; } .btn.pop-btn .pop-box { line-height: 100%; } .pop-btn-text { color: #00A7DA; cursor: pointer; /* font-weight: 600; */ } .ie7 .pop-btn-text, .ie8 .pop-btn-text { padding-right: 0; } .pop-btn-text .arrow-down { vertical-align: middle; margin-left: 5px; border-top-color: #00A7DA; } .pop-btn.disabled { cursor: default; } .pop-btn.disabled .pop-btn-text { color: #CCC; cursor: default; } .tone-dark .pop-btn.disabled .pop-btn-text { color: #444; } .pop-btn.disabled .arrow-down { border-top-color: #CCC; } .tone-dark .pop-btn.disabled .arrow-down { border-top-color: #444; } /* Pop box */ .pop-box { background: #FFF; display: none; font-size: 0.93em; z-index: 200; } .tone-dark .pop-box, .tone-dark .pop-box .or-separator span { background: #1E1E1E; } .tone-dark .pop-box .or-separator { border-color: #333; } @media (min-width: 992px) { .pop-box { position: absolute; top: 20px; min-height: 20px; min-width: 160px; border: 1px solid #E5E5E5; box-shadow: 0 2px 8px rgba(0,0,0,.15); } .tone-dark .pop-box { border-color: #333; } .pop-box.left-anchor, .pop-box { left: 0; } .pop-box.anchor-center { left: 50% !important; margin-left: -75px; } .pop-box.anchor-right { left: auto; right: 0; } .pop-box.pbcols1 { width: 212px; } .pop-box.pbcols2 { width: 412px; } .pop-box.pbcols3 { width: 612px; } .pop-box.pbcols4 { width: 812px; } .pop-box.pbcols5 { width: 1012px; } .pop-box-menucols ul { padding: 10px 0; overflow: auto; } .pop-box-menucols li { width: 190px; float: left; margin: 0 0 0 10px; } .pop-box-menucols li:first-child a, .pop-box-menucols li:last-child a { border-radius: 0; } } .btn .pop-box.left-anchor, .btn .pop-box { margin-left: -1px; } .btn .pop-box.anchor-right { margin-right: -1px; } .pop-box-menu { font-size: 14px; font-size: 0.875rem; } .pop-box-menu a { color: #333; padding: 10px; display: block; text-decoration: none; font-weight: normal; border-bottom: 1px solid #E5E5E5; } .tone-dark .pop-box-menu a { color: inherit; border-color: #000; } @media (min-width: 992px) { .pop-box-menu a { padding: 6px 10px; border-bottom: 0; } } html:not(.phone) .pop-box-menu a:hover, .pop-box-menu a.focus { background: #00A7DA; color: #FFF; } .pop-box-menu li.current a { background: #F2F2F2; } .tone-dark .pop-box-menu li.current a { background: #333; } .pop-box-menu ul { display: block; padding: 0; } @media (min-width: 992px) { .pop-box-menu ul { padding: 5px 0; } .pop-box-menu.pop-box-menucols ul { padding: 10px 0; } } .pop-box-menu li { display: block; text-align: left; overflow: hidden; position: relative; } .pop-box-menu li.with-icon {} .pop-box-menu li.with-icon a { padding-left: 30px; } .pop-box-menu li.with-icon a .btn-icon { position: absolute; left: 10px; top: 8px; } .pop-box-menu li.current, .pop-box-menu li.current a { font-weight: 600; } .pop-box-menu li.current a:hover { cursor: default; } .pop-box-userdetails { padding: 10px; width: 120%; min-width: 230px; cursor: default; left: 42px; line-height: normal; top: 0 !important; margin-top: 0 !important; } .phone .pop-box, .phablet .pop-box { position: fixed; bottom: 0; left: 0 !important; width: 100%; top: auto !important; } .pop-box-header { text-transform: uppercase; padding: 10px; background: #F2F2F2; position: relative; text-align: left; border-bottom: 1px solid #E5E5E5; } .tone-dark .pop-box-header { background: #1E1E1E; border-color: #000; } .pop-box-header .btn-icon { position: absolute; right: 10px; top: 50%; margin-top: -6px; font-size: 12px; } @media (min-width: 992px) { .pop-box-header { display: none; } } /* * TOP BAR * --------------------------------------------- */ .top-bar, .top-bar-placeholder, .top-bar ul li.pop-btn, .top-bar ul li.top-btn-el { height: 50px; } .top-btn-text, .top-btn-create-account { line-height: 50px; } .top-btn-text { -webkit-tap-highlight-color: transparent; } .top-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 400; width: 100%; -webkit-transition: transform 250ms ease, border 400ms ease; transition: transform 250ms ease, border 400ms ease; } .top-bar, .tone-dark .follow-scroll-wrapper.position-fixed { background-color: #000; background-color: rgba(0,0,0,.87); } .tone-dark .top-bar.black, .tone-dark.top-bar-black .follow-scroll-wrapper.position-fixed { background-color: #0b0b0b; background-color: rgba(11,11,11,.87); } .phone .top-bar { position: absolute; } .ie9 .top-bar { filter: none; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .top-bar.white, .follow-scroll-wrapper.position-fixed { /*box-shadow: 0 0 5px 0 rgba(0,0,0, 0.25); stupid webkit paint bug */ border-bottom: 1px solid #E5E5E5; border-bottom: 1px solid rgba(0,0,0,.1); } .top-bar.white.transparent { border-bottom-color: transparent; } .top-bar.white, .follow-scroll-wrapper.position-fixed, .top-bar-box-shadow-none .top-bar.white { background-color: #FFF; background-color: rgba(255,255,255,.97); } .top-bar, .follow-scroll-wrapper.position-fixed { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tone-dark.top-bar-black .follow-scroll-wrapper.position-fixed { border-bottom: 1px solid #212121; border-bottom: 1px solid rgba(255,255,255,.09); } .ie9 .top-bar.white { filter: none; } .top-bar-box-shadow-none .top-bar { box-shadow: none; border-bottom-color: transparent; } #top-bar-shade { opacity: 0; } #top-bar-shade.transparent-25 { opacity: .25; } .top-bar.transparent, .tone-dark .top-bar.transparent { background: none; box-shadow: none; } .top-bar.transparent .top-btn-text { text-shadow: 1px 1px 1px rgba(0,0,0,.25); } .top-bar.transparent.white .top-btn-text { /*text-shadow: 1px 1px 0 rgba(255,255,255,.35);*/ text-shadow: none; } .top-bar.transparent.white .top-btn-text:hover, .top-bar.transparent.white .opened .top-btn-text { text-shadow: none; } .top-bar.transparent .btn, .top-bar.transparent .top-btn-number { text-shadow: inherit; } .top-bar .content-width { position: relative; height: 100%; z-index: 100; } .top-bar .arrow-down, #menu-fullscreen > ul > li .arrow-down { border-top-color: #FFF; width: 0; } .top-bar.white .arrow-down, .top-bar.white .arrow-down, .top-bar.white #menu-fullscreen > ul > li .arrow-down { border-top-color: #333; } .top-bar-logo { width: 100%; position: absolute; top: 50%; margin-top: -9px; text-align: center; left: 0; padding: 0 10px; } .top-bar-logo, .top-bar-logo img { height: 18px; } @media (min-width: 992px) { .top-bar-logo { margin-top: -10px; } .top-bar-logo, .top-bar-logo img { height: 20px; } } .top-bar-logo > a { display: inline-block; } .top-bar-logo img { display: block; margin-left: auto; margin-right: auto; } .top-bar.white .top-btn-text:hover .arrow-down, .top-bar.white .opened .arrow-down { border-top-color: #00A7DA; } .ios .top-bar.white .top-btn-text:hover .arrow-down { border-top-color: #333; } .ios .top-bar.white .opened .top-btn-text .arrow-down { border-top-color: #00A7DA; } .top-bar ul { list-style: none; } .top-bar li.pop-btn, .top-bar li.top-btn-el { float: left; margin-right: 20px; position: relative; } .top-bar .top-bar-right li.pop-btn, .top-bar .top-bar-right li.top-btn-el { margin-right: 0; margin-left: 20px; } @media (min-width: 992px) { .top-bar li.pop-btn, .top-bar li.top-btn-el { margin-right: 20px; } .top-bar .top-bar-right li.pop-btn, .top-bar .top-bar-right li.top-btn-el { margin-left: 20px; } } .top-bar ul li.pop-btn:first-child { margin-left: 0; } .top-bar ul .pop-btn.current, .top-bar ul .top-btn-el.current { border-bottom: 2px solid #00A7DA; } .top-bar ul .pop-btn.current .top-btn-text, .top-bar ul .top-btn-el.current .top-btn-text { text-shadow: none; box-shadow: none; } .top-bar ul li.top-btn-el a { text-decoration: none; } .top-bar.white .top-bar ul .pop-btn.current .top-btn-text, .top-bar.white .top-bar ul .top-btn-el.current .top-btn-text { color: #333; } /* Last menu item top bar */ .top-bar-right li.pop-btn:last-child, .top-bar-right li.pop-btn:last-child .arrow-down { margin-right: 0; } .top-btn-text, .top-btn-create-account { display: block; color: #FFF; font-weight: normal; font-size: 1em; height: 100%; } .top-btn-text { text-decoration: none; } .top-bar.white .top-btn-text, .top-bar.white #menu-fullscreen .top-btn-text { color: #333; } .top-btn-text .icon { margin-right: 7px; position: relative; top: 0; display: inline; font-size: 16px; width: 16px; font-size: 1.143rem; width: 1.143rem; line-height: 50px; } .top-btn-text .btn-text { margin-left: 0; } .top-btn-text .icon-search { /*top: 1px; top: 0.071428rem;*/ } .top-btn-text .arrow-down { position: relative; margin: 0 0 0 5px; /* -1px 4px 0 4px; */ } .top-btn-text .btn-text { vertical-align: top; } .top-btn-text .icon { margin-right: 0; } .top-bar-notifications { } #menu-fullscreen .top-bar-notifications .btn-text { display: inline-block; } .top-bar-notifications-container { margin-right: 2px; cursor: default; } .top-bar-notifications-header { font-size: 0.93em; line-height: 1; padding: 12px 10px; overflow: auto; } .top-bar-notifications-header, .top-bar-notifications-list li { border-bottom: 1px solid #E5E5E5; } .tone-dark .top-bar-notifications-header, .tone-dark .top-bar-notifications-list li { border-color: #333; } .top-bar-notifications-header h2 { font-size: 1em; font-weight: bold; float: left; } .top-bar-notifications-header a { float: right; } .top-bar-notifications-list li { font-size: 0.93em; display: block; text-decoration: none; padding: 10px; position: relative; min-height: 68px; padding-left: 68px; } .top-bar-notifications-list li:last-child { border-bottom: 0; } .top-bar-notifications-list li:hover { background: rgba(0,0,0,.02); } .tone-dark .top-bar-notifications-list li:hover { background: rgba(0,0,0,.2); } .top-bar-notifications-list li.transition { transition: background-color 150ms linear; } .top-bar-notifications-list li.persistent, .top-bar-notifications-list li.new { background: #FFFAD9; } .tone-dark .top-bar-notifications-list li.persistent, .tone-dark .top-bar-notifications-list li.new { background: #333; } .ie7 .top-bar-notifications-list li { min-height: 48px; } .top-bar-notifications-list li .user-image { width: 48px; height: 48px; position: absolute; left: 10px; top: 10px; } .top-bar-notifications-list li .user-image img { width: 100%; height: 100%; display: block; } .top-bar-notifications-list li .user-image span.icon { font-size: 30px; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; } .top-bar-notifications-list li .how-long-ago { display: block; font-size: 11px; color: #AAA; } @media (min-width: 992px) { .top-bar .pop-box { margin-top: 0; z-index: 200; } } /* top search */ .top-bar-search-input { margin-left: -10px; margin-right: 10px !important; } .top-bar.white .top-bar-search-input .icon-search { color: inherit; } .top-bar-search-input .input-search { position: relative; top: 50%; margin-top: -13px; } .top-bar-search-input input { font-size: 1em; border-width: 0; padding-left: 36px; } .top-bar.white .top-bar-search-input input { border-width: 1px; } .tone-dark .input-search .icon.search, .tone-dark .input-search .icon.close, .tone-dark .input-search .icon.settings { color: #CCC; } .tone-dark .input-search .icon.close:hover, .tone-dark .input-search .icon.settings:hover { color: #999; } /* top pop-box */ .top-bar-left .pop-box { left: -10px; } .top-bar-right .pop-box { left: auto; right: -10px; } .top-bar-right .pop-box .arrow-up { left: auto; right: 10px; } /*.top-bar-right .pop-btn:last-child .pop-box { right: 0; }*/ .top-bar .pop-box { top: 100%; top: 46px; } /* top predictive search */ #top-predictive-search.pop-box { width: 200px; left: 0; font-size: 100%; } /* signup */ /*.top-bar .pop-account .pop-box { width: 310px; left: 50%; margin-left: -155px; }*/ .top-bar .pop-account {} .top-bar .pop-account .pop-box .arrow-up { left: 50%; margin-left: -6px; } .top-bar .pop-account .or-separator { margin-top: 30px; } /* create account */ .top-btn-create-account { text-decoration: none; display: inline; padding: 4px 12px; height: 26px; } .top-bar.white .top-btn-text:hover:not(.btn), .top-bar.white .opened .top-btn-text:not(.btn) { color: #00A7DA; } .phone .top-bar.white .top-btn-text:hover:not(.btn) { color: inherit; } .phone .top-bar.white .current .top-btn-text:hover:not(.btn) { color: #00A7DA; } /*.top-bar.white.transparent .top-btn-text:hover, .top-bar.white.transparent .opened .top-btn-text { color: #FFF; }*/ .ios .top-bar.white .top-btn-text:not(.btn):not(.top-btn-number):hover { color: #333; } .ios .top-bar.white .opened .top-btn-text:not(.btn), .ios .top-bar.white .opened .top-btn-text:not(.top-btn-number) { color: #00A7DA; } .top-bar.white .btn, .top-bar.white .btn:hover, .top-bar.white .opened .btn { color: #FFF; } .top-bar.white .btn.default, .top-bar.white .btn.default:hover, .top-bar.white .current .btn { color: inherit; } .current .top-btn-create-account:hover { background: inherit; } .current .top-btn-create-account { padding: 0; background: none; } .top-btn-number { background: #555; color: #DDD; font-size: 12px; font-weight: normal; border-radius: 3px; padding: 0 7px; position: relative; display: block; top: 14px; line-height: 22px; height: 22px; } #menu-fullscreen .top-btn-number { display: inline-block; position: relative; margin-right: 5px; top: -2px; vertical-align: text-bottom; } .top-bar.white .top-btn-number, .top-bar.white .opened .top-btn-number, .top-bar.white .top-btn-number:hover, .ios .top-bar.white .top-btn-number.top-btn-text { background: #CCC; color: #FFF; } .top-bar.white .top-btn-number.on, .top-btn-number.on, .top-btn-number.on:hover, .opened .top-btn-number.on, .ios .top-bar.white .top-btn-number.on { background: #D90000; color: #FFF; } /* pop account */ .pop-account {} .pop-account .pop-box-inner { padding: 20px 10px; cursor: default; } .pop-account .title, .pop-account h2 { font-size: 1em; text-align: center; margin-top: 5px; font-weight: normal; display: block; } .pop-account .sign-services { margin: 15px 0 11px 0; } .pop-account input[type=text], .pop-account input[type=password], .pop-account input.text-input { width: 100%; /* 288 */ } .ie7 .pop-account input.text-input { width: 266px; height: auto; } .pop-account .checkbox-label { display: inline-block; margin: 0; } .ie7 .pop-account .checkbox-label { } /* top user */ #top-bar-user .top-btn-text .user-image { position: relative; top: 50%; margin-top: -13px; margin-right: 5px; width: 26px; height: 26px; float: left; } .phone #top-bar-user .top-btn-text .user-image { margin-right: 0; } .phone #menu-fullscreen #top-bar-user .top-btn-text .user-image { margin-right: 5px; } #top-bar-user .default-user-image { background: #CCC; } .top-bar.black #top-bar-user .default-user-image { background: #555; } #top-bar-user-menu.pop-box { width: 150px; } /* * HEADER * --------------------------------------------- */ .header { border-bottom: 1px solid #E5E5E5; height: 50px; position: relative; overflow: visible; clear: both; } .follow-scroll-wrapper.position-fixed .header.follow-scroll { border-bottom: 0; } /*.follow-scroll-wrapper.position-fixed { border-bottom: 1px solid rgba(0,0,0,.12); }*/ .tone-dark .header { border-bottom-color: #212121; } .header.fixed.follow-scroll { border-bottom: 0; } .header.follow-scroll { } .phone .header, .phablet .header { height: auto; min-height: 50px; } .header h1 { font-size: 1em; } .header > h1, .header .heading, .header .heading * { line-height: 50px; } .header > h1, .header .heading { font-size: 22px; font-weight: normal; float: left; } .tone-dark .header > h1, .tone-dark .header .heading { color: #FFF; } .phone .header > h1, .phone .header .heading { /* font-size: 1.43em; */ } .header h1 strong, .header .heading strong { font-weight: inherit; } .header.header-tabs h1 { margin-right: 20px; } .header ul.content-tabs { float: left; } .phone .header ul.content-tabs { float: none; /* margin-top: -10px; */ position: relative; /*top: -10px;*/ /* border-bottom: 1px solid #E5E5E5; */ } .phone .header:not(.follow-scroll) ul.content-tabs { top: auto; } .header .btn { margin-top: 3px; } .phone .header .btn { margin-top: 0; } .header-content-left { float: left; } .header-content-right { float: right; height: auto; } .phone .header-content-right { } .header-content-right .number-figures { margin-top: 14px; border-left: 1px solid #E5E5E5; } .header-content-right .number-figures:first-child { border-left: 0; } .header .header-link { font-size: 1em; display: inline-block; margin-top: 17px; } .header > .header-link { /* line-height: 50px; */ } .header > .header-link * { line-height: normal; } .phone .header .header-link { } .header .pop-btn.breadcrum-item { margin-top: 0; } .header .user-image { width: 30px; height: 30px; /*position: relative; top: 50%; margin-top: -15px;*/ margin-top: 10px; float: left; } .header.header-content { position: relative; min-height: 40px; border: 0; } .header.header-content .heading,A .header.header-content .heading * { line-height: 40px; height: 40px; } .header-content img { max-height: 40px; } .header-content .user-image { width: 40px; height: 40px; margin-top: 0; top: 0; } .header-content .user-image img, .header .user-image img { width: 100%; height: 100%; display: block; } .header-content .user-image.default-user-image .icon, .header .user-image.default-user-image .icon { font-size: 24px; width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; } .header-content-breadcrum { float: left; } .tone-dark .breadcrum-item { color: #FFF; } .breadcrum-item * { line-height: normal; } .header-content-breadcrum .breadcrum-item, .breadcrum-text { line-height: 40px; } .breadcrum-text, .header-content-breadcrum .heading { font-size: 15px; } .breadcrum-text, .breadcrum-text a { color: inherit; } .breadcrum-text { font-weight: normal; } .breadcrum-item { margin-right: 10px; position: relative; float: left; } .breadcrum-text a:hover { color: #00A7DA; text-decoration: none; } .breadcrum-text .user-link { margin-left: 13px; } .header-content-breadcrum .arrow, .header-content-breadcrum .arrow-down, .header-content-breadcrum .arrow-right { margin-left: 5px; position: relative; } .header-content-breadcrum a:hover .arrow-down { border-top-color: #00A7DA; } .header-content-breadcrum a:hover .arrow-right { border-left-color: #00A7DA; } .header-content-breadcrum .pop-box h2 { font-size: 1.07em; /* 15 */ line-height: 1.2; } .header-content-breadcrum .pop-box h2 a { line-height: 1; } .header-content .btn { margin-left: 5px; float: left; margin-top: 3px; } .header-content .btn:last-child { margin-right: 0; } /* * FOOTER * --------------------------------------------- */ .footer { font-size: 11px; text-align: center; margin-top: 10px; } .footer, .footer a { color: #DDD; text-decoration: none; } .js #powered-by.footer { display: none; } /* * SUPER FIX MYSELF * --------------------------------------------- */ .follow-scroll { margin-left: auto; margin-right: auto; } .follow-scroll-wrapper { left: 0; right: 0; z-index: 50; } .follow-scroll-placeholder { -webkit-backface-visibility: hidden; } /* * CONTENT TABS * --------------------------------------------- */ .content-tabs { /* clear: right; */ } .tab-menu { cursor: pointer; line-height: 50px; min-height: 50px; } .phablet .tab-menu { float: left; } .tab-menu.current { border-bottom: 1px solid transparent; } /*.content-tabs { border-top: 1px solid #E5E5E5; } .tone-dark .content-tabs { border-color: #212121; }*/ .content-tabs a { font-weight: normal; color: #333; text-decoration: none; padding-left: 10px; padding-right: 10px; } .tone-dark .content-tabs a { color: #FFF; } .content-tabs li.disabled a { cursor: default; } .content-tabs li.current a, .content-tabs li.current a span, .tab-menu.current { color: inherit; /* #00A7DA */ } .content-tabs li { float: left; font-size: 1em; } .phone .content-tabs li { float: none; border-bottom: 0; } .phone .content-tabs li a { padding: 0; } .content-tabs-vertical li { float: none; margin: 0; border-left: 2px solid transparent; } /* .content-tabs-vertical li:hover { background: #F9F9F9; } .tone-dark .content-tabs-vertical li:hover { background: #212121; } */ .content-tabs-vertical li > * { padding-right: 20px; padding-left: 20px; } .header-content-right .content-tabs li { margin-left: 10px; margin-right: 0; } .content-tabs li, .content-tabs a { height: 50px; line-height: 50px; display: block; } .content-tabs-vertical li, .content-tabs-vertical a { height: 38px; line-height: 38px; } .content-tabs li:hover, .content-tabs li.current, .content-tabs li.visited, .content-tabs li.visited:hover { color: inherit; /* #00A7DA */ border-color: #00A7DA; border-style: solid; border-bottom-width: 2px; } .content-tabs li.current a:hover { color: inherit; } .content-tabs li:hover a { color: #00A7DA; } .tone-dark .content-tabs li a, .tone-dark .content-tabs li:hover a { color: #FFF; } .content-tabs li.disabled:hover { border-bottom: 0; } .content-tabs li.current { border-color: #00A7DA; } .content-tabs li.visited { border-bottom-color: transparent; } .content-tabs li.current.visited { border-color: #D93600; } .content-tabs li.visited, .content-tabs li.visited a { color: #D93600; } .content-tabs-vertical li:hover, .content-tabs-vertical li.current { border-bottom-width: 0; border-left-width: 2px; } .content-tabs .tab-count { font-weight: normal; color: #BBB; } .content-tabs .tab-count-block { font-weight: normal; background: #D90000; border-radius: 3px; padding: 1px 4px; position: relative; top: -1px; } .content-tabs .tab-count-block, .content-tabs .current .tab-count-block { color: #FFF; } .content-tabs li.disabled * { color: #CCC; } .list-selection { overflow: visible; line-height: 50px; } .list-selection * { line-height: normal; } .phone .list-selection { border-top: 1px solid #E5E5E5; } .phone.tone-dark .list-selection { border-top-color: #212121; } /* Content being tabbed */ #tabbed-content-group { margin-top: 30px; padding-bottom: 30px; } #content-listing-tabs #tabbed-content-group { margin-top: 0; } /* hide the tabbed content */ .tabbed-content { display: none; width: 100%; overflow: auto; } .title { font-size: 0.93em; font-weight: bold; margin-bottom: 5px; } .title.grid-columns { margin-right: 10px; text-align: right; line-height: 2; } .phone .title.grid-columns, .phablet .title.grid-columns { margin-right: 0 !important; text-align: left; } .tabbed-content-section { overflow: auto; } .tabbed-content-list { line-height: 1.8; } .tabbed-listing {} .tabbed-listing .tabbed-content { overflow: hidden; } .table-li { display: table; width: 100%; } .table-li li { padding: 8px 0; border-bottom: 1px solid #E5E5E5; list-style: none !important; } .tone-dark .table-li li { border-bottom-color: #212121; } .tabbed-content-list.table-li-hover > li:hover { background: #F9F9F9; } .tone-dark .tabbed-content-list.table-li-hover > li:hover { background: #1E1E1E; } .tabbed-content-list .table-li-header { font-weight: bold; } .tabbed-content-list.table-li-hover .table-li-header:hover, .tone-dark .tabbed-content-list.table-li-hover .table-li-header:hover { background: none; } .table-li ul { } .table-li ul li:last-child { border-bottom: none; } .table-li ul li:hover { /*background: #F6F6F6;*/ } .table-li ul li ul li:hover { /*background: #F3F3F3;*/ } /* * VIEWER * --------------------------------------------- */ .viewer-title { font-size: 1.43em; line-height: 1.43em; margin: 10px 0; } /* * PANELS * --------------------------------------------- */ /* description */ .panel-description {} .panel-description .description-text { font-size: 1em; } .panel-description .description-meta { font-size: 0.93em; } /*.panel-description p.meta a { color: #BBB; }*/ .panel-description .exif-meta { padding-left: 1.57em; /* 22px */ position: relative; } .panel-description .exif-meta .camera-icon { color: #CCC; position: absolute; left: 0; top: 0.21em; /* 3px */ font-size: 1.14em; } .panel-description .exif-meta .exif-data { display: block; font-size: 1em; } /* thumb list */ .panel-thumb-list {} .panel-thumb-list li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; line-height: 76px; font-size: 0.93em; } .phone .panel-thumb-list li.more-link, .phablet .panel-thumb-list li.more-link { float: none; clear: both; line-height: 100%; padding: 10px 0; } .panel-thumb-list img { display: block; width: 76px; height: 76px; } .phone .panel-thumb-list img, .phablet .panel-thumb-list img { width: 90px; height: auto; } /* share */ .panel-share {} .panel-share-item { margin-bottom: 30px; } .panel-share-item:last-child { margin-bottom: 0; } .panel-share-item h4.pre-title { font-size: 0.93em; color: #BBB; border-bottom: 1px solid #E5E5E5; padding-left: 200px; line-height: 20px; margin-bottom: 10px; } .tone-dark .panel-share-item h4.pre-title { border-color: #212121; } .phone .panel-share-item h4.pre-title, .phablet .panel-share-item h4.pre-title { padding-left: 0; } .panel-share-item h4.title { line-height: 32px; } .panel-share-item .text-input { *height: auto; } .panel-share-item .grid-columns { position: relative; } .panel-share-input-label { margin-bottom: 10px; overflow: auto; } .panel-share-input-label:last-child { margin-bottom: 0; } .panel-share-input { position: relative; } .panel-share-networks { overflow: auto; } .panel-share-networks h4.title { line-height: 32px; } .panel-share-networks li { display: block; float: left; margin-right: 8px; margin-bottom: 8px; } .panel-share-networks li a { display: block; width: 32px; height: 32px; } .panel-report {} .panel-report h4.title { line-height: 36px; } /* * TEXT CONTENT ELEMENTS * --------------------------------------------- */ .text-content { margin-bottom: 40px; font-size: 16px; font-size: 1.143rem; } .text-content p, .text-content li { line-height: 160%; margin: 10px 0; } .text-content h1, .text-content h2, .text-content h3, .text-content h4 { margin: 40px 0 20px 0; font-weight: normal; line-height: 120%; } .text-content h1 { font-size: 1.375em; /* 22/14 */ } .text-content h2 { font-size: 1.25em; /* 20/16 */ } .text-content h3 { font-size: 1.125em; /* 18/16 */ } .text-content h4 { font-size: 1.07em; /* 17/16 */ } .text-content h5 { font-size: 1em; /* 16/16 */ } .text-content h6 { font-size: 1em; /* 16/16 */ } .text-content ul, .text-content ol { margin-left: 20px; } .text-content li { list-style: disc outside; margin-top: 0; margin-bottom: 0; } /* * FORM CONTENT ELEMENTS * --------------------------------------------- */ .form-content { position: relative; } /* .signup-services-column { position: absolute; right: 0; top: 10px; } .form-content .or-separator { float: left; margin: 28px 30px; } */ .signup-services-column h2 { font-size: 17px; } .signup-services-column ul { margin: 10px 0; } .signup-services-column li:first-child { margin-left: 0; } .signup-services-column li:last-child { margin-right: 0; } .form-content .content-tabs-vertical { margin-right: 10px; position: absolute; left: 0; top: 0; } .form-content .content-tabs-vertical.position-fixed { position: fixed; left: auto; top: auto; } .tabbed-input-column { margin-left: 200px; } .phone .tabbed-input-column, .phablet .tabbed-input-column { margin-left: 0; } .account-link { position: relative; } .account-linked {} a.account-linked-profile { width: 48px; height: 48px; display: block; } a.account-linked-profile img { width: 100%; height: 100%; display: block; border: 0; } /* * MOBILE MENU * --------------------------------------------- */ html.menu-fullscreen-visible { overflow: hidden; } html.menu-fullscreen-visible body { width: 100%; height: 100%; overflow: hidden; } #menu-fullscreen { position: fixed; left: 0; top: 0; background: #212121; border-top-color: #212121; border-top-style: solid; height: 100%; width: 100%; overflow: auto; } .top-bar.white #menu-fullscreen { border-top-color: #FFF; background: #F2F2F2; } #menu-fullscreen > ul > li { display: block; float: none; border-bottom: 0; border-top: 1px solid #000; margin: 0 !important; position: relative; } .top-bar.white #menu-fullscreen > ul > li { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #FFF; background: #FFF; } #menu-fullscreen > ul > li .top-btn-text { padding: 0 10px; background: inherit; } #menu-fullscreen > ul > li .icon { margin-right: 7px; } #menu-fullscreen > ul > li .input-search .icon { margin-right: 0; } #menu-fullscreen > ul > li a { text-decoration: none; } #menu-fullscreen .input-search { margin: 0 10px; top: 11px; width: auto; } #menu-fullscreen .menu-fullscreen-show { display: block; } #menu-fullscreen .menu-fullscreen-hide { display: none; } /* * UPLOAD BOX * --------------------------------------------- */ body.upload-box-visible { margin-top: 300px; } body.upload-box-visible.no-margin-top { margin-top: 280px; } body.upload-box-visible .upload-box { display: block; } .upload-box { clear: both; background: #FFF; border-bottom: 1px solid #E5E5E5; } .tone-dark .upload-box { border-color: #000; } .upload-box.fixed { position: fixed; top: 50px; /* nota: calcular */ left: 0; right: 0; z-index: 200; visibility: hidden; background: #FFF; } .tone-dark .upload-box.fixed { background: #101010; } .phone .upload-box.fixed { top: 0; z-index: 500; max-height: 100%; overflow-y: auto; overflow-x: hidden; } .ios .upload-box.fixed { /*position: absolute;*/ } .upload-box-inner { padding: 40px 0; position: relative; } .upload-box-inner .position-absolute { position: absolute; text-transform: uppercase; top: 20px; line-height: 20px; } .upload-box-heading { text-align: center; } .upload-box-heading .icon { font-size: 100px; width: 100px; height: 100px; font-size: 7.143rem; width: 7.143rem; height: 7.143rem; color: #00A7DA; display: inline-block; text-decoration: none; -webkit-tap-highlight-color: transparent; } .upload-box-heading h2, .upload-box-heading .heading { font-weight: lighter; font-size: 26px; margin: 10px 0; display: block; } .upload-box-heading h2 a, .upload-box-heading .heading a{ color: inherit; text-decoration: none; } .upload-box-status-text { font-size: 14px; } .upload-box-allowed-files { left: 0; font-size: 11px; font-size: 0.79rem; color: #999; } .upload-box-allowed-files span { margin-right: 5px; } .upload-box-close { text-decoration: none; right: 0; font-size: 11px; line-height: 11px; font-size: 0.79rem; line-height: 1em; color: #333; } .upload-box-close, .upload-box-close a { } .tone-dark .upload-box-close { color: #CCC; } .upload-box-close:hover { text-decoration: none; } .upload-box-close a { color: inherit; text-decoration: none; } .upload-box-close .btn-text:hover { text-decoration: underline; } .upload-box-close .btn-icon { font-size: 9px; width: 9px; display: inline; } /* * NOT FOUND 404 * --------------------------------------------- */ .page-not-found { background: #F2F2F2; text-align: center; padding: 30px; font-size: 16px; font-size: 1.143rem; } .tone-dark .page-not-found { background: #101010; } .page-not-found h1 { font-size: 30px; font-size: 2.143rem; margin-bottom: 10px; margin-bottom: 0.714rem; } .page-not-found .input-search { margin-left: auto; margin-right: auto; margin-top: 20px; margin-top: 1.43rem; } .page-not-found .input-search .icon-search { font-size: 20px; font-size: 1.43rem; left: 14px; left: 1rem; top: 8px; top: 0.57rem; } .page-not-found .input-search .icon-close { top: 6px; right: 5px; top: 0.42rem; right: 0.36rem; } .page-not-found input.search { height: 36px; height: 2.57rem; width: 100%; font-size: 15px; font-size: 1.07rem; padding-right: 30px; padding-right: 2.143rem; padding-left: 40px; padding-left: 2.86rem; } .ie7 .page-not-found input.search, .ie8 .page-not-found input.search, .ie9 .page-not-found input.search { padding-right: 10px; line-height: 36px; } /* * PINTERESQUE LISTINGS * --------------------------------------------- */ .content-listing { overflow: hidden; position: relative; clear: both; /*font-size: 0;*/ } .pad-content-listing { width: 105%; margin-left: auto; margin-right: auto; position: relative; } .js .pad-content-listing { /*visibility: hidden; height: 0;*/ } .list-item { display: inline-block; } .js .list-item { display: none; } .list-item .disabled-mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80ffffff', endColorstr='#80ffffff'); /* IE */ z-index: 1; } .list-item:hover .hover-display, .phone .list-item .hover-display, .phablet .list-item .hover-display { display: block; } .list-item.masked:hover .hover-display { display: none; } .list-item .hover-display { opacity: 0; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .list-item:hover .hover-display { opacity: 1; } .phone .list-item .hover-display, .phablet .list-item .hover-display { opacity: 1; -webkit-transition: none; transition: none; } .list-item-image { position: relative; display: block; overflow: hidden; min-height: 230px; /* chv */ text-align: center; background: #F6F6F6; } .tone-dark .list-item-image, .tone-dark .list-item-thumbs, .tone-dark .list-item-thumbs li { background: #212121; } .list-item-image .image-container { display: inline-block; text-align: center; vertical-align: bottom; text-decoration: none; } .js .list-item-image .image-container { text-align: default; } .list-item-image .image-container img { display: block; position: relative; width: 100%; height: auto; } .js .list-item-image .image-container img { width: auto; } .list-item-image .image-container .icon.empty { width: 90px; height: 90px; font-size: 90px; color: #E5E5E5; text-decoration: none; } .tone-dark .list-item-image .image-container .icon.empty { color: #444; } .list-item-image-btn { padding: 5px 8px 5px 28px; font-size: 0.93em; background: #FFF; position: absolute; top: 10px; cursor: pointer; border-radius: 2px; } .list-item-image-btn.list-image-like-btn { left: 10px; } .list-item-image-btn span { font-size: 15px; position: absolute; left: 8px; top: 50%; margin-top: -8px; } .ie7 .list-item-image-btn span { left: 4px; top: 2px; } .list-item-image-btn:hover span { color: #00A7DA; } .list-item-image-btn.liked { background: #00A7DA; color: #FFF; display: block; } .list-item-image-btn.liked:hover { background: #D90000; } .list-item-image-btn.liked:hover span.icon-like { font-size: 11px; padding: 0; left: 10px; color: #FFF; margin-top: -6px; } .list-item-image-btn.liked:hover span.icon-like:before { content: "\e01f"; } .list-item-desc, .list-item-card, .list-item-title { background: #FFF; border: 1px solid #EEE; padding: 10px; position: relative; } /* .tone-dark .list-item-desc, .tone-dark .list-item-card, .tone-dark .list-item-title { background: #101010; border-color: transparent; } */ .list-item-desc-title { font-size: 1.08em; line-height: 1.08em; font-weight: 600; display: inline-block; } .list-item-title { padding-top: 0; padding-bottom: 0; font-weight: normal; text-align: center; height: 40px; overflow: hidden; } .list-item-title, .list-item-title * { font-size: 1em; line-height: 40px; } .list-item-title a { font-weight: normal; color: #333; } .list-item-alt { background: #F2F2F2; } /*.list-item-desc, .list-item-title { color: #BBB; } .tone-dark .list-item-desc, .list-item-title { color: #888; }*/ .list-item-desc-height { height: 100%; } .list-item-overflow { height: 110%; overflow: hidden; } .list-item-desc { font-size: 0.93em; line-height: 130%; height: 3.846em; /* 50/13 */ box-shadow: 0 1px 0px rgba(0,0,0,.1),0 0 0 transparent; border-bottom: 1px solid rgba(0,0,0,.2); } .phone .list-item-desc, .phablet .list-item-desc { font-size: 1em; } .list-item-desc a, .list-item-desc strong, .list-item-desc b, .list-item.masked:hover .list-item-desc a, .list-item.masked:hover .list-item-title a { /*font-weight: normal;*/ color: #555; } .tone-dark .list-item-desc a, .tone-dark .list-item-desc strong, .tone-dark .list-item-desc b, .tone-dark .list-item.masked:hover .list-item-desc a, .tone-dark .list-item.masked:hover .list-item-title a { color: #FFF; } .list-item:hover .list-item-desc a, .list-item:hover .list-item-title a { color: #00A7DA; } .list-item-desc .user, .list-item-desc a.user img { border-radius: 100%; } .list-item-desc .user { float: left; margin-top: -20px; margin-right: 8px; padding: 3px; background: #FFF; width: 50px; height: 50px; } .tone-dark .list-item-desc .user { background: #101010; } .list-item-desc .user:hover { background: #00A7DA; } .tone-dark .list-item-desc .user:hover { background: inherit; } .list-item-desc .user img { width: 44px; height: 44px; display: block; } .phone .list-item-desc .user, .phablet .list-item-desc .user { width: 62px; height: 62px; } .phone .list-item-desc .user img, .phablet .list-item-desc .user img { width: 56px; height: 56px; } .list-item-desc .user-image { text-align: center; position: relative; } .list-item-desc .user-image:hover { background-color: #E5E5E5; } .list-item-desc .user-image .icon-user { color: #E5E5E5; position: absolute; font-size: 24px; width: 24px; height: 24px; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .phone .list-item-desc .user-image .icon-user, .phablet .list-item-desc .user-image .icon-user { font-size: 32px; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; } .list-item-desc .user-image:hover .icon-user { color: #FFF; } .list-item-desc strong { display: block; } .list-item-card { border-radius: 3px; min-height: 82px; } .list-item-card .user-image { display: block; } .list-item-thumbs-container { overflow: hidden; } .list-item-thumbs { overflow: auto; background: #F2F2F2; width: 101%; margin-top: 2px; margin-bottom: 0; margin-left: -1px; } .list-item-thumbs li { background: #F6F6F6; border-right: 1px solid; border-left: 1px solid; border-color: #FFF; float: left; } .tone-dark .list-item-thumbs li { border-color: #0b0b0b; } .list-item-desc { color: #FFF; height: 3.846em; margin-top: -3.846em; /* -4.17em @ 12px */ background: transparent; border: 0; box-shadow: none; text-shadow: 1px 1px 3px rgba(0,0,0,.7); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ); /* IE6-9 */ opacity: 0; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .list-item:hover .list-item-desc, .phone .list-item .list-item-desc, .phablet .list-item .list-item-desc, .laptop .list-item .list-item-desc { opacity: 1; } .list-item-desc *, .list-item-desc a, .list-item:hover .list-item-desc a { color: #FFF; } .list-item-desc .list-item-overflow { bottom: 0; left: 0; padding: 10px; position: absolute; height: auto; } .content-listing-more, .content-listing-loading { text-align: center; margin: 20px 0; } .content-listing-more { display: none; } .content-listing-loading { height: 32px; } .content-listing-loading .loading-indicator { position: static; } .content-listing-pagination { text-align: center; font-size: 1em; padding: 8px 0; margin: 20px 0; color: inherit; font-weight: normal; } .js .content-listing-pagination { display: none; } .content-listing-pagination li { display: inline-block; } .content-listing-pagination a { text-decoration: none; font-weight: inherit; color: inherit; padding: 6px 10px; display: block; } .content-listing-pagination a:hover { color: #00A7DA; } .content-listing-pagination a:hover, .content-listing-pagination a.current { background: #F6F6F6; } .content-listing-pagination a.current { color: inherit; } .tone-dark .content-listing-pagination a.current, .tone-dark .content-listing-pagination a:hover { color: #FFF; background: #1F1F1F; } .content-empty { text-align: center; font-size: inherit; font-color: #CCC; } .content-empty .icon { color: #E5E5E5; font-size: 90px; width: 90px; height: 90px; display: inline-block; } .tone-dark .content-empty .icon { color: #444; } .content-empty h2 { font-size: 14px; margin-top: 10px; line-height: 160%; } .tone-dark .content-empty h2 { color: #444; } /* Sortable listings */ .sort-listing { display: none; } .sort-listing .selection-count:before { content: " ("; } .sort-listing .selection-count:after { content: ")"; margin-right: 5px; } .disabled.sort-listing .selection-count:before, .disabled.sort-listing .selection-count:after { display: none; } /* * USER STYLES * --------------------------------------------- */ .user-image { display: inline-block; } .user-image img, img.user-image { display: block; border-radius: 3px; } .default-user-image { background: #E5E5E5; color: #FFF; text-align: center; position: relative; } .tone-dark .default-user-image { background: #555; } .default-user-image .icon { color: #FFF; font-size: 16px; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; display: block; line-height: 100%; } /* user avatar sizes */ img.user-image.size-70 , .default-user-image.size-70 { width: 70px; height: 70px; } .default-user-image.size-70 .icon { font-size: 38px; margin-left: -19px; margin-top: -19px; } img.user-image.size-60 , .default-user-image.size-60 { width: 60px; height: 60px; } .default-user-image.size-60 .icon { font-size: 32px; margin-left: -16px; margin-top: -16px; } img.user-image.size-40 , .default-user-image.size-40 { width: 40px; height: 40px; } .default-user-image.size-40 .icon { font-size: 22px; margin-left: -11px; margin-top: -11px; } .user-social-networks { font-size: 1em; } .user-social-networks, .user-social-networks a { text-decoration: none; color: #BBB; } .user-social-networks a { padding: 2px; } .user-social-networks a:hover { color: #999; } .no-margin-top .top-user { min-height: 130px; /* height: auto; */ } .top-user { position: relative; height: 110px; margin-top: 10px; margin-bottom: 10px; /* min-height: 100px; */ height: auto; } .top-user > div { position: absolute; top: 0; } .top-user .top-user-credentials { position: static; padding-right: 220px; clear: both; overflow: visible; } .top-user.user-has-no-background .top-user-credentials { overflow: auto; } .phone .top-user .top-user-credentials { padding-right: 0; padding-left: 0; width: 100%; margin-bottom: 10px; text-align: center; } .phone .top-user .top-user-credentials > a { display: inline-block; } .top-user .header-content-right { right: 0; } .phone .top-user .header-content-right { position: relative; /* height: 28px; */ /* line-height: 28px; */ } .phone .top-user .header-content-right > div { margin: 10px auto; text-align: center; width: 260px; } .phone .top-user .input-search { position: relative; top: auto; /* width: 230px; */ } .phone .top-user .input-search form { position: relative; } .phone .top-user .number-figures { line-height: 28px; } .top-user h1 { font-size: 26px; font-weight: bold; margin-bottom: 2px; margin-top: 10px; color: #000; } .top-user.user-has-no-background h1 { /*margin-top: 20px;*/ } .tone-dark .top-user h1 { color: #FFF; } .phone .top-user h1, .no-margin-top .top-user h1 { margin-top: 0; } .top-user h1 a { color: inherit; text-decoration: none; } .top-user .user-meta { margin-bottom: 10px; } body.no-margin-top .top-user .user-image { margin-top: -30px; } .top-user .user-image { width: 160px; height: 160px; border: 4px solid #FFF; float: left; margin-right: 10px; border-radius: 100%; } .tone-dark .top-user .user-image { border-color: #0b0b0b; } .phone .top-user .user-image { float: none; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .phone body.no-margin-top .top-user .user-image { /* margin-top: -90px; */ } .top-user img.user-image { background: #FFF; } .tone-dark .top-user img.user-image { background: #0b0b0b; } .top-user .user-image.no-border { border: none; } /*.top-user .user-image.default-user-image { border-color: #F2F2F2; }*/ .tone-dark .top-user .user-image.default-user-image { border-color: #0b0b0b; } .top-user .user-image.default-user-image .icon, .user-settings-avatar .user-image.default-user-image .icon { font-size: 90px; width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; } .top-user .number-figures { margin-top: 0; } .top-user .input-search { position: absolute; right: 0; top: 30px; } .user-card.avatar { padding-left: 70px; } .user-card.no-avatar { padding-left: 0; } .user-card .or-separator { margin-top: 5px; margin-bottom: 5px; } .user-card .user-link { font-size: 0.93em; } .user-card-header h2 { font-size: 15px; font-weight: normal; margin-top: 0; margin-bottom: 2px; } .user-card-header h2 a { color: inherit; text-decoration: none; } .tone-dark .user-card-header h2 a { color: #FFF; } .user-card-header div { color: #BBB; } .user-card-footer { overflow: hidden; } .user-card-footer .user-social-networks { margin-top: 3px; } /* * AD-SPACES * --------------------------------------------- */ .ad-space { text-align: center; } .ad-margin-vertical { margin-top: 20px; margin-bottom: 20px; } .ad-margin-horizontal { margin-left: 20px; margin-right: 20px; } /* * ARROW NAVIGATOR * --------------------------------------------- */ .arrow-navigator {} .arrow-navigator a { display: block; height: 100%; text-decoration: none; text-align: center; color: #FFF; text-shadow: 0 0 5px #000; width: 40px; height: 100%; position: absolute; top: 0; opacity: .5; } .arrow-navigator a:hover { opacity: .9; } .phone .arrow-navigator a, .phone .arrow-navigator a:hover, .phablet .arrow-navigator a, .phablet .arrow-navigator a:hover { opacity: 1; } .arrow-navigator a.disabled { display: none; } .arrow-navigator a span { display: inline-block; font-size: 24px; width: 40px; position: absolute; text-align: center; left: 50%; top: 50%; margin-top: -12px; margin-left: -20px; } /* * GROWL * --------------------------------------------- */ .growl { font-size: 14px; font-size: 1rem; background: #FFF5B3; background: rgba(255,245,179,.95); padding: 10px 30px; text-align: center; min-height: 36px; height: auto; width: 650px; position: fixed; left: 50%; top: 55px; margin-left: -325px; line-height: 1.2; z-index: 300; box-shadow: 2px 2px 3px rgba(0,0,0,.1); cursor: default; color: #333; } .phone .growl { top: 0; left: 0; border-radius: 0; margin: 0; width: 100%; z-index: 1000; background: #FFF5B3; min-height: 50px; line-height: 18px; padding: 16px 36px; } .growl.static { margin-left: auto; position: relative; width: auto; top: 0; left: 0; padding-left: 10px; padding-right: 10px; box-shadow: none; z-index: initial; } .growl.dark { background: #000; background: rgba(0,0,0,.8); color: #CCC; } .growl .icon { font-size: 10px; position: absolute; right: 2px; top: 4px; cursor: pointer; padding: 10px; opacity: .9; } .growl.dark .icon { color: #FFF; } .phone .growl .icon { top: 10px; } /* * FULL SCREENESQUE * --------------------------------------------- */ .fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1000; opacity: 0; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; } .fullscreen.black, .black-bkg { background: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); } .fullscreen.soft-black, .soft-black-bkg { background: rgba(0,0,0,.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); } .fullscreen.white, .white-bkg { background: rgba(255,255,255,.87); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#deffffff, endColorstr=#deffffff); } .fullscreen.soft-white, .soft-white-bkg { background: rgba(255,255,255,.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF); } .ie9 .fullscreen { filter: none; } /* * FULLSCREEN LOADER * --------------------------------------------- */ .fullscreen-loader { width: 150px; height: 150px; text-align: center; border-radius: 10px; color: #FFF; margin-top: -75px; margin-left: -75px; position: absolute; top: 50%; left: 50%; zoom: 1; } .loading-txt { position: absolute; bottom: 15px; left: 0; text-align: center; width: 100%; } /* * MODALS * --------------------------------------------- */ #fullscreen-modal { display: none; } .ie9 #fullscreen-modal { filter: none; } #fullscreen-modal-box { background: #FFF; width: 650px; /* 650, but 652 for box-sizing bug */ margin: 0 auto; margin: 50px auto; padding: 30px; position: relative; box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25); } .tone-dark #fullscreen-modal-box, .tone-dark #fullscreen-modal-box .or-separator span { background: #161616; } .phone #fullscreen-modal-box { width: 100%; margin: 0; padding: 20px; max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #fullscreen-modal-box h1, #fullscreen-modal-box .modal-box-title { display: block; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px; margin-top: 0; margin-bottom: 20px; font-size: 20px; line-height: 100%; padding-right: 32px; padding-right: 32px; } .tone-dark #fullscreen-modal-box h1, .tone-dark #fullscreen-modal-box .modal-box-title { border-color: #212121; } .phone #fullscreen-modal-box h1, .phone #fullscreen-modal-box .modal-box-title { font-size: 1.28em; } #fullscreen-modal-box h2 { font-size: 1.14em; } #fullscreen-modal-box h2 * { font-weight: normal; } #fullscreen-modal-box .or-separator { margin-top: 16px; } #fullscreen-modal-box p { font-size: 1em; line-height: 160%; margin-top: 10px; margin-bottom: 10px; } #fullscreen-modal-box p:firt-child { margin-top: 0; } #fullscreen-modal-box .btn-container { margin-bottom: 0; } .phone #fullscreen-modal-box .btn-container { text-align: center; } #fullscreen-modal-box .close-modal.icon-close { position: absolute; right: 20px; top: 25px; cursor: pointer; font-size: 12px; width: 32px; height: 32px; padding: 10px; color: #CCC; } #fullscreen-modal-box .close-modal.icon-close:hover { color: #BBB; } .phone #fullscreen-modal-box .close-modal.icon-close, .phone #fullscreen-modal-box .close-modal.icon-close:hover { right: 10px; top: 15px; color: #333; } .modal-form {} .modal-form textarea { height: 70px; resize: none; } /* Discard / commit changes */ #fullscreen-changes-confirm { background: #FFF; padding: 40px 0; margin-top: 75px; position: absolute; text-align: center; top: 50%; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,.25); } .tone-dark #fullscreen-changes-confirm { background: #1E1E1E; } #fullscreen-changes-confirm h2 { font-size: 18px; line-height: 18px; color: inherit; } /* * FULL SCREEN VIEWER * --------------------------------------------- */ .fullscreen-viewer { background: #000; background: rgba(0,0,0,.9); color: #BBB; display: none; } .fullscreen-viewer-top { height: 50px; width: 100%; background: #000; } .fullscreen-viewer-top-user, .fullscreen-viewer-navigation { margin-top: 8px; } .fullscreen-viewer-top-user {} .fullscreen-viewer-top-user img { width: 34px; height: 34px; margin-right: 10px; } .fullscreen-viewer-navigation { font-size: 16px; font-size: 1.143rem; height: 26px; position: relative; z-index: 100; } .fullscreen-viewer-navigation a { display: inline-block; color: #BBB; color: rgba(255,255,255,.7); text-decoration: none; padding: 8px; } .fullscreen-viewer-navigation a:hover { color: #FFF; } .fullscreen-viewer-navigation a.disabled { color: #BBB; color: rgba(255,255,255,.4); cursor: default; } .fullscreen-viewer-content { text-align: center; height: 100%; position: relative; display: none; } .js .fullscreen-viewer-content { /*display: none;*/ } .fullscreen-viewer-content img { max-width: 100%; max-height: 100%; box-shadow: 0 0 6px 0 #000000; } /* * COOKIE LAW * --------------------------------------------- */ #cookie-law-banner { position: fixed; padding: 10px; width: 100%; bottom: 0; background: rgba(0,0,0,.8); color: #FFF; font-size: 0.93em; } #cookie-law-banner p { padding-right: 20px; } a.cookie-law-close { color: inherit; text-decoration: none; position: absolute; right: 0; top: 3px; font-size: 0.72em; opacity: .5; } a.cookie-law-close:hover { opacity: 1; } /* * LAYOUT * --------------------------------------------- */ /* default grid is a 960 width 24cols (30px) | 10 gutter */ /* grid rows */ .r1 { height: 30px; } .r2 { height: 70px; } .r3 { height: 110px; } .r4 { height: 150px; } .r5 { height: 190px; } .r6 { height: 230px; } .r7 { height: 270px; } .r8 { height: 310px; } .r9 { height: 350px; } .r10 { height: 390px; } .r11 { height: 430px; } .r12 { height: 470px; } .r13 { height: 510px; } .r14 { height: 550px; } .r15 { height: 590px; } .r16 { height: 630px; } .r17 { height: 670px; } .r18 { height: 710px; } .r19 { height: 750px; } .r20 { height: 790px; } .r11 { height: 830px; } .r22 { height: 870px; } .r23 { height: 910px; } .r24 { height: 950px; } .columns-container { overflow: auto; } .grid-columns { display: block; float: left; } .gutter-margin-right, .gutter-margin-right-bottom { margin-right: 10px; } .gutter-margin-bottom, .gutter-margin-right-bottom, .gutter-margin-left-bottom { margin-bottom: 10px; } .gutter-margin-left, .gutter-margin-left-bottom { margin-left: 10px; } .gutter-width { width: 10px; } /* * RESPONSIVE * --------------------------------------------- */ @media (min-width: 480px) { /*.content-width { width: 100%; }*/ } @media (min-width: 768px) { /* grid columns */ .c1 { width: 30px; } .c2 { width: 70px; } .c3 { width: 110px; } .c4 { width: 150px; } .c5 { width: 190px; } .c6 { width: 230px; } .c7 { width: 270px; } .c8 { width: 310px; } .c9 { width: 350px; } .c10 { width: 390px; } .c11 { width: 430px; } .c12 { width: 470px; } .c13 { width: 510px; } .c14 { width: 550px; } .c15 { width: 590px; } .c16 { width: 630px; } .c17 { width: 670px; } .c18 { width: 710px; } /* fluid grid columns */ .fluid-column.c1 { width: 3.157%; } .fluid-column.c2 { width: 7.368%; } .fluid-column.c3 { width: 11.578%; } .fluid-column.c4 { width: 15.789%; } .fluid-column.c5 { width: 20%; } .fluid-column.c6 { width: 24.210%; } .fluid-column.c7 { width: 28.421%; } .fluid-column.c8 { width: 32.631%; } .fluid-column.c9 { width: 36.842%; } .fluid-column.c10 { width: 41.052%; } .fluid-column.c11 { width: 45.263%; } .fluid-column.c12 { width: 49.473%; } .fluid-column.c13 { width: 53.684%; } .fluid-column.c14 { width: 57.894%; } .fluid-column.c15 { width: 62.105%; } .fluid-column.c16 { width: 66.315%; } .fluid-column.c17 { width: 70.526%; } .fluid-column.c18 { width: 74.736%; } } @media (min-width: 992px) { .content-width { width: 100%; min-width: 970px; } /* grid columns */ .c19 { width: 750px; } .c20 { width: 790px; } .c21 { width: 830px; } .c22 { width: 870px; } .c23 { width: 910px; } .c24 { width: 950px; } /* fluid grid columns */ .fluid-column.c19 { width: 78.947%; } .fluid-column.c20 { width: 83.157%; } .fluid-column.c21 { width: 87.368%; } .fluid-column.c22 { width: 91.578%; } .fluid-column.c23 { width: 95.789%; } .fluid-column.c24 { width: 100%; } .top-btn-text .btn-text { /*display: inline;*/ } .top-btn-text .btn-text { margin-left: 7px; } /* pop arrow */ .pop-box .arrow-up { border-bottom-color: #FFF; } .pop-box .arrow-down { border-top-color: #FFF; } .pop-box .arrow-up { border-width: 0 6px 6px; position: absolute; top: -6px; } .pop-box .arrow-down { border-width: 6px 6px 0 6px; } .pop-box .arrow-up, .pop-box.left-anchor .arrow-up { left: 10px; } .pop-box.anchor-center .arrow-up { left: 50%; margin-left: -6px; } .pop-box.anchor-right .arrow-up { left: auto; right: 10px; } } @media (min-width: 992px) and (max-width: 1920px) { .content-width { max-width: 1800px; } } @media (min-width: 1921px) and (max-width: 2560px) { .content-width { max-width: 2440px; } } @media (min-width: 3840px) { .content-width { max-width: 3720px; } } /* * CSS HELPERS * --------------------------------------------- */ .color-white { color: #FFF !important; } .color-black { color: #333 !important; } .color-grey { color: #CCC !important; } .color-green { color: #27AE61 !important; } .color-red { color: #E84C3D !important; } .color-blue { color: #2A80B9 !important; } .color-orange { color: #FE771D !important; } .color-inherit { color: inherit !important; } .color-initial { color: initial !important; } .height-auto { height: auto; } .width-auto { width: auto; } .height-100p { height: 100%; } .width-100p { width: 100%; } .opacity-10 { opacity: .1; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .background-black { background: black !important; } .background-white { background: white !important; } .background-transparent { background: transparent !important; } .background-gradient-white-left { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(35%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .background-gradient-white-right { background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } .font-weight-bold { font-weight: bold !important; } .font-weight-normal { font-weight: normal !important; } .cursor-pointer { cursor: pointer !important; } .cursor-default { cursor: default !important; } .cursor-zoom-in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } .cursor-zoom-out { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .font-size-small { font-size: small !important; } .font-size-medium { font-size: medium !important; } .font-size-large { font-size: large !important; } .font-size-inherit { font-size: inherit !important; } .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .height-100p { height: 100% !important; } .height-120p { height: 120% !important; } .top-0 { top: 0px; } .top-10 { top: 10px; } .top-20 { top: 20px; } .top-30 { top: 30px; } .top-40 { top: 40px; } .right-0 { right: 0px; } .right-10 { right: 10px; } .right-20 { right: 20px; } .right-30 { right: 30px; } .right-40 { right: 40px; } .bottom-0 { bottom: 0px; } .bottom-10 { bottom: 10px; } .bottom-20 { bottom: 20px; } .bottom-30 { bottom: 30px; } .bottom-40 { bottom: 40px; } .left-0 { left: 0px; } .left-10 { left: 10px; } .left-20 { left: 20px; } .left-30 { left: 30px; } .left-40 { left: 40px; } .display-none { display: none; } .display-none-forced { display: none !important; } .display-block { display: block; } .display-block-forced { display: block !important;} .visibility-hidden { visibility: hidden; } .clear-both { clear: both; } .float-left { float: left; } .float-right { float: right; } .border-0, .no-border { border: none; } .border-top-0 { border-top: 0; } .border-right-0 { border-right: 0; } .border-bottom-0 { border-bottom: 0; } .border-left-0 { border-left: 0; } .box-shadow-none { box-shadow: none; } .word-break-break-all { word-break: break-all; } .word-break-break-word { word-break: break-word; } .margin-0 { margin: 0 !important; } .margin-5 { margin: 5px !important; } .margin-10 { margin: 10px !important; } .margin-20 { margin: 20px !important; } .margin-30 { margin: 20px !important; } .margin-40 { margin: 20px !important; } .margin-top-0, .phone .phone-margin-top-0, .phablet .phablet-margin-top-0 { margin-top: 0 !important; } .margin-top-5, .phone .phone-margin-top-5, .phablet .phablet-margin-top-5 { margin-top: 5px !important; } .margin-top-10, .phone .phone-margin-top-10, .phablet .phablet-margin-top-10 { margin-top: 10px !important; } .margin-top-20, .phone .phone-margin-top-20, .phablet .phablet-margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-right-auto { margin-right: auto !important; } .margin-right-0, .phone .phone-margin-right-0, .phablet .phablet-margin-right-0 { margin-right: 0 !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-bottom-0, .phone .phone-margin-bottom-0, .phablet .phablet-margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10, .phone .phone-margin-bottom-10, .phablet .phablet-margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20, .phone .phone-margin-bottom-20, .phablet .phablet-margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-left-auto { margin-left: auto !important; } .margin-left-0, .phone .phone-margin-left-0, .phablet .phablet-margin-left-0 { margin-left: 0 !important; } .margin-left-5 { margin-left: 5px !important;} .margin-left-10 { margin-left: 10px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 20px !important; } .padding-40 { padding: 20px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-0 { padding-top: 0 !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-0 { padding-right: 0 !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-0 { padding-left: 0 !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-40 { padding-left: 40px !important; } .position-static { position: static; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-align-justify { text-align: justify; } .text-decoration-none { text-decoration: none !important; } .display-block { display: block; } .display-inline { display: inline; } .display-inline-table { display: inline-table; } .display-inline-block { display: inline-block; } .display-table-cell { display: table-cell; } .word-break-break-all { word-break: break-all; } .list-style-position-inside li { list-style-position: inside !important; } .list-style-position-outside li { list-style-position: outside !important; } .list-style-type-disc li { list-style-type: disc !important; } .list-style-type-decimal li { list-style-type: decimal !important; } .center-box { margin-right: auto !important; margin-left: auto !important; } /* ie7 */ .display-inline-block, .display-table-cell { *display: inline; zoom: 1; } .vertical-align-middle { vertical-align: middle !important; } .resize-vertical { resize: vertical !important; } .no-resize, .resize-none { resize: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-scroll { overflow-y: scroll !important; } .text-transform-capitalize { text-transform: capitalize; } /* some defaults */ .default-margin-top { margin-top: 20px; } .default-margin-bottom { margin-bottom: 20px; } .phone .content-width, .phablet .content-width { padding-left: 10px !important; padding-right: 10px !important; } /* * RESPONSIVE TOOLS * --------------------------------------------- */ .phone .phone-hide, .phablet .phablet-hide, .tablet .tablet-hide, .laptop .laptop-hide, .desktop .desktop-hide, .largescreen .desktop-hide { display: none !important; } .phone .phone-show, .phone .phone-display-block, .phablet .phablet-show, .phablet .phablet-display-block, .tablet .tablet-show, .tablet .tablet-display-block, .laptop .laptop-show, .laptop .laptop-display-block, .desktop .desktop-show, .desktop .desktop-display-block, .largescreen .desktop-show, .largescreen .desktop-display-block { display: block !important; } .phone .phone-display-inline, .phablet .phablet-display-inline, .tablet .tablet-display-inline, .laptop .laptop-display-inline, .desktop .desktop-display-inline { display: inline !important; } .phone .phone-display-inline-block, .phablet .phablet-display-inline-block, .tablet .tablet-display-inline-block, .laptop .laptop-display-inline-block, .desktop .desktop-display-inline-block { display: inline-block !important; } .image-responsive { max-width: 100% !important; width: auto !important; } .phone .phone-float-none, .phablet .phablet-float-none, .tablet .tablet-float-none, .laptop .laptop-float-none, .desktop .desktop-float-none { float: none; clear: both; } .phone .grid-columns, .phablet .grid-columns { float: none; margin-left: 0; margin-right: 0; } .phone .phone-float-left, .phablet .phablet-float-left { float: left !important; } .phone .phone-c1, .phablet .phablet-c1, .phone .fluid-column.phone-c1, .phone .fluid-column.phablet-c1 { width: 100%; } .phone .phone-text-align-left, .phablet .phablet-text-align-left { text-align: left !important; } .phone .phone-text-align-center, .phablet .phablet-text-align-center { text-align: center !important; } /* * TIPTIP * --------------------------------------------- */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 12px; color: #FFF; padding: 6px 8px; background-color: #333; background-color: rgba(0,0,0,.8); word-break: break-word; } .tone-dark #tiptip_content { color: #000; background: #FFF5B3; background: rgba(255,255,255,.95); } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-top-color: #333; border-top-color: rgba(0,0,0,.8); } .tone-dark #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #FFF; border-top-color: rgba(255,255,255,.95); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-bottom-color: #333; border-bottom-color: rgba(0,0,0,.8); } .tone-dark #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #FFF; border-bottom-color: rgba(255,255,255,.95); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -6px; border-right-color: #333; border-right-color: rgba(0,0,0,.8); } .tone-dark #tiptip_holder.tip_right #tiptip_arrow_inner { border-right-color: #FFF; border-right-color: rgba(255,255,255,.95); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -6px; border-left-color: #333; border-left-color: rgba(0,0,0,.8); } .tone-dark #tiptip_holder.tip_left #tiptip_arrow_inner { border-left-color: #FFF; border-left-color: rgba(255,255,255,.95); } /* * ANTISCROLL * --------------------------------------------- */ .antiscroll-wrap { display: block; position: relative; overflow: hidden; } .antiscroll-scrollbar { background: gray; background: rgba(0, 0, 0, 0.5); border-radius: 7px; box-shadow: 0 0 1px #fff; position: absolute; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: linear 250ms opacity; -moz-transition: linear 250ms opacity; -o-transition: linear 250ms opacity; } .antiscroll-scrollbar-shown { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .antiscroll-scrollbar-horizontal { height: 7px; margin-left: 2px; bottom: 2px; left: 0; } .antiscroll-scrollbar-vertical { width: 7px; margin-top: 2px; right: 2px; top: 0; } .antiscroll-inner { overflow: scroll; } /** A bug in Chrome 25 on Lion requires each selector to have their own blocks. E.g. the following: .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...} causes the width and height rules to be ignored by the browser resulting in both native and antiscroll scrollbars appearing at the same time. */ .antiscroll-inner::-webkit-scrollbar { width: 0; height: 0; } .antiscroll-inner::scrollbar { width: 0; height: 0; } /* * RECAPTCHA * */ #recaptcha_table.recaptcha_theme_clean #recaptcha_image { border: 0 !important; } #recaptcha_response_field { height: auto; } /* * Copy button */ .copy-hover-display button.copy-input[data-action=copy] { visibility: hidden; } .copy-hover-display:hover button.copy-input[data-action=copy] { visibility: visible; } button.copy-input[data-action=copy] { position: absolute; right: 7px; top: .8181em; background-color: #DEDEDE; text-transform: uppercase; cursor: pointer; line-height: 1; font-size: 11px; padding: 4px 6px; border-radius: 4px; text-shadow: 0 1px 1px rgba(255,255,255, .5); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* * ICON SIZES * --------------------------------------------- */ .icon-16 { font-size: 16px !important; font-size: 1.143rem !important; width: 16px !important; width: 1.143rem !important; height: 16px !important; height: 1.143rem !important; } /* * ICOMOON * --------------------------------------------- */ /* Icons (custom made + library) thanks to icomoon */ @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?6plsos'); src:url('fonts/icomoon.eot?#iefix6plsos') format('embedded-opentype'), url('fonts/icomoon.woff?6plsos') format('woff'), url('fonts/icomoon.ttf?6plsos') format('truetype'), url('fonts/icomoon.svg?6plsos#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-vk:before { content: "\e600"; } .icon-user:before { content: "\e697"; /*content: "\e601";*/ } .icon-url-loading:before { content: "\e602"; } .icon-triangle-up:before { content: "\e603"; } .icon-move:before { content: "\e604"; } .icon-menu:before { content: "\e605"; } .icon-loading:before { content: "\e606"; } .icon-like:before { content: "\e607"; } .icon-triangle-right:before { content: "\e608"; } .icon-triangle-left:before { content: "\e609"; } .icon-triangle-down:before { content: "\e60a"; } .icon-shuffle:before { content: "\e60b"; } .icon-share:before { content: "\e60c"; } .icon-search:before { content: "\e60d"; } .icon-reply-alt:before { content: "\e60e"; } .icon-reply:before { content: "\e60f"; } .icon-prev-alt:before { content: "\e610"; } .icon-prev:before { content: "\e611"; } .icon-people:before { content: "\e612"; } .icon-paypal:before { content: "\e613"; } .icon-ok:before { content: "\e614"; } .icon-next-alt:before { content: "\e615"; } .icon-next:before { content: "\e616"; } .icon-junkstr-tag-disabled:before { content: "\e617"; } .icon-junkstr-tag:before { content: "\e618"; } .icon-junkstr:before { content: "\e619"; } .icon-input-submit:before { content: "\e61a"; } .icon-images:before { content: "\e61b"; } .icon-hyphen:before { content: "\e61c"; } .icon-globe:before { content: "\e61d"; } .icon-edit:before { content: "\e61e"; } .icon-download:before { content: "\e61f"; } .icon-cross:before { content: "\e620"; } .icon-cloud-upload:before { content: "\e621"; } .icon-close-box:before { content: "\e622"; } .icon-clock:before { content: "\e623"; } .icon-circle:before { content: "\e624"; } .icon-chevereto:before { content: "\e625"; } .icon-camera:before { content: "\e626"; } .icon-envelope:before { content: "\e1ee"; } .icon-home:before { content: "\e627"; } .icon-home2:before { content: "\e628"; } .icon-home3:before { content: "\e629"; } .icon-office:before { content: "\e62a"; } .icon-newspaper:before { content: "\e62b"; } .icon-pencil:before { content: "\e62c"; } .icon-pencil2:before { content: "\e62d"; } .icon-quill:before { content: "\e62e"; } .icon-pen:before { content: "\e62f"; } .icon-blog:before { content: "\e630"; } .icon-droplet:before { content: "\e631"; } .icon-paint-format:before { content: "\e632"; } .icon-image:before { content: "\e633"; } .icon-image2:before { content: "\e634"; } .icon-images2:before { content: "\e635"; } .icon-camera2:before { content: "\e636"; } .icon-music:before { content: "\e637"; } .icon-headphones:before { content: "\e638"; } .icon-play:before { content: "\e639"; } .icon-film:before { content: "\e63a"; } .icon-camera3:before { content: "\e63b"; } .icon-dice:before { content: "\e63c"; } .icon-pacman:before { content: "\e63d"; } .icon-spades:before { content: "\e63e"; } .icon-clubs:before { content: "\e63f"; } .icon-diamonds:before { content: "\e640"; } .icon-pawn:before { content: "\e641"; } .icon-bullhorn:before { content: "\e642"; } .icon-connection:before { content: "\e643"; } .icon-podcast:before { content: "\e644"; } .icon-feed:before { content: "\e645"; } .icon-book:before { content: "\e646"; } .icon-books:before { content: "\e647"; } .icon-library:before { content: "\e648"; } .icon-file:before { content: "\e649"; } .icon-profile:before { content: "\e64a"; } .icon-file2:before { content: "\e64b"; } .icon-file3:before { content: "\e64c"; } .icon-file4:before { content: "\e64d"; } .icon-copy:before { content: "\e64e"; } .icon-copy2:before { content: "\e64f"; } .icon-copy3:before { content: "\e650"; } .icon-paste:before { content: "\e651"; } .icon-paste2:before { content: "\e652"; } .icon-paste3:before { content: "\e653"; } .icon-stack:before { content: "\e654"; } .icon-folder:before { content: "\e655"; } .icon-folder-open:before { content: "\e656"; } .icon-tag:before { content: "\e657"; } .icon-tags:before { content: "\e658"; } .icon-barcode:before { content: "\e659"; } .icon-qrcode:before { content: "\e65a"; } .icon-ticket:before { content: "\e65b"; } .icon-cart:before { content: "\e65c"; } .icon-cart2:before { content: "\e65d"; } .icon-cart3:before { content: "\e65e"; } .icon-coin:before { content: "\e65f"; } .icon-credit:before { content: "\e660"; } .icon-calculate:before { content: "\e661"; } .icon-support:before { content: "\e662"; } .icon-phone:before { content: "\e663"; } .icon-phone-hang-up:before { content: "\e664"; } .icon-address-book:before { content: "\e665"; } .icon-notebook:before { content: "\e666"; } .icon-pushpin:before { content: "\e668"; } .icon-location:before { content: "\e669"; } .icon-location2:before { content: "\e66a"; } .icon-compass:before { content: "\e66b"; } .icon-map:before { content: "\e66c"; } .icon-map2:before { content: "\e66d"; } .icon-history:before { content: "\e66e"; } .icon-clock2:before { content: "\e66f"; } .icon-clock3:before { content: "\e670"; } .icon-alarm:before { content: "\e671"; } .icon-alarm2:before { content: "\e672"; } .icon-bell:before { content: "\e673"; } .icon-stopwatch:before { content: "\e674"; } .icon-calendar:before { content: "\e675"; } .icon-calendar2:before { content: "\e676"; } .icon-print:before { content: "\e677"; } .icon-keyboard:before { content: "\e678"; } .icon-screen:before { content: "\e679"; } .icon-laptop:before { content: "\e67a"; } .icon-mobile:before { content: "\e67b"; } .icon-mobile2:before { content: "\e67c"; } .icon-tablet:before { content: "\e67d"; } .icon-tv:before { content: "\e67e"; } .icon-cabinet:before { content: "\e67f"; } .icon-drawer:before { content: "\e680"; } .icon-drawer2:before { content: "\e681"; } .icon-drawer3:before { content: "\e682"; } .icon-box-add:before { content: "\e683"; } .icon-box-remove:before { content: "\e684"; } .icon-download2:before { content: "\e685"; } .icon-upload:before { content: "\e686"; } .icon-disk:before { content: "\e687"; } .icon-storage:before { content: "\e688"; } .icon-undo:before { content: "\e689"; } .icon-redo:before { content: "\e68a"; } .icon-flip:before { content: "\e68b"; } .icon-flip2:before { content: "\e68c"; } .icon-undo2:before { content: "\e68d"; } .icon-redo2:before { content: "\e68e"; } .icon-forward:before { content: "\e68f"; } .icon-reply2:before { content: "\e690"; } .icon-bubble:before { content: "\e691"; } .icon-bubbles:before { content: "\e692"; } .icon-bubbles2:before { content: "\e693"; } .icon-bubble2:before { content: "\e694"; } .icon-bubbles3:before { content: "\e695"; } .icon-bubbles4:before { content: "\e696"; } .icon-user2:before { content: "\e697"; } .icon-users:before { content: "\e698"; } .icon-user3:before { content: "\e699"; } .icon-users2:before { content: "\e69a"; } .icon-user4:before { content: "\e69b"; } .icon-user5:before { content: "\e69c"; } .icon-quotes-left:before { content: "\e69d"; } .icon-busy:before { content: "\e69e"; } .icon-spinner:before { content: "\e69f"; } .icon-spinner2:before { content: "\e6a0"; } .icon-spinner3:before { content: "\e6a1"; } .icon-spinner4:before { content: "\e6a2"; } .icon-spinner5:before { content: "\e6a3"; } .icon-spinner6:before { content: "\e6a4"; } .icon-binoculars:before { content: "\e6a5"; } .icon-search2:before { content: "\e6a6"; } .icon-zoom-in:before { content: "\e6a7"; } .icon-zoom-out:before { content: "\e6a8"; } .icon-expand:before { content: "\e6a9"; } .icon-contract:before { content: "\e6aa"; } .icon-expand2:before { content: "\e6ab"; } .icon-bars:before { content: "\e6ac"; } .icon-bars2:before { content: "\e6ad"; } .icon-gift:before { content: "\e6ae"; } .icon-trophy:before { content: "\e6af"; } .icon-glass:before { content: "\e6b0"; } .icon-mug:before { content: "\e6b1"; } .icon-food:before { content: "\e6b2"; } .icon-leaf:before { content: "\e6b3"; } .icon-rocket:before { content: "\e6b4"; } .icon-meter:before { content: "\e6b5"; } .icon-meter2:before { content: "\e6b6"; } .icon-dashboard:before { content: "\e6b7"; } .icon-hammer:before { content: "\e6b8"; } .icon-fire:before { content: "\e6b9"; } .icon-lab:before { content: "\e6ba"; } .icon-magnet:before { content: "\e6bb"; } .icon-remove:before { content: "\e6bc"; } .icon-remove2:before { content: "\e6bd"; } .icon-briefcase:before { content: "\e6be"; } .icon-airplane:before { content: "\e6bf"; } .icon-truck:before { content: "\e6c0"; } .icon-road:before { content: "\e6c1"; } .icon-accessibility:before { content: "\e6c2"; } .icon-target:before { content: "\e6c3"; } .icon-shield:before { content: "\e6c4"; } .icon-lightning:before { content: "\e6c5"; } .icon-switch:before { content: "\e6c6"; } .icon-power-cord:before { content: "\e6c7"; } .icon-signup:before { content: "\e6c8"; } .icon-list:before { content: "\e6c9"; } .icon-list2:before { content: "\e6ca"; } .icon-numbered-list:before { content: "\e6cb"; } .icon-menu2:before { content: "\e6cc"; } .icon-menu3:before { content: "\e6cd"; } .icon-tree:before { content: "\e6ce"; } .icon-cloud:before { content: "\e6cf"; } .icon-cloud-download:before { content: "\e6d0"; } .icon-cloud-upload2:before { content: "\e6d1"; } .icon-download3:before { content: "\e6d2"; } .icon-upload2:before { content: "\e6d3"; } .icon-download4:before { content: "\e6d4"; } .icon-upload3:before { content: "\e6d5"; } .icon-globe2:before { content: "\e6d6"; } .icon-earth:before { content: "\e6d7"; } .icon-link:before { content: "\e6d8"; } .icon-flag:before { content: "\e6d9"; } .icon-attachment:before { content: "\e6da"; } .icon-eye:before { content: "\e6db"; } .icon-eye-blocked:before { content: "\e6dc"; } .icon-eye2:before { content: "\e6dd"; } .icon-bookmark:before { content: "\e6de"; } .icon-bookmarks:before { content: "\e6df"; } .icon-brightness-medium:before { content: "\e6e0"; } .icon-brightness-contrast:before { content: "\e6e1"; } .icon-contrast:before { content: "\e6e2"; } .icon-star:before { content: "\e6e3"; } .icon-star2:before { content: "\e6e4"; } .icon-star3:before { content: "\e6e5"; } .icon-heart:before { content: "\e6e6"; } .icon-heart2:before { content: "\e6e7"; } .icon-heart-broken:before { content: "\e6e8"; } .icon-thumbs-up:before { content: "\e6e9"; } .icon-thumbs-up2:before { content: "\e6ea"; } .icon-happy:before { content: "\e6eb"; } .icon-happy2:before { content: "\e6ec"; } .icon-smiley:before { content: "\e6ed"; } .icon-smiley2:before { content: "\e6ee"; } .icon-tongue:before { content: "\e6ef"; } .icon-tongue2:before { content: "\e6f0"; } .icon-sad:before { content: "\e6f1"; } .icon-sad2:before { content: "\e6f2"; } .icon-wink:before { content: "\e6f3"; } .icon-wink2:before { content: "\e6f4"; } .icon-grin:before { content: "\e6f5"; } .icon-grin2:before { content: "\e6f6"; } .icon-cool:before { content: "\e6f7"; } .icon-cool2:before { content: "\e6f8"; } .icon-angry:before { content: "\e6f9"; } .icon-angry2:before { content: "\e6fa"; } .icon-evil:before { content: "\e6fb"; } .icon-evil2:before { content: "\e6fc"; } .icon-shocked:before { content: "\e6fd"; } .icon-shocked2:before { content: "\e6fe"; } .icon-confused:before { content: "\e6ff"; } .icon-confused2:before { content: "\e700"; } .icon-neutral:before { content: "\e701"; } .icon-neutral2:before { content: "\e702"; } .icon-wondering:before { content: "\e703"; } .icon-wondering2:before { content: "\e704"; } .icon-point-up:before { content: "\e705"; } .icon-point-right:before { content: "\e706"; } .icon-point-down:before { content: "\e707"; } .icon-point-left:before { content: "\e708"; } .icon-warning:before { content: "\e709"; } .icon-notification:before { content: "\e70a"; } .icon-question:before { content: "\e70b"; } .icon-stats:before { content: "\e70c"; } .icon-pie:before { content: "\e70d"; } .icon-bug:before { content: "\e70e"; } .icon-aid:before { content: "\e70f"; } .icon-wand:before { content: "\e710"; } .icon-hammer2:before { content: "\e711"; } .icon-cog:before { content: "\e712"; } .icon-cogs:before { content: "\e713"; } .icon-cog2:before { content: "\e714"; } .icon-equalizer:before { content: "\e715"; } .icon-settings:before { content: "\e716"; } .icon-wrench:before { content: "\e717"; } .icon-unlocked:before { content: "\e718"; } .icon-lock:before { content: "\e719"; } .icon-lock2:before { content: "\e71a"; } .icon-key:before { content: "\e71b"; } .icon-key2:before { content: "\e71c"; } .icon-contract2:before { content: "\e71d"; } .icon-info:before { content: "\e71e"; } .icon-info2:before { content: "\e71f"; } .icon-blocked:before { content: "\e720"; } .icon-cancel-circle:before { content: "\e721"; } .icon-checkmark-circle:before { content: "\e722"; } .icon-spam:before { content: "\e723"; } .icon-close:before { content: "\e724"; } .icon-checkmark:before { content: "\e725"; } .icon-checkmark2:before { content: "\e726"; } .icon-spell-check:before { content: "\e727"; } .icon-minus:before { content: "\e728"; } .icon-plus:before { content: "\e729"; } .icon-enter:before { content: "\e72a"; } .icon-exit:before { content: "\e72b"; } .icon-play2:before { content: "\e72c"; } .icon-pause:before { content: "\e72d"; } .icon-stop:before { content: "\e72e"; } .icon-backward:before { content: "\e72f"; } .icon-forward2:before { content: "\e730"; } .icon-play3:before { content: "\e731"; } .icon-pause2:before { content: "\e732"; } .icon-stop2:before { content: "\e733"; } .icon-backward2:before { content: "\e734"; } .icon-forward3:before { content: "\e735"; } .icon-first:before { content: "\e736"; } .icon-last:before { content: "\e737"; } .icon-previous:before { content: "\e738"; } .icon-next2:before { content: "\e739"; } .icon-eject:before { content: "\e73a"; } .icon-volume-high:before { content: "\e73b"; } .icon-volume-medium:before { content: "\e73c"; } .icon-volume-low:before { content: "\e73d"; } .icon-volume-mute:before { content: "\e73e"; } .icon-volume-mute2:before { content: "\e73f"; } .icon-volume-increase:before { content: "\e740"; } .icon-volume-decrease:before { content: "\e741"; } .icon-loop:before { content: "\e742"; } .icon-loop2:before { content: "\e743"; } .icon-loop3:before { content: "\e744"; } .icon-shuffle2:before { content: "\e745"; } .icon-arrow-up-left:before { content: "\e746"; } .icon-arrow-up:before { content: "\e747"; } .icon-arrow-up-right:before { content: "\e748"; } .icon-arrow-right:before { content: "\e749"; } .icon-arrow-down-right:before { content: "\e74a"; } .icon-arrow-down:before { content: "\e74b"; } .icon-arrow-down-left:before { content: "\e74c"; } .icon-arrow-left:before { content: "\e74d"; } .icon-arrow-up-left2:before { content: "\e74e"; } .icon-arrow-up2:before { content: "\e74f"; } .icon-arrow-up-right2:before { content: "\e750"; } .icon-arrow-right2:before { content: "\e751"; } .icon-arrow-down-right2:before { content: "\e752"; } .icon-arrow-down2:before { content: "\e753"; } .icon-arrow-down-left2:before { content: "\e754"; } .icon-arrow-left2:before { content: "\e755"; } .icon-arrow-up-left3:before { content: "\e756"; } .icon-arrow-up3:before { content: "\e757"; } .icon-arrow-up-right3:before { content: "\e758"; } .icon-arrow-right3:before { content: "\e759"; } .icon-arrow-down-right3:before { content: "\e75a"; } .icon-arrow-down3:before { content: "\e75b"; } .icon-arrow-down-left3:before { content: "\e75c"; } .icon-arrow-left3:before { content: "\e75d"; } .icon-tab:before { content: "\e75e"; } .icon-checkbox-checked:before { content: "\e75f"; } .icon-checkbox-unchecked:before { content: "\e760"; } .icon-checkbox-partial:before { content: "\e761"; } .icon-radio-checked:before { content: "\e762"; } .icon-radio-unchecked:before { content: "\e763"; } .icon-crop:before { content: "\e764"; } .icon-scissors:before { content: "\e765"; } .icon-filter:before { content: "\e766"; } .icon-filter2:before { content: "\e767"; } .icon-font:before { content: "\e768"; } .icon-text-height:before { content: "\e769"; } .icon-text-width:before { content: "\e76a"; } .icon-bold:before { content: "\e76b"; } .icon-underline:before { content: "\e76c"; } .icon-italic:before { content: "\e76d"; } .icon-strikethrough:before { content: "\e76e"; } .icon-omega:before { content: "\e76f"; } .icon-sigma:before { content: "\e770"; } .icon-table:before { content: "\e771"; } .icon-table2:before { content: "\e772"; } .icon-insert-template:before { content: "\e773"; } .icon-pilcrow:before { content: "\e774"; } .icon-left-toright:before { content: "\e775"; } .icon-right-toleft:before { content: "\e776"; } .icon-paragraph-left:before { content: "\e777"; } .icon-paragraph-center:before { content: "\e778"; } .icon-paragraph-right:before { content: "\e779"; } .icon-paragraph-justify:before { content: "\e77a"; } .icon-paragraph-left2:before { content: "\e77b"; } .icon-paragraph-center2:before { content: "\e77c"; } .icon-paragraph-right2:before { content: "\e77d"; } .icon-paragraph-justify2:before { content: "\e77e"; } .icon-indent-increase:before { content: "\e77f"; } .icon-indent-decrease:before { content: "\e780"; } .icon-new-tab:before { content: "\e781"; } .icon-embed:before { content: "\e782"; } .icon-code:before { content: "\e783"; } .icon-console:before { content: "\e784"; } .icon-share2:before { content: "\e785"; } .icon-google:before { content: "\e78a"; } .icon-google-plus:before { content: "\e78b"; } .icon-google-drive:before { content: "\e78f"; } .icon-file-word:before { content: "\e790"; } .icon-file-openoffice:before { content: "\e791"; } .icon-file-pdf:before { content: "\e792"; } .icon-libreoffice:before { content: "\e793"; } .icon-yelp:before { content: "\e794"; } .icon-paypal2:before { content: "\e795"; } .icon-paypal3:before { content: "\e796"; } .icon-paypal4:before { content: "\e797"; } .icon-foursquare:before { content: "\e798"; } .icon-foursquare2:before { content: "\e799"; } .icon-flattr:before { content: "\e79a"; } .icon-pinterest2:before { content: "\e79e"; } .icon-stackoverflow:before { content: "\e79f"; } .icon-stumbleupon:before { content: "\e7a0"; } .icon-delicious:before { content: "\e7a2"; } .icon-lastfm2:before { content: "\e7a4"; } .icon-linkedin:before { content: "\e7a5"; } .icon-reddit:before { content: "\e7a6"; } .icon-skype:before { content: "\e7a7"; } .icon-soundcloud:before { content: "\e7a8"; } .icon-soundcloud2:before { content: "\e7a9"; } .icon-windows8:before { content: "\e7aa"; } .icon-windows:before { content: "\e7ab"; } .icon-android:before { content: "\e7ac"; } .icon-finder:before { content: "\e7ad"; } .icon-apple:before { content: "\e7ae"; } .icon-tux:before { content: "\e7af"; } .icon-yahoo:before { content: "\e7b0"; } .icon-tumblr:before { content: "\e7b2"; } .icon-joomla:before { content: "\e7b5"; } .icon-wordpress2:before { content: "\e7b7"; } .icon-github2:before { content: "\e7b9"; } .icon-github3:before { content: "\e7ba"; } .icon-github4:before { content: "\e7bb"; } .icon-github5:before { content: "\e7bc"; } .icon-steam:before { content: "\e7bd"; } .icon-steam2:before { content: "\e7be"; } .icon-deviantart:before { content: "\e7bf"; } .icon-deviantart2:before { content: "\e7c0"; } .icon-forrst:before { content: "\e7c1"; } .icon-forrst2:before { content: "\e7c2"; } .icon-dribbble:before { content: "\e7c3"; } .icon-dribbble3:before { content: "\e7c5"; } .icon-picassa2:before { content: "\e7c7"; } .icon-flickr3:before { content: "\e7ca"; } .icon-flickr4:before { content: "\e7cb"; } .icon-lanyrd:before { content: "\e7cc"; } .icon-vimeo3:before { content: "\e7cf"; } .icon-youtube:before { content: "\e7d0"; } .icon-youtube2:before { content: "\e7d1"; } .icon-feed3:before { content: "\e7d3"; } .icon-feed4:before { content: "\e7d4"; } .icon-twitter3:before { content: "\e7d7"; } .icon-instagram:before { content: "\e7d8"; } .icon-facebook3:before { content: "\e7db"; } .icon-IcoMoon:before { content: "\e7dc"; } .icon-safari:before { content: "\e7dd"; } .icon-opera:before { content: "\e7de"; } .icon-IE:before { content: "\e7df"; } .icon-firefox:before { content: "\e7e0"; } .icon-chrome:before { content: "\e7e1"; } .icon-css3:before { content: "\e7e2"; } .icon-html5:before { content: "\e7e3"; } .icon-html52:before { content: "\e7e4"; } .icon-file-css:before { content: "\e7e5"; } .icon-file-xml:before { content: "\e7e6"; } .icon-file-powerpoint:before { content: "\e7e7"; } .icon-file-zip:before { content: "\e7e8"; } .icon-file-excel:before { content: "\e7e9"; } .icon-blogger:before { content: "\e7b4"; } .icon-phone2:before { content: "\e787"; } .icon-mobile3:before { content: "\e788"; } .icon-mouse:before { content: "\e789"; } .icon-directions:before { content: "\e78c"; } .icon-mail:before { content: "\e78d"; } .icon-paperplane:before { content: "\e78e"; } .icon-pencil3:before { content: "\e79b"; } .icon-feather:before { content: "\e79c"; } .icon-paperclip:before { content: "\e79d"; } .icon-drawer4:before { content: "\e7a1"; } .icon-reply3:before { content: "\e7a3"; } .icon-reply-all:before { content: "\e7b3"; } .icon-forward4:before { content: "\e7b6"; } .icon-user6:before { content: "\e7b8"; } .icon-users3:before { content: "\e7c4"; } .icon-user-add:before { content: "\e7c6"; } .icon-vcard:before { content: "\e7c8"; } .icon-export:before { content: "\e7c9"; } .icon-location3:before { content: "\e7cd"; } .icon-map3:before { content: "\e7ce"; } .icon-compass2:before { content: "\e7d2"; } .icon-location4:before { content: "\e7d5"; } .icon-target2:before { content: "\e7d6"; } .icon-share3:before { content: "\e7d9"; } .icon-sharable:before { content: "\e7da"; } .icon-heart3:before { content: "\e7ea"; } .icon-heart4:before { content: "\e7eb"; } .icon-star4:before { content: "\e7ec"; } .icon-star5:before { content: "\e7ed"; } .icon-thumbs-up3:before { content: "\e7ee"; } .icon-thumbs-down:before { content: "\e7ef"; } .icon-chat:before { content: "\e7f0"; } .icon-comment:before { content: "\e7f1"; } .icon-quote:before { content: "\e7f2"; } .icon-house:before { content: "\e7f3"; } .icon-popup:before { content: "\e7f4"; } .icon-search3:before { content: "\e7f5"; } .icon-flashlight:before { content: "\e7f6"; } .icon-printer:before { content: "\e7f7"; } .icon-bell2:before { content: "\e7f8"; } .icon-link2:before { content: "\e7f9"; } .icon-flag2:before { content: "\e7fa"; } .icon-cog3:before { content: "\e7fb"; } .icon-tools:before { content: "\e7fc"; } .icon-trophy2:before { content: "\e7fd"; } .icon-tag2:before { content: "\e7fe"; } .icon-camera4:before { content: "\e7ff"; } .icon-megaphone:before { content: "\e800"; } .icon-moon:before { content: "\e801"; } .icon-palette:before { content: "\e802"; } .icon-leaf2:before { content: "\e803"; } .icon-music2:before { content: "\e804"; } .icon-music3:before { content: "\e805"; } .icon-new:before { content: "\e806"; } .icon-graduation:before { content: "\e807"; } .icon-book2:before { content: "\e808"; } .icon-newspaper2:before { content: "\e809"; } .icon-bag:before { content: "\e80a"; } .icon-airplane2:before { content: "\e80b"; } .icon-lifebuoy:before { content: "\e80c"; } .icon-eye3:before { content: "\e80d"; } .icon-clock4:before { content: "\e80e"; } .icon-microphone:before { content: "\e80f"; } .icon-calendar3:before { content: "\e810"; } .icon-bolt:before { content: "\e811"; } .icon-thunder:before { content: "\e812"; } .icon-droplet2:before { content: "\e813"; } .icon-cd:before { content: "\e814"; } .icon-briefcase2:before { content: "\e815"; } .icon-air:before { content: "\e816"; } .icon-hourglass:before { content: "\e817"; } .icon-gauge:before { content: "\e818"; } .icon-language:before { content: "\e819"; } .icon-network:before { content: "\e81a"; } .icon-key3:before { content: "\e81b"; } .icon-battery:before { content: "\e81c"; } .icon-bucket:before { content: "\e81d"; } .icon-magnet2:before { content: "\e81e"; } .icon-drive:before { content: "\e81f"; } .icon-cup:before { content: "\e820"; } .icon-rocket2:before { content: "\e821"; } .icon-brush:before { content: "\e822"; } .icon-suitcase:before { content: "\e823"; } .icon-cone:before { content: "\e824"; } .icon-earth2:before { content: "\e825"; } .icon-keyboard2:before { content: "\e826"; } .icon-browser:before { content: "\e827"; } .icon-publish:before { content: "\e828"; } .icon-progress-3:before { content: "\e829"; } .icon-progress-2:before { content: "\e82a"; } .icon-brogress-1:before { content: "\e82b"; } .icon-progress-0:before { content: "\e82c"; } .icon-sun:before { content: "\e82d"; } .icon-sun2:before { content: "\e82e"; } .icon-adjust:before { content: "\e82f"; } .icon-code2:before { content: "\e830"; } .icon-screen2:before { content: "\e831"; } .icon-infinity:before { content: "\e832"; } .icon-light-bulb:before { content: "\e833"; } .icon-credit-card:before { content: "\e834"; } .icon-database:before { content: "\e835"; } .icon-voicemail:before { content: "\e836"; } .icon-clipboard:before { content: "\e837"; } .icon-cart4:before { content: "\e838"; } .icon-box:before { content: "\e839"; } .icon-ticket2:before { content: "\e83a"; } .icon-rss:before { content: "\e83b"; } .icon-signal:before { content: "\e83c"; } .icon-thermometer:before { content: "\e83d"; } .icon-droplets:before { content: "\e83e"; } .icon-uniE83F:before { content: "\e83f"; } .icon-statistics:before { content: "\e840"; } .icon-pie2:before { content: "\e841"; } .icon-bars3:before { content: "\e842"; } .icon-graph:before { content: "\e843"; } .icon-lock3:before { content: "\e844"; } .icon-lock-open:before { content: "\e845"; } .icon-logout:before { content: "\e846"; } .icon-login:before { content: "\e847"; } .icon-checkmark3:before { content: "\e848"; } .icon-cross2:before { content: "\e849"; } .icon-minus2:before { content: "\e84a"; } .icon-plus2:before { content: "\e84b"; } .icon-cross3:before { content: "\e84c"; } .icon-minus3:before { content: "\e84d"; } .icon-plus3:before { content: "\e84e"; } .icon-cross4:before { content: "\e84f"; } .icon-minus4:before { content: "\e850"; } .icon-plus4:before { content: "\e851"; } .icon-erase:before { content: "\e852"; } .icon-blocked2:before { content: "\e853"; } .icon-info3:before { content: "\e854"; } .icon-info4:before { content: "\e855"; } .icon-question2:before { content: "\e856"; } .icon-help:before { content: "\e857"; } .icon-warning2:before { content: "\e858"; } .icon-cycle:before { content: "\e859"; } .icon-cw:before { content: "\e85a"; } .icon-ccw:before { content: "\e85b"; } .icon-shuffle3:before { content: "\e85c"; } .icon-arrow:before { content: "\e85d"; } .icon-arrow2:before { content: "\e85e"; } .icon-retweet:before { content: "\e85f"; } .icon-loop4:before { content: "\e860"; } .icon-history2:before { content: "\e861"; } .icon-back:before { content: "\e862"; } .icon-switch2:before { content: "\e863"; } .icon-list3:before { content: "\e864"; } .icon-add-to-list:before { content: "\e865"; } .icon-layout:before { content: "\e866"; } .icon-list4:before { content: "\e867"; } .icon-text:before { content: "\e868"; } .icon-text2:before { content: "\e869"; } .icon-document:before { content: "\e86a"; } .icon-docs:before { content: "\e86b"; } .icon-landscape:before { content: "\e86c"; } .icon-pictures:before { content: "\e86d"; } .icon-video:before { content: "\e86e"; } .icon-music4:before { content: "\e86f"; } .icon-folder2:before { content: "\e870"; } .icon-archive:before { content: "\e871"; } .icon-trash:before { content: "\e872"; } .icon-upload4:before { content: "\e873"; } .icon-download5:before { content: "\e874"; } .icon-disk2:before { content: "\e875"; } .icon-install:before { content: "\e876"; } .icon-cloud2:before { content: "\e877"; } .icon-upload5:before { content: "\e878"; } .icon-bookmark2:before { content: "\e879"; } .icon-bookmarks2:before { content: "\e87a"; } .icon-book3:before { content: "\e87b"; } .icon-play4:before { content: "\e87c"; } .icon-pause3:before { content: "\e87d"; } .icon-record:before { content: "\e87e"; } .icon-stop3:before { content: "\e87f"; } .icon-next3:before { content: "\e880"; } .icon-previous2:before { content: "\e881"; } .icon-first2:before { content: "\e882"; } .icon-last2:before { content: "\e883"; } .icon-resize-enlarge:before { content: "\e884"; } .icon-resize-shrink:before { content: "\e885"; } .icon-volume:before { content: "\e886"; } .icon-sound:before { content: "\e887"; } .icon-mute:before { content: "\e888"; } .icon-flow-cascade:before { content: "\e889"; } .icon-flow-branch:before { content: "\e88a"; } .icon-flow-tree:before { content: "\e88b"; } .icon-flow-line:before { content: "\e88c"; } .icon-flow-parallel:before { content: "\e88d"; } .icon-arrow-left4:before { content: "\e88e"; } .icon-arrow-down4:before { content: "\e88f"; } .icon-arrow-up--upload:before { content: "\e890"; } .icon-arrow-right4:before { content: "\e891"; } .icon-arrow-left5:before { content: "\e892"; } .icon-arrow-down5:before { content: "\e893"; } .icon-arrow-up4:before { content: "\e894"; } .icon-arrow-right5:before { content: "\e895"; } .icon-arrow-left6:before { content: "\e896"; } .icon-arrow-down6:before { content: "\e897"; } .icon-arrow-up5:before { content: "\e898"; } .icon-arrow-right6:before { content: "\e899"; } .icon-arrow-left7:before { content: "\e89a"; } .icon-arrow-down7:before { content: "\e89b"; } .icon-arrow-up6:before { content: "\e89c"; } .icon-arrow-right7:before { content: "\e89d"; } .icon-arrow-left8:before { content: "\e89e"; } .icon-arrow-down8:before { content: "\e89f"; } .icon-arrow-up7:before { content: "\e8a0"; } .icon-arrow-right8:before { content: "\e8a1"; } .icon-arrow-left9:before { content: "\e8a2"; } .icon-arrow-down9:before { content: "\e8a3"; } .icon-arrow-up8:before { content: "\e8a4"; } .icon-arrow-right9:before { content: "\e8a5"; } .icon-arrow-left10:before { content: "\e8a6"; } .icon-arrow-down10:before { content: "\e8a7"; } .icon-arrow-up9:before { content: "\e8a8"; } .icon-uniE8A9:before { content: "\e8a9"; } .icon-arrow-left11:before { content: "\e8aa"; } .icon-arrow-down11:before { content: "\e8ab"; } .icon-arrow-up10:before { content: "\e8ac"; } .icon-arrow-right10:before { content: "\e8ad"; } .icon-menu4:before { content: "\e8ae"; } .icon-ellipsis:before { content: "\e8af"; } .icon-dots:before { content: "\e8b0"; } .icon-dot:before { content: "\e8b1"; } .icon-cc:before { content: "\e8b2"; } .icon-cc-by:before { content: "\e8b3"; } .icon-cc-nc:before { content: "\e8b4"; } .icon-cc-nc-eu:before { content: "\e8b5"; } .icon-cc-nc-jp:before { content: "\e8b6"; } .icon-cc-sa:before { content: "\e8b7"; } .icon-cc-nd:before { content: "\e8b8"; } .icon-cc-pd:before { content: "\e8b9"; } .icon-cc-zero:before { content: "\e8ba"; } .icon-cc-share:before { content: "\e8bb"; } .icon-cc-share2:before { content: "\e8bc"; } .icon-daniel-bruce:before { content: "\e8bd"; } .icon-daniel-bruce2:before { content: "\e8be"; } .icon-github:before { content: "\e8bf"; } .icon-github6:before { content: "\e8c0"; } .icon-flickr:before { content: "\e8c1"; } .icon-flickr2:before { content: "\e8c2"; } .icon-vimeo:before { content: "\e8c3"; } .icon-vimeo2:before { content: "\e8c4"; } .icon-twitter:before { content: "\e8c5"; } .icon-twitter2:before { content: "\e8c6"; } .icon-facebook:before { content: "\e8c7"; } .icon-facebook2:before { content: "\e8c8"; } .icon-facebook4:before { content: "\e8c9"; } .icon-googleplus:before { content: "\e8ca"; } .icon-googleplus2:before { content: "\e8cb"; } .icon-pinterest:before { content: "\e8cc"; } .icon-pinterest3:before { content: "\e8cd"; } .icon-tumblr3:before { content: "\e8ce"; } .icon-tumblr4:before { content: "\e8cf"; } .icon-linkedin2:before { content: "\e8d0"; } .icon-linkedin3:before { content: "\e8d1"; } .icon-dribbble2:before { content: "\e8d2"; } .icon-rdio:before { content: "\e8d3"; } .icon-rdio2:before { content: "\e8d4"; } .icon-spotify:before { content: "\e8d5"; } .icon-spotify2:before { content: "\e8d6"; } .icon-qq:before { content: "\e8d7"; } .icon-instagram2:before { content: "\e8d8"; } .icon-dropbox:before { content: "\e8d9"; } .icon-evernote:before { content: "\e8da"; } .icon-flattr2:before { content: "\e8db"; } .icon-skype2:before { content: "\e8dc"; } .icon-skype3:before { content: "\e8dd"; } .icon-renren:before { content: "\e8de"; } .icon-sina-weibo:before { content: "\e8df"; } .icon-paypal5:before { content: "\e8e0"; } .icon-picasa:before { content: "\e8e1"; } .icon-soundcloud3:before { content: "\e8e2"; } .icon-mixi:before { content: "\e8e3"; } .icon-behance:before { content: "\e8e4"; } .icon-circles:before { content: "\e8e5"; } .icon-vk2:before { content: "\e8e6"; } .icon-smashing:before { content: "\e8e7"; } .icon-dribbble4:before { content: "\e8e8"; } .icon-stumbleupon2:before { content: "\e8e9"; } .icon-stumbleupon3:before { content: "\e8ea"; } .icon-lastfm:before { content: "\e8eb"; } .icon-lastfm3:before { content: "\e8ec"; }