Ramiro Saenz
8 years ago
committed by
GitHub
36 changed files with 52524 additions and 0 deletions
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,289 @@ |
|||||||
|
/* |
||||||
|
* jQuery FlexSlider v2.6.0 |
||||||
|
* http://www.woothemes.com/flexslider/ |
||||||
|
* |
||||||
|
* Copyright 2012 WooThemes |
||||||
|
* Free to use under the GPLv2 and later license. |
||||||
|
* http://www.gnu.org/licenses/gpl-2.0.html |
||||||
|
* |
||||||
|
* Contributing author: Tyler Smith (@mbmufffin) |
||||||
|
* |
||||||
|
*/ |
||||||
|
/* ==================================================================================================================== |
||||||
|
* FONT-FACE |
||||||
|
* ====================================================================================================================*/ |
||||||
|
|
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'icomoon'; |
||||||
|
src:url('../fonts/icomoon/icomoon.eot?qtatmt'); |
||||||
|
src:url('../fonts/icomoon/icomoon.eot?qtatmt#iefix') format('embedded-opentype'), |
||||||
|
url('../fonts/icomoon/icomoon.ttf?qtatmt') format('truetype'), |
||||||
|
url('../fonts/icomoon/icomoon.woff?qtatmt') format('woff'), |
||||||
|
url('../fonts/icomoon/icomoon.svg?qtatmt#icomoon') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* ==================================================================================================================== |
||||||
|
* RESETS |
||||||
|
* ====================================================================================================================*/ |
||||||
|
.flex-container a:hover, |
||||||
|
.flex-slider a:hover { |
||||||
|
outline: none; |
||||||
|
border-bottom: none!important; |
||||||
|
} |
||||||
|
.slides, |
||||||
|
.slides > li, |
||||||
|
.flex-control-nav, |
||||||
|
.flex-direction-nav { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
.flex-pauseplay span { |
||||||
|
text-transform: capitalize; |
||||||
|
} |
||||||
|
/* ==================================================================================================================== |
||||||
|
* BASE STYLES |
||||||
|
* ====================================================================================================================*/ |
||||||
|
.flexslider { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.flexslider .slides > li { |
||||||
|
display: none; |
||||||
|
-webkit-backface-visibility: hidden; |
||||||
|
} |
||||||
|
.flexslider .slides img { |
||||||
|
width: 100%; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
.flexslider .slides:after { |
||||||
|
content: "\0020"; |
||||||
|
display: block; |
||||||
|
clear: both; |
||||||
|
visibility: hidden; |
||||||
|
line-height: 0; |
||||||
|
height: 0; |
||||||
|
} |
||||||
|
html[xmlns] .flexslider .slides { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
* html .flexslider .slides { |
||||||
|
height: 1%; |
||||||
|
} |
||||||
|
.no-js .flexslider .slides > li:first-child { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
/* ==================================================================================================================== |
||||||
|
* DEFAULT THEME |
||||||
|
* ====================================================================================================================*/ |
||||||
|
.flexslider { |
||||||
|
margin: 0 0 60px; |
||||||
|
background: #ffffff; |
||||||
|
border: 4px solid #ffffff; |
||||||
|
position: relative; |
||||||
|
zoom: 1; |
||||||
|
-webkit-border-radius: 4px; |
||||||
|
-moz-border-radius: 4px; |
||||||
|
border-radius: 4px; |
||||||
|
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
||||||
|
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
||||||
|
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
||||||
|
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
||||||
|
} |
||||||
|
.flexslider .slides { |
||||||
|
zoom: 1; |
||||||
|
} |
||||||
|
.flexslider .slides img { |
||||||
|
height: auto; |
||||||
|
-moz-user-select: none; |
||||||
|
} |
||||||
|
.flex-viewport { |
||||||
|
max-height: 2000px; |
||||||
|
-webkit-transition: all 1s ease; |
||||||
|
-moz-transition: all 1s ease; |
||||||
|
-ms-transition: all 1s ease; |
||||||
|
-o-transition: all 1s ease; |
||||||
|
transition: all 1s ease; |
||||||
|
} |
||||||
|
.loading .flex-viewport { |
||||||
|
max-height: 300px; |
||||||
|
} |
||||||
|
.carousel li { |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
.flex-direction-nav { |
||||||
|
*height: 0; |
||||||
|
} |
||||||
|
.flex-direction-nav a { |
||||||
|
text-decoration: none; |
||||||
|
display: block; |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
margin: -20px 0 0; |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
z-index: 10; |
||||||
|
overflow: hidden; |
||||||
|
opacity: 0; |
||||||
|
cursor: pointer; |
||||||
|
color: rgba(0, 0, 0, 0.8); |
||||||
|
/*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);*/ |
||||||
|
-webkit-transition: all 0.3s ease-in-out; |
||||||
|
-moz-transition: all 0.3s ease-in-out; |
||||||
|
-ms-transition: all 0.3s ease-in-out; |
||||||
|
-o-transition: all 0.3s ease-in-out; |
||||||
|
transition: all 0.3s ease-in-out; |
||||||
|
border-bottom: none!important; |
||||||
|
} |
||||||
|
.flex-direction-nav a:before { |
||||||
|
font-family: "flexslider-icon"; |
||||||
|
|
||||||
|
font-family: "icomoon"; |
||||||
|
font-size: 20px; |
||||||
|
display: inline-block; |
||||||
|
/*content: '\f001';*/ |
||||||
|
content: "\f053"; |
||||||
|
color: rgba(0, 0, 0, 0.9); |
||||||
|
border-bottom: none; |
||||||
|
/*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);*/ |
||||||
|
} |
||||||
|
.flex-direction-nav a.flex-next:before { |
||||||
|
/*content: '\f002';*/ |
||||||
|
content: "\f054"; |
||||||
|
} |
||||||
|
.flex-direction-nav .flex-prev { |
||||||
|
/*left: -50px;*/ |
||||||
|
} |
||||||
|
.flex-direction-nav .flex-next { |
||||||
|
/*right: -50px;*/ |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
.flexslider:hover .flex-direction-nav .flex-prev { |
||||||
|
opacity: 0.7; |
||||||
|
left: 10px; |
||||||
|
} |
||||||
|
.flexslider:hover .flex-direction-nav .flex-prev:hover { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
.flexslider:hover .flex-direction-nav .flex-next { |
||||||
|
opacity: 0.7; |
||||||
|
right: 10px; |
||||||
|
} |
||||||
|
.flexslider:hover .flex-direction-nav .flex-next:hover { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
.flex-direction-nav .flex-disabled { |
||||||
|
opacity: 0!important; |
||||||
|
filter: alpha(opacity=0); |
||||||
|
cursor: default; |
||||||
|
z-index: -1; |
||||||
|
} |
||||||
|
.flex-pauseplay a { |
||||||
|
display: block; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
position: absolute; |
||||||
|
bottom: 5px; |
||||||
|
left: 10px; |
||||||
|
opacity: 0.8; |
||||||
|
z-index: 10; |
||||||
|
overflow: hidden; |
||||||
|
cursor: pointer; |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
.flex-pauseplay a:before { |
||||||
|
font-family: "flexslider-icon"; |
||||||
|
font-size: 20px; |
||||||
|
display: inline-block; |
||||||
|
content: '\f004'; |
||||||
|
} |
||||||
|
.flex-pauseplay a:hover { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
.flex-pauseplay a.flex-play:before { |
||||||
|
content: '\f003'; |
||||||
|
} |
||||||
|
.flex-control-nav { |
||||||
|
width: 100%; |
||||||
|
position: absolute; |
||||||
|
bottom: -40px; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.flex-control-nav li { |
||||||
|
margin: 0 6px; |
||||||
|
display: inline-block; |
||||||
|
zoom: 1; |
||||||
|
*display: inline; |
||||||
|
} |
||||||
|
.flex-control-paging li a { |
||||||
|
width: 11px; |
||||||
|
height: 11px; |
||||||
|
display: block; |
||||||
|
background: #666; |
||||||
|
background: rgba(0, 0, 0, 0.5); |
||||||
|
cursor: pointer; |
||||||
|
text-indent: -9999px; |
||||||
|
/*-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
||||||
|
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
||||||
|
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
||||||
|
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);*/ |
||||||
|
-webkit-border-radius: 20px; |
||||||
|
-moz-border-radius: 20px; |
||||||
|
border-radius: 20px; |
||||||
|
} |
||||||
|
.flex-control-paging li a:hover { |
||||||
|
background: #333; |
||||||
|
background: rgba(0, 0, 0, 0.7); |
||||||
|
} |
||||||
|
.flex-control-paging li a.flex-active { |
||||||
|
background: #000; |
||||||
|
background: rgba(0, 0, 0, 0.9); |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
.flex-control-thumbs { |
||||||
|
margin: 5px 0 0; |
||||||
|
position: static; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.flex-control-thumbs li { |
||||||
|
width: 25%; |
||||||
|
float: left; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.flex-control-thumbs img { |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
display: block; |
||||||
|
opacity: .7; |
||||||
|
cursor: pointer; |
||||||
|
-moz-user-select: none; |
||||||
|
-webkit-transition: all 1s ease; |
||||||
|
-moz-transition: all 1s ease; |
||||||
|
-ms-transition: all 1s ease; |
||||||
|
-o-transition: all 1s ease; |
||||||
|
transition: all 1s ease; |
||||||
|
} |
||||||
|
.flex-control-thumbs img:hover { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
.flex-control-thumbs .flex-active { |
||||||
|
opacity: 1; |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
/* ==================================================================================================================== |
||||||
|
* RESPONSIVE |
||||||
|
* ====================================================================================================================*/ |
||||||
|
@media screen and (max-width: 860px) { |
||||||
|
.flex-direction-nav .flex-prev { |
||||||
|
opacity: 1; |
||||||
|
left: 10px; |
||||||
|
} |
||||||
|
.flex-direction-nav .flex-next { |
||||||
|
opacity: 1; |
||||||
|
right: 10px; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,368 @@ |
|||||||
|
/* Magnific Popup CSS */ |
||||||
|
.mfp-bg { |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
z-index: 1042; |
||||||
|
overflow: hidden; |
||||||
|
position: fixed; |
||||||
|
background: #0b0b0b; |
||||||
|
opacity: 0.8; |
||||||
|
filter: alpha(opacity=80); } |
||||||
|
|
||||||
|
.mfp-wrap { |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
z-index: 1043; |
||||||
|
position: fixed; |
||||||
|
outline: none !important; |
||||||
|
-webkit-backface-visibility: hidden; } |
||||||
|
|
||||||
|
.mfp-container { |
||||||
|
text-align: center; |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
padding: 0 8px; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
-moz-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
|
||||||
|
.mfp-container:before { |
||||||
|
content: ''; |
||||||
|
display: inline-block; |
||||||
|
height: 100%; |
||||||
|
vertical-align: middle; } |
||||||
|
|
||||||
|
.mfp-align-top .mfp-container:before { |
||||||
|
display: none; } |
||||||
|
|
||||||
|
.mfp-content { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; |
||||||
|
margin: 0 auto; |
||||||
|
text-align: left; |
||||||
|
z-index: 1045; } |
||||||
|
|
||||||
|
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { |
||||||
|
width: 100%; |
||||||
|
cursor: auto; } |
||||||
|
|
||||||
|
.mfp-ajax-cur { |
||||||
|
cursor: progress; } |
||||||
|
|
||||||
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
||||||
|
cursor: -moz-zoom-out; |
||||||
|
cursor: -webkit-zoom-out; |
||||||
|
cursor: zoom-out; } |
||||||
|
|
||||||
|
.mfp-zoom { |
||||||
|
cursor: pointer; |
||||||
|
cursor: -webkit-zoom-in; |
||||||
|
cursor: -moz-zoom-in; |
||||||
|
cursor: zoom-in; } |
||||||
|
|
||||||
|
.mfp-auto-cursor .mfp-content { |
||||||
|
cursor: auto; } |
||||||
|
|
||||||
|
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { |
||||||
|
-webkit-user-select: none; |
||||||
|
-moz-user-select: none; |
||||||
|
user-select: none; } |
||||||
|
|
||||||
|
.mfp-loading.mfp-figure { |
||||||
|
display: none; } |
||||||
|
|
||||||
|
.mfp-hide { |
||||||
|
display: none !important; } |
||||||
|
|
||||||
|
.mfp-preloader { |
||||||
|
color: #cccccc; |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
width: auto; |
||||||
|
text-align: center; |
||||||
|
margin-top: -0.8em; |
||||||
|
left: 8px; |
||||||
|
right: 8px; |
||||||
|
z-index: 1044; } |
||||||
|
.mfp-preloader a { |
||||||
|
color: #cccccc; } |
||||||
|
.mfp-preloader a:hover { |
||||||
|
color: white; } |
||||||
|
|
||||||
|
.mfp-s-ready .mfp-preloader { |
||||||
|
display: none; } |
||||||
|
|
||||||
|
.mfp-s-error .mfp-content { |
||||||
|
display: none; } |
||||||
|
|
||||||
|
button.mfp-close, button.mfp-arrow { |
||||||
|
overflow: visible; |
||||||
|
cursor: pointer; |
||||||
|
background: transparent; |
||||||
|
border: 0; |
||||||
|
-webkit-appearance: none; |
||||||
|
display: block; |
||||||
|
outline: none; |
||||||
|
padding: 0; |
||||||
|
z-index: 1046; |
||||||
|
-webkit-box-shadow: none; |
||||||
|
box-shadow: none; } |
||||||
|
button::-moz-focus-inner { |
||||||
|
padding: 0; |
||||||
|
border: 0; } |
||||||
|
|
||||||
|
.mfp-close { |
||||||
|
width: 44px; |
||||||
|
height: 44px; |
||||||
|
line-height: 44px; |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
text-decoration: none; |
||||||
|
text-align: center; |
||||||
|
opacity: 0.65; |
||||||
|
filter: alpha(opacity=65); |
||||||
|
padding: 0 0 18px 10px; |
||||||
|
color: white; |
||||||
|
font-style: normal; |
||||||
|
font-size: 28px; |
||||||
|
font-family: Arial, Baskerville, monospace; } |
||||||
|
.mfp-close:hover, .mfp-close:focus { |
||||||
|
opacity: 1; |
||||||
|
filter: alpha(opacity=100); } |
||||||
|
.mfp-close:active { |
||||||
|
top: 1px; } |
||||||
|
|
||||||
|
.mfp-close-btn-in .mfp-close { |
||||||
|
color: #333333; } |
||||||
|
|
||||||
|
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { |
||||||
|
color: white; |
||||||
|
right: -6px; |
||||||
|
text-align: right; |
||||||
|
padding-right: 6px; |
||||||
|
width: 100%; } |
||||||
|
|
||||||
|
.mfp-counter { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
color: #cccccc; |
||||||
|
font-size: 12px; |
||||||
|
line-height: 18px; } |
||||||
|
|
||||||
|
.mfp-arrow { |
||||||
|
position: absolute; |
||||||
|
opacity: 0.65; |
||||||
|
filter: alpha(opacity=65); |
||||||
|
margin: 0; |
||||||
|
top: 50%; |
||||||
|
margin-top: -55px; |
||||||
|
padding: 0; |
||||||
|
width: 90px; |
||||||
|
height: 110px; |
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } |
||||||
|
.mfp-arrow:active { |
||||||
|
margin-top: -54px; } |
||||||
|
.mfp-arrow:hover, .mfp-arrow:focus { |
||||||
|
opacity: 1; |
||||||
|
filter: alpha(opacity=100); } |
||||||
|
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { |
||||||
|
content: ''; |
||||||
|
display: block; |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
margin-top: 35px; |
||||||
|
margin-left: 35px; |
||||||
|
border: medium inset transparent; } |
||||||
|
.mfp-arrow:after, .mfp-arrow .mfp-a { |
||||||
|
border-top-width: 13px; |
||||||
|
border-bottom-width: 13px; |
||||||
|
top: 8px; } |
||||||
|
.mfp-arrow:before, .mfp-arrow .mfp-b { |
||||||
|
border-top-width: 21px; |
||||||
|
border-bottom-width: 21px; |
||||||
|
opacity: 0.7; } |
||||||
|
|
||||||
|
.mfp-arrow-left { |
||||||
|
left: 0; } |
||||||
|
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { |
||||||
|
border-right: 17px solid white; |
||||||
|
margin-left: 31px; } |
||||||
|
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { |
||||||
|
margin-left: 25px; |
||||||
|
border-right: 27px solid #3f3f3f; } |
||||||
|
|
||||||
|
.mfp-arrow-right { |
||||||
|
right: 0; } |
||||||
|
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { |
||||||
|
border-left: 17px solid white; |
||||||
|
margin-left: 39px; } |
||||||
|
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { |
||||||
|
border-left: 27px solid #3f3f3f; } |
||||||
|
|
||||||
|
.mfp-iframe-holder { |
||||||
|
padding-top: 40px; |
||||||
|
padding-bottom: 40px; } |
||||||
|
.mfp-iframe-holder .mfp-content { |
||||||
|
line-height: 0; |
||||||
|
width: 100%; |
||||||
|
max-width: 900px; } |
||||||
|
.mfp-iframe-holder .mfp-close { |
||||||
|
top: -40px; } |
||||||
|
|
||||||
|
.mfp-iframe-scaler { |
||||||
|
width: 100%; |
||||||
|
height: 0; |
||||||
|
overflow: hidden; |
||||||
|
padding-top: 56.25%; } |
||||||
|
.mfp-iframe-scaler iframe { |
||||||
|
position: absolute; |
||||||
|
display: block; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||||
|
background: black; } |
||||||
|
|
||||||
|
/* Main image in popup */ |
||||||
|
img.mfp-img { |
||||||
|
width: auto; |
||||||
|
max-width: 100%; |
||||||
|
height: auto; |
||||||
|
display: block; |
||||||
|
line-height: 0; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
-moz-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 40px 0 40px; |
||||||
|
margin: 0 auto; } |
||||||
|
|
||||||
|
/* The shadow behind the image */ |
||||||
|
.mfp-figure { |
||||||
|
line-height: 0; } |
||||||
|
.mfp-figure:after { |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 40px; |
||||||
|
bottom: 40px; |
||||||
|
display: block; |
||||||
|
right: 0; |
||||||
|
width: auto; |
||||||
|
height: auto; |
||||||
|
z-index: -1; |
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||||
|
background: #444444; } |
||||||
|
.mfp-figure small { |
||||||
|
color: #bdbdbd; |
||||||
|
display: block; |
||||||
|
font-size: 12px; |
||||||
|
line-height: 14px; } |
||||||
|
.mfp-figure figure { |
||||||
|
margin: 0; } |
||||||
|
|
||||||
|
.mfp-bottom-bar { |
||||||
|
margin-top: -36px; |
||||||
|
position: absolute; |
||||||
|
top: 100%; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
cursor: auto; } |
||||||
|
|
||||||
|
.mfp-title { |
||||||
|
text-align: left; |
||||||
|
line-height: 18px; |
||||||
|
color: #f3f3f3; |
||||||
|
word-wrap: break-word; |
||||||
|
padding-right: 36px; } |
||||||
|
|
||||||
|
.mfp-image-holder .mfp-content { |
||||||
|
max-width: 100%; } |
||||||
|
|
||||||
|
.mfp-gallery .mfp-image-holder .mfp-figure { |
||||||
|
cursor: pointer; } |
||||||
|
|
||||||
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
||||||
|
/** |
||||||
|
* Remove all paddings around the image on small screen |
||||||
|
*/ |
||||||
|
.mfp-img-mobile .mfp-image-holder { |
||||||
|
padding-left: 0; |
||||||
|
padding-right: 0; } |
||||||
|
.mfp-img-mobile img.mfp-img { |
||||||
|
padding: 0; } |
||||||
|
.mfp-img-mobile .mfp-figure:after { |
||||||
|
top: 0; |
||||||
|
bottom: 0; } |
||||||
|
.mfp-img-mobile .mfp-figure small { |
||||||
|
display: inline; |
||||||
|
margin-left: 5px; } |
||||||
|
.mfp-img-mobile .mfp-bottom-bar { |
||||||
|
background: rgba(0, 0, 0, 0.6); |
||||||
|
bottom: 0; |
||||||
|
margin: 0; |
||||||
|
top: auto; |
||||||
|
padding: 3px 5px; |
||||||
|
position: fixed; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
-moz-box-sizing: border-box; |
||||||
|
box-sizing: border-box; } |
||||||
|
.mfp-img-mobile .mfp-bottom-bar:empty { |
||||||
|
padding: 0; } |
||||||
|
.mfp-img-mobile .mfp-counter { |
||||||
|
right: 5px; |
||||||
|
top: 3px; } |
||||||
|
.mfp-img-mobile .mfp-close { |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
width: 35px; |
||||||
|
height: 35px; |
||||||
|
line-height: 35px; |
||||||
|
background: rgba(0, 0, 0, 0.6); |
||||||
|
position: fixed; |
||||||
|
text-align: center; |
||||||
|
padding: 0; } } |
||||||
|
|
||||||
|
@media all and (max-width: 900px) { |
||||||
|
.mfp-arrow { |
||||||
|
-webkit-transform: scale(0.75); |
||||||
|
transform: scale(0.75); } |
||||||
|
.mfp-arrow-left { |
||||||
|
-webkit-transform-origin: 0; |
||||||
|
transform-origin: 0; } |
||||||
|
.mfp-arrow-right { |
||||||
|
-webkit-transform-origin: 100%; |
||||||
|
transform-origin: 100%; } |
||||||
|
.mfp-container { |
||||||
|
padding-left: 6px; |
||||||
|
padding-right: 6px; } } |
||||||
|
|
||||||
|
.mfp-ie7 .mfp-img { |
||||||
|
padding: 0; } |
||||||
|
.mfp-ie7 .mfp-bottom-bar { |
||||||
|
width: 600px; |
||||||
|
left: 50%; |
||||||
|
margin-left: -300px; |
||||||
|
margin-top: 5px; |
||||||
|
padding-bottom: 5px; } |
||||||
|
.mfp-ie7 .mfp-container { |
||||||
|
padding: 0; } |
||||||
|
.mfp-ie7 .mfp-content { |
||||||
|
padding-top: 44px; } |
||||||
|
.mfp-ie7 .mfp-close { |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
padding-top: 0; } |
||||||
@ -0,0 +1,758 @@ |
|||||||
|
@font-face { |
||||||
|
font-family: 'simple-line-icons'; |
||||||
|
src: url('../fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.2.2'); |
||||||
|
src: url('../fonts/simple-line-icons/Simple-Line-Icons.eot?#iefix&v=2.2.2') format('embedded-opentype'), |
||||||
|
url('../fonts/simple-line-icons/Simple-Line-Icons.ttf?v=2.2.2') format('truetype'), |
||||||
|
url('../fonts/simple-line-icons/Simple-Line-Icons.woff2?v=2.2.2') format('woff2'), |
||||||
|
url('../fonts/simple-line-icons/Simple-Line-Icons.woff?v=2.2.2') format('woff'), |
||||||
|
url('../fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.2.2#simple-line-icons') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
/* |
||||||
|
Use the following CSS code if you want to have a class per icon. |
||||||
|
Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower: |
||||||
|
*/ |
||||||
|
.icon-user, |
||||||
|
.icon-people, |
||||||
|
.icon-user-female, |
||||||
|
.icon-user-follow, |
||||||
|
.icon-user-following, |
||||||
|
.icon-user-unfollow, |
||||||
|
.icon-login, |
||||||
|
.icon-logout, |
||||||
|
.icon-emotsmile, |
||||||
|
.icon-phone, |
||||||
|
.icon-call-end, |
||||||
|
.icon-call-in, |
||||||
|
.icon-call-out, |
||||||
|
.icon-map, |
||||||
|
.icon-location-pin, |
||||||
|
.icon-direction, |
||||||
|
.icon-directions, |
||||||
|
.icon-compass, |
||||||
|
.icon-layers, |
||||||
|
.icon-menu, |
||||||
|
.icon-list, |
||||||
|
.icon-options-vertical, |
||||||
|
.icon-options, |
||||||
|
.icon-arrow-down, |
||||||
|
.icon-arrow-left, |
||||||
|
.icon-arrow-right, |
||||||
|
.icon-arrow-up, |
||||||
|
.icon-arrow-up-circle, |
||||||
|
.icon-arrow-left-circle, |
||||||
|
.icon-arrow-right-circle, |
||||||
|
.icon-arrow-down-circle, |
||||||
|
.icon-check, |
||||||
|
.icon-clock, |
||||||
|
.icon-plus, |
||||||
|
.icon-close, |
||||||
|
.icon-trophy, |
||||||
|
.icon-screen-smartphone, |
||||||
|
.icon-screen-desktop, |
||||||
|
.icon-plane, |
||||||
|
.icon-notebook, |
||||||
|
.icon-mustache, |
||||||
|
.icon-mouse, |
||||||
|
.icon-magnet, |
||||||
|
.icon-energy, |
||||||
|
.icon-disc, |
||||||
|
.icon-cursor, |
||||||
|
.icon-cursor-move, |
||||||
|
.icon-crop, |
||||||
|
.icon-chemistry, |
||||||
|
.icon-speedometer, |
||||||
|
.icon-shield, |
||||||
|
.icon-screen-tablet, |
||||||
|
.icon-magic-wand, |
||||||
|
.icon-hourglass, |
||||||
|
.icon-graduation, |
||||||
|
.icon-ghost, |
||||||
|
.icon-game-controller, |
||||||
|
.icon-fire, |
||||||
|
.icon-eyeglass, |
||||||
|
.icon-envelope-open, |
||||||
|
.icon-envelope-letter, |
||||||
|
.icon-bell, |
||||||
|
.icon-badge, |
||||||
|
.icon-anchor, |
||||||
|
.icon-wallet, |
||||||
|
.icon-vector, |
||||||
|
.icon-speech, |
||||||
|
.icon-puzzle, |
||||||
|
.icon-printer, |
||||||
|
.icon-present, |
||||||
|
.icon-playlist, |
||||||
|
.icon-pin, |
||||||
|
.icon-picture, |
||||||
|
.icon-handbag, |
||||||
|
.icon-globe-alt, |
||||||
|
.icon-globe, |
||||||
|
.icon-folder-alt, |
||||||
|
.icon-folder, |
||||||
|
.icon-film, |
||||||
|
.icon-feed, |
||||||
|
.icon-drop, |
||||||
|
.icon-drawar, |
||||||
|
.icon-docs, |
||||||
|
.icon-doc, |
||||||
|
.icon-diamond, |
||||||
|
.icon-cup, |
||||||
|
.icon-calculator, |
||||||
|
.icon-bubbles, |
||||||
|
.icon-briefcase, |
||||||
|
.icon-book-open, |
||||||
|
.icon-basket-loaded, |
||||||
|
.icon-basket, |
||||||
|
.icon-bag, |
||||||
|
.icon-action-undo, |
||||||
|
.icon-action-redo, |
||||||
|
.icon-wrench, |
||||||
|
.icon-umbrella, |
||||||
|
.icon-trash, |
||||||
|
.icon-tag, |
||||||
|
.icon-support, |
||||||
|
.icon-frame, |
||||||
|
.icon-size-fullscreen, |
||||||
|
.icon-size-actual, |
||||||
|
.icon-shuffle, |
||||||
|
.icon-share-alt, |
||||||
|
.icon-share, |
||||||
|
.icon-rocket, |
||||||
|
.icon-question, |
||||||
|
.icon-pie-chart, |
||||||
|
.icon-pencil, |
||||||
|
.icon-note, |
||||||
|
.icon-loop, |
||||||
|
.icon-home, |
||||||
|
.icon-grid, |
||||||
|
.icon-graph, |
||||||
|
.icon-microphone, |
||||||
|
.icon-music-tone-alt, |
||||||
|
.icon-music-tone, |
||||||
|
.icon-earphones-alt, |
||||||
|
.icon-earphones, |
||||||
|
.icon-equalizer, |
||||||
|
.icon-like, |
||||||
|
.icon-dislike, |
||||||
|
.icon-control-start, |
||||||
|
.icon-control-rewind, |
||||||
|
.icon-control-play, |
||||||
|
.icon-control-pause, |
||||||
|
.icon-control-forward, |
||||||
|
.icon-control-end, |
||||||
|
.icon-volume-1, |
||||||
|
.icon-volume-2, |
||||||
|
.icon-volume-off, |
||||||
|
.icon-calendar, |
||||||
|
.icon-bulb, |
||||||
|
.icon-chart, |
||||||
|
.icon-ban, |
||||||
|
.icon-bubble, |
||||||
|
.icon-camrecorder, |
||||||
|
.icon-camera, |
||||||
|
.icon-cloud-download, |
||||||
|
.icon-cloud-upload, |
||||||
|
.icon-envelope, |
||||||
|
.icon-eye, |
||||||
|
.icon-flag, |
||||||
|
.icon-heart, |
||||||
|
.icon-info, |
||||||
|
.icon-key, |
||||||
|
.icon-link, |
||||||
|
.icon-lock, |
||||||
|
.icon-lock-open, |
||||||
|
.icon-magnifier, |
||||||
|
.icon-magnifier-add, |
||||||
|
.icon-magnifier-remove, |
||||||
|
.icon-paper-clip, |
||||||
|
.icon-paper-plane, |
||||||
|
.icon-power, |
||||||
|
.icon-refresh, |
||||||
|
.icon-reload, |
||||||
|
.icon-settings, |
||||||
|
.icon-star, |
||||||
|
.icon-symble-female, |
||||||
|
.icon-symbol-male, |
||||||
|
.icon-target, |
||||||
|
.icon-credit-card, |
||||||
|
.icon-paypal, |
||||||
|
.icon-social-tumblr, |
||||||
|
.icon-social-twitter, |
||||||
|
.icon-social-facebook, |
||||||
|
.icon-social-instagram, |
||||||
|
.icon-social-linkedin, |
||||||
|
.icon-social-pinterest, |
||||||
|
.icon-social-github, |
||||||
|
.icon-social-gplus, |
||||||
|
.icon-social-reddit, |
||||||
|
.icon-social-skype, |
||||||
|
.icon-social-dribbble, |
||||||
|
.icon-social-behance, |
||||||
|
.icon-social-foursqare, |
||||||
|
.icon-social-soundcloud, |
||||||
|
.icon-social-spotify, |
||||||
|
.icon-social-stumbleupon, |
||||||
|
.icon-social-youtube, |
||||||
|
.icon-social-dropbox { |
||||||
|
font-family: 'simple-line-icons'; |
||||||
|
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-user:before { |
||||||
|
content: "\e005"; |
||||||
|
} |
||||||
|
.icon-people:before { |
||||||
|
content: "\e001"; |
||||||
|
} |
||||||
|
.icon-user-female:before { |
||||||
|
content: "\e000"; |
||||||
|
} |
||||||
|
.icon-user-follow:before { |
||||||
|
content: "\e002"; |
||||||
|
} |
||||||
|
.icon-user-following:before { |
||||||
|
content: "\e003"; |
||||||
|
} |
||||||
|
.icon-user-unfollow:before { |
||||||
|
content: "\e004"; |
||||||
|
} |
||||||
|
.icon-login:before { |
||||||
|
content: "\e066"; |
||||||
|
} |
||||||
|
.icon-logout:before { |
||||||
|
content: "\e065"; |
||||||
|
} |
||||||
|
.icon-emotsmile:before { |
||||||
|
content: "\e021"; |
||||||
|
} |
||||||
|
.icon-phone:before { |
||||||
|
content: "\e600"; |
||||||
|
} |
||||||
|
.icon-call-end:before { |
||||||
|
content: "\e048"; |
||||||
|
} |
||||||
|
.icon-call-in:before { |
||||||
|
content: "\e047"; |
||||||
|
} |
||||||
|
.icon-call-out:before { |
||||||
|
content: "\e046"; |
||||||
|
} |
||||||
|
.icon-map:before { |
||||||
|
content: "\e033"; |
||||||
|
} |
||||||
|
.icon-location-pin:before { |
||||||
|
content: "\e096"; |
||||||
|
} |
||||||
|
.icon-direction:before { |
||||||
|
content: "\e042"; |
||||||
|
} |
||||||
|
.icon-directions:before { |
||||||
|
content: "\e041"; |
||||||
|
} |
||||||
|
.icon-compass:before { |
||||||
|
content: "\e045"; |
||||||
|
} |
||||||
|
.icon-layers:before { |
||||||
|
content: "\e034"; |
||||||
|
} |
||||||
|
.icon-menu:before { |
||||||
|
content: "\e601"; |
||||||
|
} |
||||||
|
.icon-list:before { |
||||||
|
content: "\e067"; |
||||||
|
} |
||||||
|
.icon-options-vertical:before { |
||||||
|
content: "\e602"; |
||||||
|
} |
||||||
|
.icon-options:before { |
||||||
|
content: "\e603"; |
||||||
|
} |
||||||
|
.icon-arrow-down:before { |
||||||
|
content: "\e604"; |
||||||
|
} |
||||||
|
.icon-arrow-left:before { |
||||||
|
content: "\e605"; |
||||||
|
} |
||||||
|
.icon-arrow-right:before { |
||||||
|
content: "\e606"; |
||||||
|
} |
||||||
|
.icon-arrow-up:before { |
||||||
|
content: "\e607"; |
||||||
|
} |
||||||
|
.icon-arrow-up-circle:before { |
||||||
|
content: "\e078"; |
||||||
|
} |
||||||
|
.icon-arrow-left-circle:before { |
||||||
|
content: "\e07a"; |
||||||
|
} |
||||||
|
.icon-arrow-right-circle:before { |
||||||
|
content: "\e079"; |
||||||
|
} |
||||||
|
.icon-arrow-down-circle:before { |
||||||
|
content: "\e07b"; |
||||||
|
} |
||||||
|
.icon-check:before { |
||||||
|
content: "\e080"; |
||||||
|
} |
||||||
|
.icon-clock:before { |
||||||
|
content: "\e081"; |
||||||
|
} |
||||||
|
.icon-plus:before { |
||||||
|
content: "\e095"; |
||||||
|
} |
||||||
|
.icon-close:before { |
||||||
|
content: "\e082"; |
||||||
|
} |
||||||
|
.icon-trophy:before { |
||||||
|
content: "\e006"; |
||||||
|
} |
||||||
|
.icon-screen-smartphone:before { |
||||||
|
content: "\e010"; |
||||||
|
} |
||||||
|
.icon-screen-desktop:before { |
||||||
|
content: "\e011"; |
||||||
|
} |
||||||
|
.icon-plane:before { |
||||||
|
content: "\e012"; |
||||||
|
} |
||||||
|
.icon-notebook:before { |
||||||
|
content: "\e013"; |
||||||
|
} |
||||||
|
.icon-mustache:before { |
||||||
|
content: "\e014"; |
||||||
|
} |
||||||
|
.icon-mouse:before { |
||||||
|
content: "\e015"; |
||||||
|
} |
||||||
|
.icon-magnet:before { |
||||||
|
content: "\e016"; |
||||||
|
} |
||||||
|
.icon-energy:before { |
||||||
|
content: "\e020"; |
||||||
|
} |
||||||
|
.icon-disc:before { |
||||||
|
content: "\e022"; |
||||||
|
} |
||||||
|
.icon-cursor:before { |
||||||
|
content: "\e06e"; |
||||||
|
} |
||||||
|
.icon-cursor-move:before { |
||||||
|
content: "\e023"; |
||||||
|
} |
||||||
|
.icon-crop:before { |
||||||
|
content: "\e024"; |
||||||
|
} |
||||||
|
.icon-chemistry:before { |
||||||
|
content: "\e026"; |
||||||
|
} |
||||||
|
.icon-speedometer:before { |
||||||
|
content: "\e007"; |
||||||
|
} |
||||||
|
.icon-shield:before { |
||||||
|
content: "\e00e"; |
||||||
|
} |
||||||
|
.icon-screen-tablet:before { |
||||||
|
content: "\e00f"; |
||||||
|
} |
||||||
|
.icon-magic-wand:before { |
||||||
|
content: "\e017"; |
||||||
|
} |
||||||
|
.icon-hourglass:before { |
||||||
|
content: "\e018"; |
||||||
|
} |
||||||
|
.icon-graduation:before { |
||||||
|
content: "\e019"; |
||||||
|
} |
||||||
|
.icon-ghost:before { |
||||||
|
content: "\e01a"; |
||||||
|
} |
||||||
|
.icon-game-controller:before { |
||||||
|
content: "\e01b"; |
||||||
|
} |
||||||
|
.icon-fire:before { |
||||||
|
content: "\e01c"; |
||||||
|
} |
||||||
|
.icon-eyeglass:before { |
||||||
|
content: "\e01d"; |
||||||
|
} |
||||||
|
.icon-envelope-open:before { |
||||||
|
content: "\e01e"; |
||||||
|
} |
||||||
|
.icon-envelope-letter:before { |
||||||
|
content: "\e01f"; |
||||||
|
} |
||||||
|
.icon-bell:before { |
||||||
|
content: "\e027"; |
||||||
|
} |
||||||
|
.icon-badge:before { |
||||||
|
content: "\e028"; |
||||||
|
} |
||||||
|
.icon-anchor:before { |
||||||
|
content: "\e029"; |
||||||
|
} |
||||||
|
.icon-wallet:before { |
||||||
|
content: "\e02a"; |
||||||
|
} |
||||||
|
.icon-vector:before { |
||||||
|
content: "\e02b"; |
||||||
|
} |
||||||
|
.icon-speech:before { |
||||||
|
content: "\e02c"; |
||||||
|
} |
||||||
|
.icon-puzzle:before { |
||||||
|
content: "\e02d"; |
||||||
|
} |
||||||
|
.icon-printer:before { |
||||||
|
content: "\e02e"; |
||||||
|
} |
||||||
|
.icon-present:before { |
||||||
|
content: "\e02f"; |
||||||
|
} |
||||||
|
.icon-playlist:before { |
||||||
|
content: "\e030"; |
||||||
|
} |
||||||
|
.icon-pin:before { |
||||||
|
content: "\e031"; |
||||||
|
} |
||||||
|
.icon-picture:before { |
||||||
|
content: "\e032"; |
||||||
|
} |
||||||
|
.icon-handbag:before { |
||||||
|
content: "\e035"; |
||||||
|
} |
||||||
|
.icon-globe-alt:before { |
||||||
|
content: "\e036"; |
||||||
|
} |
||||||
|
.icon-globe:before { |
||||||
|
content: "\e037"; |
||||||
|
} |
||||||
|
.icon-folder-alt:before { |
||||||
|
content: "\e039"; |
||||||
|
} |
||||||
|
.icon-folder:before { |
||||||
|
content: "\e089"; |
||||||
|
} |
||||||
|
.icon-film:before { |
||||||
|
content: "\e03a"; |
||||||
|
} |
||||||
|
.icon-feed:before { |
||||||
|
content: "\e03b"; |
||||||
|
} |
||||||
|
.icon-drop:before { |
||||||
|
content: "\e03e"; |
||||||
|
} |
||||||
|
.icon-drawar:before { |
||||||
|
content: "\e03f"; |
||||||
|
} |
||||||
|
.icon-docs:before { |
||||||
|
content: "\e040"; |
||||||
|
} |
||||||
|
.icon-doc:before { |
||||||
|
content: "\e085"; |
||||||
|
} |
||||||
|
.icon-diamond:before { |
||||||
|
content: "\e043"; |
||||||
|
} |
||||||
|
.icon-cup:before { |
||||||
|
content: "\e044"; |
||||||
|
} |
||||||
|
.icon-calculator:before { |
||||||
|
content: "\e049"; |
||||||
|
} |
||||||
|
.icon-bubbles:before { |
||||||
|
content: "\e04a"; |
||||||
|
} |
||||||
|
.icon-briefcase:before { |
||||||
|
content: "\e04b"; |
||||||
|
} |
||||||
|
.icon-book-open:before { |
||||||
|
content: "\e04c"; |
||||||
|
} |
||||||
|
.icon-basket-loaded:before { |
||||||
|
content: "\e04d"; |
||||||
|
} |
||||||
|
.icon-basket:before { |
||||||
|
content: "\e04e"; |
||||||
|
} |
||||||
|
.icon-bag:before { |
||||||
|
content: "\e04f"; |
||||||
|
} |
||||||
|
.icon-action-undo:before { |
||||||
|
content: "\e050"; |
||||||
|
} |
||||||
|
.icon-action-redo:before { |
||||||
|
content: "\e051"; |
||||||
|
} |
||||||
|
.icon-wrench:before { |
||||||
|
content: "\e052"; |
||||||
|
} |
||||||
|
.icon-umbrella:before { |
||||||
|
content: "\e053"; |
||||||
|
} |
||||||
|
.icon-trash:before { |
||||||
|
content: "\e054"; |
||||||
|
} |
||||||
|
.icon-tag:before { |
||||||
|
content: "\e055"; |
||||||
|
} |
||||||
|
.icon-support:before { |
||||||
|
content: "\e056"; |
||||||
|
} |
||||||
|
.icon-frame:before { |
||||||
|
content: "\e038"; |
||||||
|
} |
||||||
|
.icon-size-fullscreen:before { |
||||||
|
content: "\e057"; |
||||||
|
} |
||||||
|
.icon-size-actual:before { |
||||||
|
content: "\e058"; |
||||||
|
} |
||||||
|
.icon-shuffle:before { |
||||||
|
content: "\e059"; |
||||||
|
} |
||||||
|
.icon-share-alt:before { |
||||||
|
content: "\e05a"; |
||||||
|
} |
||||||
|
.icon-share:before { |
||||||
|
content: "\e05b"; |
||||||
|
} |
||||||
|
.icon-rocket:before { |
||||||
|
content: "\e05c"; |
||||||
|
} |
||||||
|
.icon-question:before { |
||||||
|
content: "\e05d"; |
||||||
|
} |
||||||
|
.icon-pie-chart:before { |
||||||
|
content: "\e05e"; |
||||||
|
} |
||||||
|
.icon-pencil:before { |
||||||
|
content: "\e05f"; |
||||||
|
} |
||||||
|
.icon-note:before { |
||||||
|
content: "\e060"; |
||||||
|
} |
||||||
|
.icon-loop:before { |
||||||
|
content: "\e064"; |
||||||
|
} |
||||||
|
.icon-home:before { |
||||||
|
content: "\e069"; |
||||||
|
} |
||||||
|
.icon-grid:before { |
||||||
|
content: "\e06a"; |
||||||
|
} |
||||||
|
.icon-graph:before { |
||||||
|
content: "\e06b"; |
||||||
|
} |
||||||
|
.icon-microphone:before { |
||||||
|
content: "\e063"; |
||||||
|
} |
||||||
|
.icon-music-tone-alt:before { |
||||||
|
content: "\e061"; |
||||||
|
} |
||||||
|
.icon-music-tone:before { |
||||||
|
content: "\e062"; |
||||||
|
} |
||||||
|
.icon-earphones-alt:before { |
||||||
|
content: "\e03c"; |
||||||
|
} |
||||||
|
.icon-earphones:before { |
||||||
|
content: "\e03d"; |
||||||
|
} |
||||||
|
.icon-equalizer:before { |
||||||
|
content: "\e06c"; |
||||||
|
} |
||||||
|
.icon-like:before { |
||||||
|
content: "\e068"; |
||||||
|
} |
||||||
|
.icon-dislike:before { |
||||||
|
content: "\e06d"; |
||||||
|
} |
||||||
|
.icon-control-start:before { |
||||||
|
content: "\e06f"; |
||||||
|
} |
||||||
|
.icon-control-rewind:before { |
||||||
|
content: "\e070"; |
||||||
|
} |
||||||
|
.icon-control-play:before { |
||||||
|
content: "\e071"; |
||||||
|
} |
||||||
|
.icon-control-pause:before { |
||||||
|
content: "\e072"; |
||||||
|
} |
||||||
|
.icon-control-forward:before { |
||||||
|
content: "\e073"; |
||||||
|
} |
||||||
|
.icon-control-end:before { |
||||||
|
content: "\e074"; |
||||||
|
} |
||||||
|
.icon-volume-1:before { |
||||||
|
content: "\e09f"; |
||||||
|
} |
||||||
|
.icon-volume-2:before { |
||||||
|
content: "\e0a0"; |
||||||
|
} |
||||||
|
.icon-volume-off:before { |
||||||
|
content: "\e0a1"; |
||||||
|
} |
||||||
|
.icon-calendar:before { |
||||||
|
content: "\e075"; |
||||||
|
} |
||||||
|
.icon-bulb:before { |
||||||
|
content: "\e076"; |
||||||
|
} |
||||||
|
.icon-chart:before { |
||||||
|
content: "\e077"; |
||||||
|
} |
||||||
|
.icon-ban:before { |
||||||
|
content: "\e07c"; |
||||||
|
} |
||||||
|
.icon-bubble:before { |
||||||
|
content: "\e07d"; |
||||||
|
} |
||||||
|
.icon-camrecorder:before { |
||||||
|
content: "\e07e"; |
||||||
|
} |
||||||
|
.icon-camera:before { |
||||||
|
content: "\e07f"; |
||||||
|
} |
||||||
|
.icon-cloud-download:before { |
||||||
|
content: "\e083"; |
||||||
|
} |
||||||
|
.icon-cloud-upload:before { |
||||||
|
content: "\e084"; |
||||||
|
} |
||||||
|
.icon-envelope:before { |
||||||
|
content: "\e086"; |
||||||
|
} |
||||||
|
.icon-eye:before { |
||||||
|
content: "\e087"; |
||||||
|
} |
||||||
|
.icon-flag:before { |
||||||
|
content: "\e088"; |
||||||
|
} |
||||||
|
.icon-heart:before { |
||||||
|
content: "\e08a"; |
||||||
|
} |
||||||
|
.icon-info:before { |
||||||
|
content: "\e08b"; |
||||||
|
} |
||||||
|
.icon-key:before { |
||||||
|
content: "\e08c"; |
||||||
|
} |
||||||
|
.icon-link:before { |
||||||
|
content: "\e08d"; |
||||||
|
} |
||||||
|
.icon-lock:before { |
||||||
|
content: "\e08e"; |
||||||
|
} |
||||||
|
.icon-lock-open:before { |
||||||
|
content: "\e08f"; |
||||||
|
} |
||||||
|
.icon-magnifier:before { |
||||||
|
content: "\e090"; |
||||||
|
} |
||||||
|
.icon-magnifier-add:before { |
||||||
|
content: "\e091"; |
||||||
|
} |
||||||
|
.icon-magnifier-remove:before { |
||||||
|
content: "\e092"; |
||||||
|
} |
||||||
|
.icon-paper-clip:before { |
||||||
|
content: "\e093"; |
||||||
|
} |
||||||
|
.icon-paper-plane:before { |
||||||
|
content: "\e094"; |
||||||
|
} |
||||||
|
.icon-power:before { |
||||||
|
content: "\e097"; |
||||||
|
} |
||||||
|
.icon-refresh:before { |
||||||
|
content: "\e098"; |
||||||
|
} |
||||||
|
.icon-reload:before { |
||||||
|
content: "\e099"; |
||||||
|
} |
||||||
|
.icon-settings:before { |
||||||
|
content: "\e09a"; |
||||||
|
} |
||||||
|
.icon-star:before { |
||||||
|
content: "\e09b"; |
||||||
|
} |
||||||
|
.icon-symble-female:before { |
||||||
|
content: "\e09c"; |
||||||
|
} |
||||||
|
.icon-symbol-male:before { |
||||||
|
content: "\e09d"; |
||||||
|
} |
||||||
|
.icon-target:before { |
||||||
|
content: "\e09e"; |
||||||
|
} |
||||||
|
.icon-credit-card:before { |
||||||
|
content: "\e025"; |
||||||
|
} |
||||||
|
.icon-paypal:before { |
||||||
|
content: "\e608"; |
||||||
|
} |
||||||
|
.icon-social-tumblr:before { |
||||||
|
content: "\e00a"; |
||||||
|
} |
||||||
|
.icon-social-twitter:before { |
||||||
|
content: "\e009"; |
||||||
|
} |
||||||
|
.icon-social-facebook:before { |
||||||
|
content: "\e00b"; |
||||||
|
} |
||||||
|
.icon-social-instagram:before { |
||||||
|
content: "\e609"; |
||||||
|
} |
||||||
|
.icon-social-linkedin:before { |
||||||
|
content: "\e60a"; |
||||||
|
} |
||||||
|
.icon-social-pinterest:before { |
||||||
|
content: "\e60b"; |
||||||
|
} |
||||||
|
.icon-social-github:before { |
||||||
|
content: "\e60c"; |
||||||
|
} |
||||||
|
.icon-social-gplus:before { |
||||||
|
content: "\e60d"; |
||||||
|
} |
||||||
|
.icon-social-reddit:before { |
||||||
|
content: "\e60e"; |
||||||
|
} |
||||||
|
.icon-social-skype:before { |
||||||
|
content: "\e60f"; |
||||||
|
} |
||||||
|
.icon-social-dribbble:before { |
||||||
|
content: "\e00d"; |
||||||
|
} |
||||||
|
.icon-social-behance:before { |
||||||
|
content: "\e610"; |
||||||
|
} |
||||||
|
.icon-social-foursqare:before { |
||||||
|
content: "\e611"; |
||||||
|
} |
||||||
|
.icon-social-soundcloud:before { |
||||||
|
content: "\e612"; |
||||||
|
} |
||||||
|
.icon-social-spotify:before { |
||||||
|
content: "\e613"; |
||||||
|
} |
||||||
|
.icon-social-stumbleupon:before { |
||||||
|
content: "\e614"; |
||||||
|
} |
||||||
|
.icon-social-youtube:before { |
||||||
|
content: "\e008"; |
||||||
|
} |
||||||
|
.icon-social-dropbox:before { |
||||||
|
content: "\e00c"; |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 637 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,7 @@ |
|||||||
|
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. |
||||||
|
|
||||||
|
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. |
||||||
|
|
||||||
|
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. |
||||||
|
|
||||||
|
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection. |
||||||
@ -0,0 +1,153 @@ |
|||||||
|
body { |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
font-family: sans-serif; |
||||||
|
font-size: 1em; |
||||||
|
line-height: 1.5; |
||||||
|
color: #555; |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
h1 { |
||||||
|
font-size: 1.5em; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
small { |
||||||
|
font-size: .66666667em; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: #e74c3c; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
a:hover, a:focus { |
||||||
|
box-shadow: 0 1px #e74c3c; |
||||||
|
} |
||||||
|
.bshadow0, input { |
||||||
|
box-shadow: inset 0 -2px #e7e7e7; |
||||||
|
} |
||||||
|
input:hover { |
||||||
|
box-shadow: inset 0 -2px #ccc; |
||||||
|
} |
||||||
|
input, fieldset { |
||||||
|
font-size: 1em; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
input { |
||||||
|
color: inherit; |
||||||
|
line-height: 1.5; |
||||||
|
height: 1.5em; |
||||||
|
padding: .25em 0; |
||||||
|
} |
||||||
|
input:focus { |
||||||
|
outline: none; |
||||||
|
box-shadow: inset 0 -2px #449fdb; |
||||||
|
} |
||||||
|
.glyph { |
||||||
|
font-size: 16px; |
||||||
|
width: 15em; |
||||||
|
padding-bottom: 1em; |
||||||
|
margin-right: 4em; |
||||||
|
margin-bottom: 1em; |
||||||
|
float: left; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.liga { |
||||||
|
width: 80%; |
||||||
|
width: calc(100% - 2.5em); |
||||||
|
} |
||||||
|
.talign-right { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
.talign-center { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.bgc1 { |
||||||
|
background: #f1f1f1; |
||||||
|
} |
||||||
|
.fgc1 { |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
.fgc0 { |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
p { |
||||||
|
margin-top: 1em; |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
.mvm { |
||||||
|
margin-top: .75em; |
||||||
|
margin-bottom: .75em; |
||||||
|
} |
||||||
|
.mtn { |
||||||
|
margin-top: 0; |
||||||
|
} |
||||||
|
.mtl, .mal { |
||||||
|
margin-top: 1.5em; |
||||||
|
} |
||||||
|
.mbl, .mal { |
||||||
|
margin-bottom: 1.5em; |
||||||
|
} |
||||||
|
.mal, .mhl { |
||||||
|
margin-left: 1.5em; |
||||||
|
margin-right: 1.5em; |
||||||
|
} |
||||||
|
.mhmm { |
||||||
|
margin-left: 1em; |
||||||
|
margin-right: 1em; |
||||||
|
} |
||||||
|
.mls { |
||||||
|
margin-left: .25em; |
||||||
|
} |
||||||
|
.ptl { |
||||||
|
padding-top: 1.5em; |
||||||
|
} |
||||||
|
.pbs, .pvs { |
||||||
|
padding-bottom: .25em; |
||||||
|
} |
||||||
|
.pvs, .pts { |
||||||
|
padding-top: .25em; |
||||||
|
} |
||||||
|
.unit { |
||||||
|
float: left; |
||||||
|
} |
||||||
|
.unitRight { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
.size1of2 { |
||||||
|
width: 50%; |
||||||
|
} |
||||||
|
.size1of1 { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.clearfix:before, .clearfix:after { |
||||||
|
content: " "; |
||||||
|
display: table; |
||||||
|
} |
||||||
|
.clearfix:after { |
||||||
|
clear: both; |
||||||
|
} |
||||||
|
.hidden-true { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.textbox0 { |
||||||
|
width: 3em; |
||||||
|
background: #f1f1f1; |
||||||
|
padding: .25em .5em; |
||||||
|
line-height: 1.5; |
||||||
|
height: 1.5em; |
||||||
|
} |
||||||
|
#testDrive { |
||||||
|
display: block; |
||||||
|
padding-top: 24px; |
||||||
|
line-height: 1.5; |
||||||
|
} |
||||||
|
.fs0 { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.fs1 { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.fs2 { |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
if (!('boxShadow' in document.body.style)) { |
||||||
|
document.body.setAttribute('class', 'noBoxShadow'); |
||||||
|
} |
||||||
|
|
||||||
|
document.body.addEventListener("click", function(e) { |
||||||
|
var target = e.target; |
||||||
|
if (target.tagName === "INPUT" && |
||||||
|
target.getAttribute('class').indexOf('liga') === -1) { |
||||||
|
target.select(); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
(function() { |
||||||
|
var fontSize = document.getElementById('fontSize'), |
||||||
|
testDrive = document.getElementById('testDrive'), |
||||||
|
testText = document.getElementById('testText'); |
||||||
|
function updateTest() { |
||||||
|
testDrive.innerHTML = testText.value || String.fromCharCode(160); |
||||||
|
if (window.icomoonLiga) { |
||||||
|
window.icomoonLiga(testDrive); |
||||||
|
} |
||||||
|
} |
||||||
|
function updateSize() { |
||||||
|
testDrive.style.fontSize = fontSize.value + 'px'; |
||||||
|
} |
||||||
|
fontSize.addEventListener('change', updateSize, false); |
||||||
|
testText.addEventListener('input', updateTest, false); |
||||||
|
testText.addEventListener('change', updateTest, false); |
||||||
|
updateSize(); |
||||||
|
}()); |
||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 637 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 270 KiB |
|
After Width: | Height: | Size: 243 KiB |
|
After Width: | Height: | Size: 274 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 571 KiB |
Loading…
Reference in new issue