forked from YandolsZX/IcarusImeji
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7384 lines
136 KiB
7384 lines
136 KiB
/**
|
|
* Peafowl CSS
|
|
* Copyright 2014 Rodolfo Berrios <www.rodolfoberrios.com>
|
|
*/
|
|
|
|
/**
|
|
* 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";
|
|
} |