/* style.css * * The unified css file * * Common properties are for widths from 992px to 1199px * Media queries take care of: * <= 767px XS <- this is the default * 768px <-> 991px SM * 992px <-> 1199px MD * 1200px <-> 1899px LA * >= 1900px XL * * * Colors: * #E8D0A9 html/body background (light brown) * #B7AFA3 background button color (dark grey/brown) * #C1DAD6 nothing? (light grey/blue) * #DCE1F9 buttons background (very light blue) * #F5FAFA messages-bubble text color (ice) * #ACD1E9 some squares' bgs? (light blue) * #6D929B nothing? (medium grey/blue) * #4D626B html text color (dark grey/blue) * #C55550 common links (very light brick-red) * #028482 breadcrumb links (dark green/teal) * #95B0c0 separators background (light grey/blue) * *=====*/ /*================= * HTML & BODY * Minimum width is 400px *=====*/ html { font-size:86.4%; /* 100% = 16px; This way we will use em's to make the site scalable */ width:100%; min-width:400px; height:100%; margin:0; padding:0; background-color:#E8D0A9; color:#4D626B; } body { position:relative; margin:0; padding:0; height:100%; } /*================= * COMMON HTML TAGS *=====*/ a:link, a:visited { outline: 0 solid black; color:#C05045; text-decoration:none; } a:active, a:hover, a:focus { outline: 0 solid black; color:#A53530; text-decoration:underline; } ul, li { list-style-type:none; padding:0; margin:0; } /*================= * CONTAINER * (contains everything, direct (and only) child of ) *=====*/ #container { position:relative; min-height:100%; margin:0 auto -60px; /* this is for sticky footer stuff */ } /*================= * MAIN WRAPPER * (sibling of header&footer, contains module's html) *=====*/ #wrapper-main { /*margin-top:25px;*/ margin:25px 5px 0; padding-bottom:40px; } /*================= * HEADER & FOOTER STYLING *=====*/ #container > header, #container > footer { width:100%; margin:0; border-bottom:0px solid #6D929B; } #container > header { position:relative; height:160px; font-size:1.05em; } #container > header .header-element { height:60px; line-height:60px; font-size:1.05em; } #container > footer { clear:both; position:absolute; width:100%; height:40px; bottom:0; line-height:30px; } footer { /* this goes for EVERY footer ;) */ font-size:0.8em; } @media (min-width: 768px) { #container > header { height:100px; } } /*================= * SOCIAL NETWORKS BUTTONS *=====*/ #div_social_networks a > span { background-color:#95B0c0; } #div_social_networks a:hover, #div_social_networks a:focus { color:rgba(193, 218, 214, 0.85); text-decoration:none; } #div_social_networks .social-buttons { display:inline-block; font-size:1.2em; } /*================= * SITE (HEADER) WELCOME MESSAGE *=====*/ #header-welcome-message { height:100%; } #header-welcome-message li { display:inline-block; height:100%; margin-left:5px; vertical-align:top; font-size:0.85em; } #header-welcome-message li img { height:50px; margin-top:5px; border-radius:5px; } /*================= * SITE (HEADER) MENU *=====*/ header ul.site-menu { position:relative; font-size:0.8em; background-color:#E8D0A9; } header ul.site-menu > li { /* first-level items are in a horizontal order */ display:inline-block; padding:5px; line-height:1.5em; background-color:inherit; } header ul.site-menu > li > ul { /* hide submenus */ display:none; position:absolute; /*font-size:0.85em;*/ background-color:inherit; z-index:100; transition:all 4.5s ease-out; } header ul.site-menu ul li { /* submenu's items are in a vertical order */ display: block; text-align:left; padding:0 2px; background-color:inherit; } header ul.site-menu > li:hover > ul { /* show submenu on mouseover */ display:block; } /*================= * BREADCRUMB LINE *=====*/ ul.breadcrumb { position:relative; padding-right:15px; font-size:0.75em; } ul.breadcrumb > li { display: inline-block; } ul.breadcrumb > li + li:before { content: "\003e\00a0"; padding: 0 5px; font-weight:bold; color: #4D626B; } ul.breadcrumb > .active { color: #B7AFA3; } ul.breadcrumb a:link, ul.breadcrumb a:visited { color:#F5FAFA; /* color:#8050B0; */ } ul.breadcrumb a:active, ul.breadcrumb a:hover, ul.breadcrumb a:focus { color: inherit; } /*================================== * ELEMENTS PAGINATION (Links to previous, first and next elements) *=====*/ #module-pagination-list { display:block; } #module-pagination-list li { display:inline-block; text-align:center; margin-left:5px; } /*================= * MESSAGES DIV *=====*/ #wrapper-modal-messages { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background-color:transparent; background-image:url('../inc-images/common/alpha75_grey.png'); background-repeat:repeat; z-index:1000; } #messages-bubble { position:absolute; top:15%; left:15%; right:15%; bottom:15%; min-width:300px; min-height:200px; text-align:center; color:#F5FAFA; background-image:url('../inc-images/common/black-alpha75.png'); background-repeat:repeat; /*outline:0px ridge #4D626B;*/ border-top-left-radius: 2em 15em; border-top-right-radius: 15em 2em; border-bottom-left-radius: 15em 2em; border-bottom-right-radius: 2em 15em; } @media (min-width: 768px) { #messages-bubble { top:25%; left:30%; right:30%; bottom:25%; } } #messages-bubble > p { position:absolute; width:100%; /*text-align:center;*/ } /*================= * UTILITY CLASSES FIXES/WORKAROUNDS *=====*/ .text-left { text-align:left; } .text-center { text-align:center; } .text-right { text-align:right; } .clearfix { /* fixes some positioning problems */ clear:both; } .small { /* small text, any element */ font-size:0.8em; } .smaller { /* smaller text, any element */ font-size:0.6em; } /*================= * ROWS * Used as horizontal containers (usually for columns) *=====*/ .row { position:relative; width:100%; display:block; border-bottom:0px solid #6D929B; } .row:after { clear:both; } /*================= * BUTTONS * elements shaped to a button: * * How to: * *=====*/ /* ParentClass: button-links in their standard form */ .btn-lnk { display:inline-block; padding:4px 8px; font-size:0.85em; } .btn-lnk:link, .btn-lnk:visited { text-align:center; } /* remove underlines and add a little darkening effect when mouseovering links */ .btn-lnk:active, .btn-lnk:hover, .btn-lnk:focus { color:rgba(255, 255, 255, 0.45); text-decoration:none; background-color:rgba(0, 0, 0, 0.55); } /* AddonClass: almost rounded corners of borders */ .btn-lnk-rounded { border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } /* AddonClass: a small shadow to have a slight 3D effect */ .btn-lnk-shadowed { box-shadow:-3px -2px 6px rgba(0,0,0,0.35), 3px 2px 6px rgba(0,0,0,0.65); } /* no shadow on mouseover - like if it was pressed */ .btn-lnk-shadowed:active, .btn-lnk-shadowed:hover, .btn-lnk-shadowed:focus { box-shadow:none; } /*================= * SEPARATORS *
elements to be inserted into .col-xx-n
's: * * How to: *
*
Left
*
*
*
*
Center
*
*
*
*
Right
*
*=====*/ /* ParentClass: a separator to be used when the page needs to be divided */ .separator { display:block; padding:5px 5px; } /* AddonClass: left, center or right positioning */ .separator-left { text-align:left; border-top-right-radius:5em 15em; } .separator-center { text-align:center; border-top-right-radius:5em 15em; border-top-left-radius:5em 15em; } .separator-right { text-align:right; border-top-left-radius:5em 15em; } /*================= * SQUARE LINKS *
elements containing element, which contains element to wrap actual content. Square links are usually contained into lists: * * How to: *
* * * *
Normal * * *
*
* * Shadowed * *
*=====*/ /* ParentClass: links in the shape of a square */ .square-lnk { position:relative; display:inline-block; height:80px; width:80px; margin:10px; text-align:center; border:0px solid black; border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; overflow:hidden; } /* links styling */ .square-lnk > a:link, .square-lnk > a:visited { height:80px; width:80px; display: table-cell; vertical-align: middle; text-align:center; white-space:normal; border:0px solid black; border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } /* remove underlines and add a little darkening effect when mouseovering links */ .square-lnk > a:active, .square-lnk > a:hover, .square-lnk > a:focus { color:rgba(255, 255, 255, 0.45); text-decoration:none; background-color:rgba(0, 0, 0, 0.55); } /* glyphicons for square links */ .square-lnk .glyphicon { font-size:2em; } /* AddonClass: a small shadow to have a slight 3D effect */ .square-lnk-shadowed { box-shadow:-3px -2px 6px rgba(0,0,0,0.35), 3px 2px 6px rgba(0,0,0,0.65); } .square-lnk-shadowed:active, .square-lnk-shadowed:hover, /* no shadow on mouseover - like if it was pressed */ .square-lnk-shadowed:focus { box-shadow:none; } /* AddonClass: a bigger square */ .square-lnk-big { width:140px; height:140px; font-size:1em; } .square-lnk-big > a:link, .square-lnk-big > a:visited { height:140px; width:140px; } @media (min-width: 768px) { /* from Small to XL viewports */ .square-lnk { height:100px; width:100px; } /* links styling */ .square-lnk > a:link, .square-lnk > a:visited { height:100px; width:100px; } /* AddonClass: a bigger square */ .square-lnk-big { width:180px; height:180px; font-size:1.1em; } .square-lnk-big > a:link, .square-lnk-big > a:visited { height:180px; width:180px; } } /*================= * BUTTONS, SEPARATORS, SQUARE LINKS COLORS *=====*/ /* square links */ .square-lnk { background-color:#B47190; color:#4D626B; } /* buttons */ .btn-lnk:link, .btn-lnk:visited { color:#C55550; background-color:#DCE1E9; border:2px outset #952520; } .btn-lnk:active, .btn-lnk:hover, .btn-lnk:focus { color:#DCE1F9; background-color:#C55550; border:2px inset #952520; } /* separators */ .separator { background-color:#95B0c0; } /*================= * PREVIEW LISTS *=====*/ #preview-list { margin-top:5px; } #preview-list img.language_flags { height:1em; } /* ParentClass: links in the shape of a rectangle to show preview of blogs */ #preview-list .preview-lnk { padding:0; background:none; overflow:hidden; border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } /* links styling */ #preview-list .preview-lnk > a:link, #preview-list .preview-lnk > a:visited { display:block; padding:5px; white-space:normal; color:#4D626B; background-image:url(http://erenor.net/portal/inc-images/common/parchment-light.jpg); border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } /* remove underlines and add a little darkening effect when mouseovering links */ #preview-list .preview-lnk > a:active, #preview-list .preview-lnk > a:hover, #preview-list .preview-lnk > a:focus { color:rgba(255, 255, 255, 0.45); text-decoration:none; background-image:url(http://erenor.net/portal/inc-images/common/parchment-dark.jpg); } /* Preview image */ #preview-list img { margin:0; border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } /* AddonClass: a small shadow to have a slight 3D effect */ #preview-list .preview-lnk-shadowed > a:link, #preview-list .preview-lnk-shadowed > a:visited { box-shadow:-3px -2px 6px rgba(0,0,0,0.35), 3px 2px 6px rgba(0,0,0,0.65); } /* no shadow on mouseover - like if it was pressed */ #preview-list .preview-lnk-shadowed > a:active, #preview-list .preview-lnk-shadowed > a:hover, #preview-list .preview-lnk-shadowed > a:focus { box-shadow:none; } /*================= * ARTICLES ELEMENTS *=====*/ #article-wrapper { margin-top:5px; padding:20px 20px; background-image:url(http://erenor.net/portal/inc-images/common/parchment-light.jpg); border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } #article-wrapper.article-wrapper-shadowed { box-shadow:-3px -2px 6px rgba(0,0,0,0.35), 3px 2px 6px rgba(0,0,0,0.65); } #article-wrapper img { /* style all article view's images */ border-radius:5px; } /*================================== * MODULES NAVIGATION (Links to navigate modules) *=====*/ #module-navigation-menu, #module-contextual-menu { display:block; } #module-navigation-menu li, #module-contextual-menu li { /* default: buttons are one next to the other, in a line */ display:inline-block; text-align:center; margin-top:7px; } @media (min-width: 768px) { #module-navigation-menu li, #module-contextual-menu li { /* bigger screens: buttons are ordered in a column */ display:block; } } /*================= * OTHER CLASSES *=====*/ .special-borders { border-top-left-radius:2em 15em; border-top-right-radius:15em 2em; border-bottom-left-radius:15em 2em; border-bottom-right-radius:2em 15em; } /*================= * BACKGROUND COLORS *=====*/ .bg_orange{ background-color:#c86f40; } .bg_yellow{ background-color:#c8bf40; } .bg_dark-yellow{ background-color:#b8a020; } .bg_soft-red{ background-color:#c03f3f; } .bg_pink{ background-color:#ee8a9c; } .bg_dark-pink{ background-color:#b47190; } .bg_green{ background-color:#51aa7e; } .bg_dark-green{ background-color:#31845e; } .bg_grey{ background-color:#a3b3a8; } .bg_dark-grey{ background-color:#839388; } .bg_facebk-blue{ background-color:#3B5998 ; } .bg_tweet-blue{ background-color:#55acee ; } .bg_blue{ background-color:#5880a3; } .bg_dark-blue{ background-color:#386083; } .bg_white{ background-color:#e1eaec; } .bg_violet-blue { background-color:#443266; } .bg_light-blue { background-color:#ACD1E9; } .bg_silvery-blue { background-color:#F1F0FF; } .bg_purple { background-color:#8C489F; } /*================= * FONT COLORS *=====*/ .fnt_yellow{ color:#c8bf40; } .fnt_dark-yellow{ color:#b8a020; } .fnt_soft-red{ color:#c03f3f; } .fnt_pink{ color:#ee8a9c; } .fnt_dark-pink{ color:#b47190; } .fnt_green{ color:#51aa7e; } .fnt_dark-green{ color:#31845e; } .fnt_grey{ color:#a3b3a8; } .fnt_dark-grey{ color:#839388; } .fnt_tweet-blue{ color:#55acee ; } .fnt_facebk-blue{ color:#3B5998 ; } .fnt_blue{ color:#5880a3; } .fnt_dark-blue{ color:#386083; } .fnt_white{ color:#e1eaec; } .fnt_violet-blue { background-color:#443266; } .fnt_light-blue { background-color:#ACD1E9; } .fnt_silvery-blue { background-color:#F1F0FF; } .fnt_purple { background-color:#8C489F; } /*================= * FONT SHADOW COLORS *=====*/ /* .fnt_shdw_yellow{ text-shadow: 1px 1px 2px #c8bf40, 0 0 1em #c8bf40, 0 0 0.2em #c8bf40; } .fnt_shdw_dark-yellow{ text-shadow: 1px 1px 2px #b8a020, 0 0 1em #b8a020, 0 0 0.2em #b8a020; } .fnt_shdw_soft-red{ text-shadow: 1px 1px 2px #c03f3f, 0 0 1em #c03f3f, 0 0 0.2em #c03f3f; } .fnt_shdw_pink{ text-shadow: 1px 1px 2px #ee8a9c, 0 0 1em #ee8a9c, 0 0 0.2em #ee8a9c; } .fnt_shdw_dark-pink{ text-shadow: 1px 1px 2px #b47190, 0 0 1em #b47190, 0 0 0.2em #b47190; } .fnt_shdw_green{ text-shadow: 1px 1px 2px #51aa7e, 0 0 1em #51aa7e, 0 0 0.2em #51aa7e; } .fnt_shdw_dark-green{ text-shadow: 1px 1px 2px #31845e, 0 0 1em #31845e, 0 0 0.2em #31845e; } .fnt_shdw_grey{ text-shadow: 1px 1px 2px #a3b3a8, 0 0 1em #a3b3a8, 0 0 0.2em #a3b3a8; } .fnt_shdw_dark-grey{ text-shadow: 1px 1px 2px #839388, 0 0 1em #839388, 0 0 0.2em #839388; } .fnt_shdw_tweet-blue{ text-shadow: 1px 1px 2px #55acee, 0 0 1em #55acee, 0 0 0.2em #55acee; } .fnt_shdw_facebk-blue{ text-shadow: 1px 1px 2px #3B5998, 0 0 1em #3B5998, 0 0 0.2em #3B5998; } .fnt_shdw_blue{ text-shadow: 1px 1px 2px #5880a3, 0 0 1em #5880a3, 0 0 0.2em #5880a3; } .fnt_shdw_dark-blue{ text-shadow: 1px 1px 2px #386083, 0 0 1em #386083, 0 0 0.2em #386083; } .fnt_shdw_white{ text-shadow: 1px 1px 2px #e1eaec, 0 0 1em #e1eaec, 0 0 0.2em #e1eaec; } */ /*================= * These are the columns * There are different kind of columns, each one belongin to a different range of viewport sizes *=====*/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { position: relative; /*display:inline-block;*/ float:left; min-height: 1px; } /*================= * BOOTSTRAP RESPONSIVE IMAGES *=====*/ .img-responsive { display: block; max-width: 100%; height: auto; } /*================= * BOOTSTRAP COLUMNS * with media queries *=====*/ @media all { .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } @media (min-width: 1900px) { .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } } /*================= * GLYPHICONS * (font family & contents) *=====*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('../inc-fonts/glyphicons-halflings-regular.eot'); src: url('../inc-fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../inc-fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../inc-fonts/glyphicons-halflings-regular.woff') format('woff'), url('../inc-fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../inc-fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } @media all { .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } }