css ipad自定义主题 - 我的移动应用程序的起点。 ui元素，易于使用不同的颜色
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css ipad自定义主题 - 我的移动应用程序的起点。 ui元素，易于使用不同的颜色相关的知识，希望对你有一定的参考价值。
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
body{
background-color:#EBEBEB;
font-family: sans-serif;
}
#doc{
background-color:#FFFFFF;
border:1px solid #CACACA;
width: 75%;
min-width:300px;
color: #CCCCCC;
font-family: 'Inconsolata', sans-serif;
font-size:1em;
display: block;
height: 1300px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
margin-bottom:10px;
padding:10px;
color:#aaa;
height:1200px;
}
label {
color: #aaa;
}
input{
background-color:#FFFFFF;
border:1px solid #CACACA;
padding:0.3em;
color:#aaa;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-left:5px;
margin-right:5px;
}
input[type="radio"],
input[type="checkbox"] {
display: none;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
color: #aaa;
font-family: 'icomoon';
font-size: 1em;
padding-right: 5px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
input[type="radio"] + label:before {
content: "\e262"; /* Radio unchecked */
}
input[type="radio"]:checked + label:before {
content: "\e01f";/* Radio checked */
}
input[type="checkbox"] + label:before {
content: "\e2b2"; /* Checkbox unchecked */
}
input[type="checkbox"]:checked + label:before {
content: "\e2b3"; /* Checkbox checked */
}
#header {
position:absolute; z-index:2;
top:0; left:0;
width:100%;
line-height:45px;
background-color: #F5F5F5;
border-bottom:1px solid #E5E5E5;
color:#eee;
-webkit-user-select:none;
-moz-user-select:none;
display: inline-block;
text-align: left;
min-width: 350px;
}
#wrapper {
position:absolute;
z-index:1;
top:45px; bottom:0px; left:0;
width:100%;
/*height:1300px;*/
background:#aaa;
overflow:auto;
}
#scroller {
position:absolute; z-index:1;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
width:100%;
padding:0;
}
#ui-btn-group, #ui-btn-toggles, #ui-btn-click{
list-style-type: none;
line-height: 45px;
margin-left:15px;
margin-right:15px;
display:inline-block;
text-align: left;
}
#ui-btn-group li{
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}
#ui-btn-group li:first-child{
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#ui-btn-group li:last-child{
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.iconbutton{
font-size: 1.5em;
vertical-align: middle;
}
.iconClick{
cursor:pointer;
display: inline-block;
font-size:1.3em;
vertical-align: middle;
color:rgba(0,0,0,0.2);
text-shadow:1px 1px 0 #fff;
padding-left: 7px;
padding-right: 7px;
line-height:1.3em;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.iconClick:hover{
color:rgba(0,0,0,0.2);
text-shadow:1px 1px 0 #fff;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #ebe9e8) );
background:-moz-linear-gradient( center top, #f2f2f2 5%, #ebe9e8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ebe9e8');
background-color:#f2f2f2;
border:1px solid #e8e8e8;
padding-left: 6px;
padding-right: 6px;
}
.iconClick:active{
-moz-box-shadow:inset 0px 3px 10px 5px #545454;
-webkit-box-shadow:inset 0px 3px 10px 5px #545454;
box-shadow:inset 0px 3px 10px 5px #545454;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #737373), color-stop(1, #424242) );
background:-moz-linear-gradient( center top, #737373 5%, #424242 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#424242');
background-color:#737373;
border:1px solid rgba(0,0,0,0.05);
color:#e0e0e0;
text-shadow: rgba(0,0,0,0.3) 1px 1px 10px;
padding-left: 6px;
padding-right: 6px;
}
.iconToggle{
cursor:pointer;
display: inline-block;
font-size:1.5em;
vertical-align: middle;
color:rgba(0,0,0,0.2);
text-shadow:1px 1px 0 #fff;
padding-left: 7px;
padding-right: 7px;
}
.iconToggle:hover{
color:rgba(0,0,0,0.4);
}
.iconToggle.toggled{
color:rgba(0,0,0,0.6);
}
::-moz-selection {
background: #595A5B;
color: #fff;
}
::selection {
background: #595A5B;
color: #fff;
}
.buttonToggle, .buttonClick{
cursor:pointer;
display: inline-block;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #dbd9d8) );
background:-moz-linear-gradient( center top, #e8e8e8 5%, #dbd9d8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#dbd9d8');
background-color:#e8e8e8;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #acaaa8;
font-family: sans-serif;
color:#777777;
text-shadow: 0 1px 1px #fff;
font-size: 0.7em;
letter-spacing: 0.05em;
font-weight: bold;
line-height:2.5em;
padding-left: 10px;
padding-right: 10px;
margin-right: -1px;
}
.buttonToggle.toggled, .buttonClick:active{
-moz-box-shadow:inset 0px 3px 10px 5px #545454;
-webkit-box-shadow:inset 0px 3px 10px 5px #545454;
box-shadow:inset 0px 3px 10px 5px #545454;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #737373), color-stop(1, #424242) );
background:-moz-linear-gradient( center top, #737373 5%, #424242 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#424242');
background-color:#737373;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid rgba(0,0,0,0.05);
display:inline-block;
color:#e0e0e0;
font-family: sans-serif;
font-size: 0.7em;
font-weight: bold;
letter-spacing: 0.05em;
text-shadow: #fff 0 0 40px, #fff 0 0 30px, #3665ff 0 0 30px, #3665ff 0 0 20px, #3665ff 0 0 10px, #3665ff 0px 0px 5px;
line-height:2.5em;
padding-left: 10px;
padding-right: 10px;
margin-right: -1px;
}
function tapped(event) {
var touchable = 'ontouchstart' in document.documentElement;
if((touchable && event.which === 0) || (!touchable && event.which === 1)){
return true;
}
return false;
}
$(document).ready(function() {
var div = $('#header');
var start = $(div).offset().top;
var hh = div.height();
var VIS = {};
VIS.docwidth = $(document).width();
VIS.docheight = $(document).height();
VIS.winwidth = $(window).width();
VIS.winheight = $(window).height();
$('#wrapper').offset({ top: hh});
$(window).resize(function() {
hh = div.height();
if(typeof VIS != 'undefined'){
VIS.docwidth = $(document).width();
VIS.docheight = $(document).height();
VIS.winwidth = $(window).width();
VIS.winheight = $(window).height();
}else
{
var VIS = {};
VIS.docwidth = $(document).width();
VIS.docheight = $(document).height();
VIS.winwidth = $(window).width();
VIS.winheight = $(window).height();
}
$('#wrapper').offset({ top: hh});
});
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
$('.buttonToggle').bind('touchstart click', function(event) {
if(tapped(event)) {
$(this).toggleClass('toggled').siblings().removeClass('toggled');
}
});
$('.iconToggle').bind('touchstart click', function(event) {
if(tapped(event)) {
$(this).toggleClass('toggled').siblings().removeClass('toggled');
}
});
}); <div id="header">
<ul id="ui-btn-group">
<li class="buttonToggle">
Dark</li><li class="buttonToggle">
Light</li><li class="buttonToggle">
Custom</li>
</ul>
<ul id="ui-btn-toggles">
<li class="iconToggle"><span class="box1"><span aria-hidden="true" class="icon-books"></span></span></li>
<li class="iconToggle"><span class="box1"><span aria-hidden="true" class="icon-pen-alt2"></span></span></li>
<li class="iconToggle"><span class="box1"><span aria-hidden="true" class="icon-location"></span></span></li>
<li class="iconToggle"><span class="box1"><span aria-hidden="true" class="icon-search"></span></span></li>
</ul>
<ul id="ui-btn-click">
<li class="iconClick"><span class="box1"><span aria-hidden="true" class="icon-books"></span></span></li>
<li class="iconClick"><span class="box1"><span aria-hidden="true" class="icon-pen-alt2"></span></span></li>
<li class="iconClick"><span class="box1"><span aria-hidden="true" class="icon-location"></span></span></li>
<li class="iconClick"><span class="box1"><span aria-hidden="true" class="icon-search"></span></span></li>
</ul>
<ul id="ui-btn-toggles">
<li class="buttonToggle"><span class="iconbutton"><span aria-hidden="true" class="icon-books"></span></span> Docs</li>
<li class="buttonToggle"><span class="iconbutton"><span aria-hidden="true" class="icon-pen-alt2"></span></span> Edit</li>
<li class="buttonToggle"><span class="iconbutton"><span aria-hidden="true" class="icon-location"></span></span> Mark</li>
<li class="buttonToggle"><span class="iconbutton"><span aria-hidden="true" class="icon-search"></span></span> Search</li>
</ul>
<ul id="ui-btn-click">
<li class="buttonClick"><span class="iconbutton"><span aria-hidden="true" class="icon-books"></span></span> Docs</li>
<li class="buttonClick"><span class="iconbutton"><span aria-hidden="true" class="icon-pen-alt2"></span></span> Edit</li>
<li class="buttonClick"><span class="iconbutton"><span aria-hidden="true" class="icon-location"></span></span> Mark</li>
<li class="buttonClick"><span class="iconbutton"><span aria-hidden="true" class="icon-search"></span></span> Search</li>
</ul>
<input type="text">
<input type="radio" name="choose" id="radio-one">
<label for="radio-one">Radio 1</label>
<input type="checkbox" id="check-one">
<label for="check-one">Checkbox 1</label>
<input class="buttonClick" value="Input Element" type="submit"></input>
<button class="buttonClick" id="save">Button Element</button>
</div>
<div id="wrapper">
<div id="scroller" >
<div id="doc" contenteditable="true">
</div>
</div>
</div>@font-face {
font-family: 'icomoon';
src:url('https://dl.dropboxusercontent.com/u/97182346/src/fonts/icomoon.eot');
src:url('https://dl.dropboxusercontent.com/u/97182346/src/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/97182346/src/fonts/icomoon.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/97182346/src/fonts/icomoon.ttf') format('truetype'),
url('https://dl.dropboxusercontent.com/u/97182346/src/fonts/icomoon.dev.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* 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 selector below, but it's slower:
[class*="icon-"] {
*/
.icon-file-pdf, .icon-file-word, .icon-file-excel, .icon-warning, .icon-cloud, .icon-locked, .icon-inbox, .icon-comment, .icon-mic, .icon-briefcase, .icon-cart, .icon-contrast, .icon-clock, .icon-user, .icon-cog, .icon-music, .icon-twitter, .icon-pencil, .icon-frame, .icon-switch, .icon-star, .icon-key, .icon-chart, .icon-apple, .icon-file, .icon-plus, .icon-minus, .icon-picture, .icon-folder, .icon-camera, .icon-dribbble, .icon-forrst, .icon-feed, .icon-blocked, .icon-target, .icon-play, .icon-pause, .icon-bug, .icon-console, .icon-film, .icon-type, .icon-home, .icon-earth, .icon-location, .icon-info, .icon-eye, .icon-heart, .icon-bookmark, .icon-wrench, .icon-calendar, .icon-window, .icon-monitor, .icon-mobile, .icon-droplet, .icon-mouse, .icon-refresh, .icon-location-2, .icon-tag, .icon-phone, .icon-star-2, .icon-pointer, .icon-thumbs-up, .icon-thumbs-down, .icon-headphones, .icon-move, .icon-checkmark, .icon-cancel, .icon-skype, .icon-gift, .icon-cone, .icon-alarm, .icon-coffee, .icon-basket, .icon-flag, .icon-ipod, .icon-bolt, .icon-ampersand, .icon-compass, .icon-list, .icon-grid, .icon-volume, .icon-volume-2, .icon-stats, .icon-target-2, .icon-forward, .icon-paperclip, .icon-keyboard, .icon-crop, .icon-floppy, .icon-filter, .icon-diary, .icon-address-book, .icon-stop, .icon-smiley, .icon-trophy, .icon-search, .icon-envelope, .icon-shit, .icon-bookmark-2, .icon-camera-2, .icon-lamp, .icon-disk, .icon-button, .icon-database, .icon-credit-card, .icon-atom, .icon-winsows, .icon-target-3, .icon-battery, .icon-code, .icon-trashcan, .icon-chat, .icon-chat-alt-stroke, .icon-chat-alt-fill, .icon-comment-alt1-stroke, .icon-comment-alt1-fill, .icon-comment-stroke, .icon-comment-fill, .icon-comment-alt2-stroke, .icon-comment-alt2-fill, .icon-checkmark-2, .icon-check-alt, .icon-x-altx-alt, .icon-denied, .icon-cursor, .icon-rss, .icon-rss-alt, .icon-wrench-2, .icon-dial, .icon-cog-2, .icon-calendar-2, .icon-calendar-alt-stroke, .icon-calendar-alt-fill, .icon-share, .icon-mail, .icon-heart-stroke, .icon-heart-fill, .icon-movie, .icon-document-alt-stroke, .icon-document-alt-fill, .icon-document-stroke, .icon-document-fill, .icon-plus-2, .icon-plus-alt, .icon-minus-2, .icon-minus-alt, .icon-pin, .icon-link, .icon-bolt-2, .icon-move-2, .icon-move-alt1, .icon-move-alt2, .icon-equalizer, .icon-award-fill, .icon-award-stroke, .icon-magnifying-glass, .icon-trash-stroke, .icon-trash-fill, .icon-beaker-alt, .icon-beaker, .icon-key-stroke, .icon-key-fill, .icon-new-window, .icon-lightbulb, .icon-spin-alt, .icon-spin, .icon-curved-arrow, .icon-undo, .icon-reload, .icon-reload-alt, .icon-loop, .icon-loop-alt1, .icon-loop-alt2, .icon-loop-alt3, .icon-loop-alt4, .icon-transfer, .icon-move-vertical, .icon-move-vertical-alt1, .icon-move-vertical-alt2, .icon-move-horizontal, .icon-move-horizontal-alt1, .icon-move-horizontal-alt2, .icon-arrow-left, .icon-arrow-left-alt1, .icon-arrow-left-alt2, .icon-arrow-right, .icon-arrow-right-alt1, .icon-arrow-right-alt2, .icon-arrow-up, .icon-arrow-up-alt1, .icon-arrow-up-alt2, .icon-arrow-down, .icon-arrow-down-alt1, .icon-arrow-down-alt2, .icon-cd, .icon-steering-wheel, .icon-microphone, .icon-headphones-2, .icon-volume-3, .icon-volume-mute, .icon-play-2, .icon-pause-2, .icon-stop-2, .icon-eject, .icon-first, .icon-last, .icon-play-alt, .icon-fullscreen-exit, .icon-fullscreen-exit-alt, .icon-fullscreen, .icon-fullscreen-alt, .icon-iphone, .icon-battery-empty, .icon-battery-half, .icon-battery-full, .icon-battery-charging, .icon-compass-2, .icon-box, .icon-folder-stroke, .icon-folder-fill, .icon-at, .icon-ampersand-2, .icon-info-2, .icon-question-mark, .icon-pilcrow, .icon-hash, .icon-left-quote, .icon-right-quote, .icon-left-quote-alt, .icon-right-quote-alt, .icon-article, .icon-read-more, .icon-list-2, .icon-list-nested, .icon-book, .icon-book-alt, .icon-book-alt2, .icon-pen, .icon-pen-alt-stroke, .icon-pen-alt-fill, .icon-brush, .icon-brush-alt, .icon-eyedropper, .icon-layers-alt, .icon-layers, .icon-image, .icon-camera-3, .icon-aperture, .icon-aperture-alt, .icon-chart-2, .icon-chart-alt, .icon-bars, .icon-bars-alt, .icon-eye-2, .icon-user-2, .icon-home-2, .icon-clock-2, .icon-lock-stroke, .icon-lock-fill, .icon-unlock-stroke, .icon-unlock-fill, .icon-tag-stroke, .icon-tag-fill, .icon-sun-stroke, .icon-sun-fill, .icon-moon-stroke, .icon-moon-fill, .icon-cloud-2, .icon-rain, .icon-umbrella, .icon-star-3, .icon-map-pin-stroke, .icon-map-pin-fill, .icon-map-pin-alt, .icon-target-4, .icon-download, .icon-upload, .icon-cloud-download, .icon-cloud-upload, .icon-fork, .icon-pen-alt2, .icon-x, .icon-paperclip-2, .icon-home-3, .icon-home-4, .icon-office, .icon-newspaper, .icon-pencil-2, .icon-pencil-3, .icon-quill, .icon-pen-2, .icon-blog, .icon-droplet-2, .icon-image-2, .icon-images, .icon-camera-4, .icon-music-2, .icon-headphones-3, .icon-play-3, .icon-camera-5, .icon-dice, .icon-pacman, .icon-spades, .icon-clubs, .icon-diamonds, .icon-pawn, .icon-bullhorn, .icon-connection, .icon-podcast, .icon-feed-2, .icon-book-2, .icon-library, .icon-file-2, .icon-profile, .icon-file-3, .icon-file-4, .icon-copy, .icon-copy-2, .icon-paste, .icon-paste-2, .icon-stack, .icon-folder-2, .icon-folder-open, .icon-tag-2, .icon-tags, .icon-barcode, .icon-qrcode, .icon-ticket, .icon-cart-2, .icon-cart-3, .icon-cart-4, .icon-coin, .icon-credit, .icon-calculate, .icon-support, .icon-phone-2, .icon-phone-hang-up, .icon-address-book-2, .icon-notebook, .icon-envelop, .icon-pushpin, .icon-location-3, .icon-compass-3, .icon-map, .icon-map-2, .icon-history, .icon-clock-3, .icon-clock-4, .icon-alarm-2, .icon-alarm-3, .icon-bell, .icon-stopwatch, .icon-calendar-3, .icon-calendar-4, .icon-print, .icon-keyboard-2, .icon-screen, .icon-laptop, .icon-mobile-2, .icon-mobile-3, .icon-tablet, .icon-tv, .icon-cabinet, .icon-drawer, .icon-drawer-2, .icon-drawer-3, .icon-box-add, .icon-box-remove, .icon-download-2, .icon-upload-2, .icon-storage, .icon-undo-2, .icon-redo, .icon-flip, .icon-flip-2, .icon-forward-2, .icon-reply, .icon-bubble, .icon-bubbles, .icon-bubbles-2, .icon-bubble-2, .icon-bubbles-3, .icon-bubbles-4, .icon-user-3, .icon-users, .icon-user-4, .icon-users-2, .icon-user-5, .icon-user-6, .icon-quotes-left, .icon-busy, .icon-spinner, .icon-spinner-2, .icon-spinner-3, .icon-spinner-4, .icon-spinner-5, .icon-spinner-6, .icon-binoculars, .icon-search-2, .icon-zoom-in, .icon-zoom-out, .icon-expand, .icon-contract, .icon-key-2, .icon-key-3, .icon-lock, .icon-lock-2, .icon-unlocked, .icon-wrench-3, .icon-settings, .icon-equalizer-2, .icon-cog-3, .icon-cogs, .icon-hammer, .icon-wand, .icon-aid, .icon-bug-2, .icon-pie, .icon-stats-2, .icon-bars-2, .icon-bars-3, .icon-gift-2, .icon-trophy-2, .icon-glass, .icon-mug, .icon-food, .icon-leaf, .icon-rocket, .icon-meter, .icon-meter2, .icon-dashboard, .icon-hammer-2, .icon-fire, .icon-lab, .icon-magnet, .icon-remove, .icon-remove-2, .icon-briefcase-2, .icon-airplane, .icon-truck, .icon-road, .icon-accessibility, .icon-target-5, .icon-shield, .icon-lightning, .icon-power-cord, .icon-signup, .icon-list-3, .icon-list-4, .icon-numbered-list, .icon-menu, .icon-menu-2, .icon-tree, .icon-cloud-3, .icon-download-3, .icon-image-3, .icon-books, .icon-paint-format, .icon-location-4, .icon-undo-3, .icon-disk-2, .icon-file-5, .icon-copy-3, .icon-film-2, .icon-home-5, .icon-paste-3, .icon-redo-2, .icon-cog-4, .icon-switch-2, .icon-upload-3, .icon-globe, .icon-earth-2, .icon-link-2, .icon-flag-2, .icon-eye-3, .icon-eye-blocked, .icon-eye-4, .icon-bookmark-3, .icon-bookmarks, .icon-brightness-medium, .icon-brightness-contrast, .icon-contrast-2, .icon-star-4, .icon-star-5, .icon-star-6, .icon-cloud-download-2, .icon-cloud-upload-2, .icon-expand-2, .icon-attachment, .icon-download-4, .icon-upload-4, .icon-contract-2, .icon-heart-2, .icon-heart-3, .icon-heart-broken, .icon-thumbs-up-2, .icon-thumbs-up-3, .icon-happy, .icon-happy-2, .icon-smiley-2, .icon-smiley-3, .icon-tongue, .icon-tongue-2, .icon-sad, .icon-sad-2, .icon-wink, .icon-wink-2, .icon-grin, .icon-grin-2, .icon-cool, .icon-cool-2, .icon-angry, .icon-angry-2, .icon-evil, .icon-evil-2, .icon-shocked, .icon-shocked-2, .icon-confused, .icon-confused-2, .icon-neutral, .icon-neutral-2, .icon-wondering, .icon-wondering-2, .icon-point-up, .icon-point-right, .icon-point-down, .icon-point-left, .icon-warning-2, .icon-notification, .icon-question, .icon-info-3, .icon-info-4, .icon-blocked-2, .icon-cancel-circle, .icon-checkmark-circle, .icon-spam, .icon-close, .icon-checkmark-3, .icon-checkmark-4, .icon-spell-check, .icon-exit, .icon-play-4, .icon-pause-3, .icon-stop-3, .icon-backward, .icon-forward-3, .icon-play-5, .icon-pause-4, .icon-stop-4, .icon-backward-2, .icon-forward-4, .icon-first-2, .icon-last-2, .icon-previous, .icon-next, .icon-eject-2, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute-2, .icon-volume-mute-3, .icon-volume-increase, .icon-volume-decrease, .icon-loop-2, .icon-minus-3, .icon-plus-3, .icon-enter, .icon-loop-3, .icon-shuffle, .icon-arrow-up-left, .icon-arrow-up-2, .icon-arrow-up-right, .icon-arrow-right-2, .icon-arrow-down-right, .icon-arrow-down-2, .icon-arrow-down-left, .icon-arrow-left-2, .icon-arrow-up-left-2, .icon-arrow-up-3, .icon-arrow-up-right-2, .icon-arrow-right-3, .icon-arrow-down-right-2, .icon-arrow-down-3, .icon-arrow-down-left-2, .icon-arrow-left-3, .icon-arrow-up-left-3, .icon-loop-4, .icon-arrow-up-4, .icon-arrow-up-right-3, .icon-arrow-right-4, .icon-arrow-down-right-3, .icon-arrow-down-4, .icon-arrow-down-left-3, .icon-arrow-left-4, .icon-tab, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked, .icon-crop-2, .icon-scissors, .icon-filter-2, .icon-filter-3, .icon-font, .icon-strikethrough, .icon-omega, .icon-sigma, .icon-table, .icon-table-2, .icon-insert-template, .icon-left-to-right, .icon-right-to-left, .icon-paragraph-left, .icon-paragraph-center, .icon-paragraph-right, .icon-paragraph-justify, .icon-indent-increase, .icon-indent-decrease, .icon-new-tab, .icon-embed, .icon-code-2, .icon-console-2, .icon-share-2, .icon-mail-2, .icon-mail-3, .icon-mail-4, .icon-mail-5, .icon-google, .icon-google-plus, .icon-google-plus-2, .icon-google-plus-3, .icon-google-plus-4, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-instagram, .icon-twitter-2, .icon-twitter-3, .icon-twitter-4, .icon-feed-3, .icon-feed-4, .icon-feed-5, .icon-youtube, .icon-youtube-2, .icon-vimeo, .icon-vimeo2, .icon-vimeo-2, .icon-lanyrd, .icon-flickr, .icon-flickr-2, .icon-flickr-3, .icon-flickr-4, .icon-picassa, .icon-picassa-2, .icon-dribbble-2, .icon-dribbble-3, .icon-dribbble-4, .icon-forrst-2, .icon-forrst-3, .icon-deviantart, .icon-deviantart-2, .icon-steam, .icon-steam-2, .icon-github, .icon-github-2, .icon-github-3, .icon-github-4, .icon-github-5, .icon-wordpress, .icon-wordpress-2, .icon-joomla, .icon-blogger, .icon-blogger-2, .icon-tumblr, .icon-tumblr-2, .icon-yahoo, .icon-tux, .icon-apple-2, .icon-finder, .icon-android, .icon-windows, .icon-windows8, .icon-soundcloud, .icon-soundcloud-2, .icon-skype-2, .icon-reddit, .icon-linkedin, .icon-lastfm, .icon-lastfm-2, .icon-checkbox-unchecked, .icon-checkbox-checked, .icon-text-width, .icon-bold, .icon-underline, .icon-italic, .icon-pilcrow-2, .icon-paragraph-left-2, .icon-paragraph-center-2, .icon-paragraph-right-2, .icon-paragraph-justify-2, .icon-google-drive, .icon-text-height, .icon-delicious, .icon-stumbleupon, .icon-stumbleupon-2, .icon-stackoverflow, .icon-pinterest, .icon-pinterest-2, .icon-xing, .icon-xing-2, .icon-flattr, .icon-foursquare, .icon-foursquare-2, .icon-paypal, .icon-paypal-2, .icon-paypal-3, .icon-yelp, .icon-libreoffice, .icon-file-openoffice, .icon-file-zip, .icon-file-powerpoint, .icon-html5, .icon-html5-2, .icon-css3, .icon-chrome, .icon-firefox, .icon-IE, .icon-opera, .icon-safari, .icon-IcoMoon, .icon-file-xml, .icon-file-css {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/*line-height: 1;*/
-webkit-font-smoothing: antialiased;
}
.icon-file-pdf:before {
content: "\e019";
}
.icon-file-word:before {
content: "\e01a";
}
.icon-file-excel:before {
content: "\e01b";
}
.icon-warning:before {
content: "\e030";
}
.icon-cloud:before {
content: "\e031";
}
.icon-locked:before {
content: "\e032";
}
.icon-inbox:before {
content: "\e033";
}
.icon-comment:before {
content: "\e034";
}
.icon-mic:before {
content: "\e035";
}
.icon-briefcase:before {
content: "\e00a";
}
.icon-cart:before {
content: "\e036";
}
.icon-contrast:before {
content: "\e037";
}
.icon-clock:before {
content: "\e038";
}
.icon-user:before {
content: "\e039";
}
.icon-cog:before {
content: "\e03a";
}
.icon-music:before {
content: "\e03b";
}
.icon-twitter:before {
content: "\e03c";
}
.icon-pencil:before {
content: "\e03d";
}
.icon-frame:before {
content: "\e03e";
}
.icon-switch:before {
content: "\e03f";
}
.icon-star:before {
content: "\e040";
}
.icon-key:before {
content: "\e041";
}
.icon-chart:before {
content: "\e042";
}
.icon-apple:before {
content: "\e043";
}
.icon-file:before {
content: "\e044";
}
.icon-plus:before {
content: "\e045";
}
.icon-minus:before {
content: "\e046";
}
.icon-picture:before {
content: "\e047";
}
.icon-folder:before {
content: "\e048";
}
.icon-camera:before {
content: "\e049";
}
.icon-dribbble:before {
content: "\e00f";
}
.icon-forrst:before {
content: "\e04a";
}
.icon-feed:before {
content: "\e04b";
}
.icon-blocked:before {
content: "\e04c";
}
.icon-target:before {
content: "\e04d";
}
.icon-play:before {
content: "\e04e";
}
.icon-pause:before {
content: "\e04f";
}
.icon-bug:before {
content: "\e050";
}
.icon-console:before {
content: "\e051";
}
.icon-film:before {
content: "\e052";
}
.icon-type:before {
content: "\e053";
}
.icon-home:before {
content: "\e054";
}
.icon-earth:before {
content: "\e055";
}
.icon-location:before {
content: "\e056";
}
.icon-info:before {
content: "\e057";
}
.icon-eye:before {
content: "\e058";
}
.icon-heart:before {
content: "\e059";
}
.icon-bookmark:before {
content: "\e05a";
}
.icon-wrench:before {
content: "\e05b";
}
.icon-calendar:before {
content: "\e05c";
}
.icon-window:before {
content: "\e05d";
}
.icon-monitor:before {
content: "\e05e";
}
.icon-mobile:before {
content: "\e05f";
}
.icon-droplet:before {
content: "\e060";
}
.icon-mouse:before {
content: "\e061";
}
.icon-refresh:before {
content: "\e062";
}
.icon-location-2:before {
content: "\e063";
}
.icon-tag:before {
content: "\e064";
}
.icon-phone:before {
content: "\e065";
}
.icon-star-2:before {
content: "\e066";
}
.icon-pointer:before {
content: "\e067";
}
.icon-thumbs-up:before {
content: "\e068";
}
.icon-thumbs-down:before {
content: "\e069";
}
.icon-headphones:before {
content: "\e06a";
}
.icon-move:before {
content: "\e06b";
}
.icon-checkmark:before {
content: "\e06c";
}
.icon-cancel:before {
content: "\e06d";
}
.icon-skype:before {
content: "\e06e";
}
.icon-gift:before {
content: "\e06f";
}
.icon-cone:before {
content: "\e070";
}
.icon-alarm:before {
content: "\e071";
}
.icon-coffee:before {
content: "\e072";
}
.icon-basket:before {
content: "\e073";
}
.icon-flag:before {
content: "\e074";
}
.icon-ipod:before {
content: "\e075";
}
.icon-bolt:before {
content: "\e00b";
}
.icon-ampersand:before {
content: "\e076";
}
.icon-compass:before {
content: "\e077";
}
.icon-list:before {
content: "\e078";
}
.icon-grid:before {
content: "\e079";
}
.icon-volume:before {
content: "\e07a";
}
.icon-volume-2:before {
content: "\e07b";
}
.icon-stats:before {
content: "\e07c";
}
.icon-target-2:before {
content: "\e07d";
}
.icon-forward:before {
content: "\e07e";
}
.icon-paperclip:before {
content: "\e07f";
}
.icon-keyboard:before {
content: "\e080";
}
.icon-crop:before {
content: "\e081";
}
.icon-floppy:before {
content: "\e082";
}
.icon-filter:before {
content: "\e083";
}
.icon-diary:before {
content: "\e085";
}
.icon-address-book:before {
content: "\e086";
}
.icon-stop:before {
content: "\e087";
}
.icon-smiley:before {
content: "\e088";
}
.icon-trophy:before {
content: "\e084";
}
.icon-search:before {
content: "\e089";
}
.icon-envelope:before {
content: "\e08a";
}
.icon-shit:before {
content: "\e08b";
}
.icon-bookmark-2:before {
content: "\e08c";
}
.icon-camera-2:before {
content: "\e08d";
}
.icon-lamp:before {
content: "\e08e";
}
.icon-disk:before {
content: "\e08f";
}
.icon-button:before {
content: "\e090";
}
.icon-database:before {
content: "\e091";
}
.icon-credit-card:before {
content: "\e092";
}
.icon-atom:before {
content: "\e093";
}
.icon-winsows:before {
content: "\e094";
}
.icon-target-3:before {
content: "\e095";
}
.icon-battery:before {
content: "\e096";
}
.icon-code:before {
content: "\e097";
}
.icon-trashcan:before {
content: "\e098";
}
.icon-chat:before {
content: "\e099";
}
.icon-chat-alt-stroke:before {
content: "\e09a";
}
.icon-chat-alt-fill:before {
content: "\e09b";
}
.icon-comment-alt1-stroke:before {
content: "\e09c";
}
.icon-comment-alt1-fill:before {
content: "\e09d";
}
.icon-comment-stroke:before {
content: "\e09e";
}
.icon-comment-fill:before {
content: "\e09f";
}
.icon-comment-alt2-stroke:before {
content: "\e0a0";
}
.icon-comment-alt2-fill:before {
content: "\e0a1";
}
.icon-checkmark-2:before {
content: "\e0a2";
}
.icon-check-alt:before {
content: "\e0a3";
}
.icon-x-altx-alt:before {
content: "\e00c";
}
.icon-denied:before {
content: "\e0a4";
}
.icon-cursor:before {
content: "\e0a5";
}
.icon-rss:before {
content: "\e0a6";
}
.icon-rss-alt:before {
content: "\e0a7";
}
.icon-wrench-2:before {
content: "\e0a8";
}
.icon-dial:before {
content: "\e0a9";
}
.icon-cog-2:before {
content: "\e0aa";
}
.icon-calendar-2:before {
content: "\e0ab";
}
.icon-calendar-alt-stroke:before {
content: "\e0ac";
}
.icon-calendar-alt-fill:before {
content: "\e0ad";
}
.icon-share:before {
content: "\e0ae";
}
.icon-mail:before {
content: "\e0af";
}
.icon-heart-stroke:before {
content: "\e0b0";
}
.icon-heart-fill:before {
content: "\e0b1";
}
.icon-movie:before {
content: "\e0b2";
}
.icon-document-alt-stroke:before {
content: "\e0b3";
}
.icon-document-alt-fill:before {
content: "\e0b4";
}
.icon-document-stroke:before {
content: "\e0b5";
}
.icon-document-fill:before {
content: "\e0b6";
}
.icon-plus-2:before {
content: "\e0b7";
}
.icon-plus-alt:before {
content: "\e0b8";
}
.icon-minus-2:before {
content: "\e0b9";
}
.icon-minus-alt:before {
content: "\e0ba";
}
.icon-pin:before {
content: "\e0bb";
}
.icon-link:before {
content: "\e0bc";
}
.icon-bolt-2:before {
content: "\e0bd";
}
.icon-move-2:before {
content: "\e0be";
}
.icon-move-alt1:before {
content: "\e0bf";
}
.icon-move-alt2:before {
content: "\e0c0";
}
.icon-equalizer:before {
content: "\e0c1";
}
.icon-award-fill:before {
content: "\e0c2";
}
.icon-award-stroke:before {
content: "\e0c3";
}
.icon-magnifying-glass:before {
content: "\e0c4";
}
.icon-trash-stroke:before {
content: "\e0c5";
}
.icon-trash-fill:before {
content: "\e0c6";
}
.icon-beaker-alt:before {
content: "\e0c7";
}
.icon-beaker:before {
content: "\e0c8";
}
.icon-key-stroke:before {
content: "\e0c9";
}
.icon-key-fill:before {
content: "\e0ca";
}
.icon-new-window:before {
content: "\e0cb";
}
.icon-lightbulb:before {
content: "\e0cc";
}
.icon-spin-alt:before {
content: "\e0cd";
}
.icon-spin:before {
content: "\e0ce";
}
.icon-curved-arrow:before {
content: "\e0cf";
}
.icon-undo:before {
content: "\e0d0";
}
.icon-reload:before {
content: "\e0d1";
}
.icon-reload-alt:before {
content: "\e0d2";
}
.icon-loop:before {
content: "\e0d3";
}
.icon-loop-alt1:before {
content: "\e0d4";
}
.icon-loop-alt2:before {
content: "\e0d5";
}
.icon-loop-alt3:before {
content: "\e0d6";
}
.icon-loop-alt4:before {
content: "\e0d7";
}
.icon-transfer:before {
content: "\e0d8";
}
.icon-move-vertical:before {
content: "\e0d9";
}
.icon-move-vertical-alt1:before {
content: "\e0da";
}
.icon-move-vertical-alt2:before {
content: "\e0db";
}
.icon-move-horizontal:before {
content: "\e0dc";
}
.icon-move-horizontal-alt1:before {
content: "\e0dd";
}
.icon-move-horizontal-alt2:before {
content: "\e0de";
}
.icon-arrow-left:before {
content: "\e0df";
}
.icon-arrow-left-alt1:before {
content: "\e0e0";
}
.icon-arrow-left-alt2:before {
content: "\e0e1";
}
.icon-arrow-right:before {
content: "\e0e2";
}
.icon-arrow-right-alt1:before {
content: "\e0e3";
}
.icon-arrow-right-alt2:before {
content: "\e0e4";
}
.icon-arrow-up:before {
content: "\e0e5";
}
.icon-arrow-up-alt1:before {
content: "\e0e6";
}
.icon-arrow-up-alt2:before {
content: "\e0e7";
}
.icon-arrow-down:before {
content: "\e0e8";
}
.icon-arrow-down-alt1:before {
content: "\e0e9";
}
.icon-arrow-down-alt2:before {
content: "\e0ea";
}
.icon-cd:before {
content: "\e0eb";
}
.icon-steering-wheel:before {
content: "\e0ec";
}
.icon-microphone:before {
content: "\e0ed";
}
.icon-headphones-2:before {
content: "\e0ee";
}
.icon-volume-3:before {
content: "\e0ef";
}
.icon-volume-mute:before {
content: "\e0f0";
}
.icon-play-2:before {
content: "\e0f1";
}
.icon-pause-2:before {
content: "\e0f2";
}
.icon-stop-2:before {
content: "\e0f3";
}
.icon-eject:before {
content: "\e0f4";
}
.icon-first:before {
content: "\e0f5";
}
.icon-last:before {
content: "\e0f6";
}
.icon-play-alt:before {
content: "\e0f7";
}
.icon-fullscreen-exit:before {
content: "\e0f8";
}
.icon-fullscreen-exit-alt:before {
content: "\e0f9";
}
.icon-fullscreen:before {
content: "\e0fa";
}
.icon-fullscreen-alt:before {
content: "\e0fb";
}
.icon-iphone:before {
content: "\e0fc";
}
.icon-battery-empty:before {
content: "\e0fd";
}
.icon-battery-half:before {
content: "\e0fe";
}
.icon-battery-full:before {
content: "\e0ff";
}
.icon-battery-charging:before {
content: "\e100";
}
.icon-compass-2:before {
content: "\e101";
}
.icon-box:before {
content: "\e102";
}
.icon-folder-stroke:before {
content: "\e103";
}
.icon-folder-fill:before {
content: "\e104";
}
.icon-at:before {
content: "\e105";
}
.icon-ampersand-2:before {
content: "\e106";
}
.icon-info-2:before {
content: "\e107";
}
.icon-question-mark:before {
content: "\e108";
}
.icon-pilcrow:before {
content: "\e109";
}
.icon-hash:before {
content: "\e10a";
}
.icon-left-quote:before {
content: "\e10b";
}
.icon-right-quote:before {
content: "\e10c";
}
.icon-left-quote-alt:before {
content: "\e10d";
}
.icon-right-quote-alt:before {
content: "\e10e";
}
.icon-article:before {
content: "\e10f";
}
.icon-read-more:before {
content: "\e110";
}
.icon-list-2:before {
content: "\e111";
}
.icon-list-nested:before {
content: "\e112";
}
.icon-book:before {
content: "\e113";
}
.icon-book-alt:before {
content: "\e114";
}
.icon-book-alt2:before {
content: "\e115";
}
.icon-pen:before {
content: "\e116";
}
.icon-pen-alt-stroke:before {
content: "\e117";
}
.icon-pen-alt-fill:before {
content: "\e118";
}
.icon-brush:before {
content: "\e001";
}
.icon-brush-alt:before {
content: "\e119";
}
.icon-eyedropper:before {
content: "\e11a";
}
.icon-layers-alt:before {
content: "\e11b";
}
.icon-layers:before {
content: "\e11c";
}
.icon-image:before {
content: "\e11d";
}
.icon-camera-3:before {
content: "\e11e";
}
.icon-aperture:before {
content: "\e11f";
}
.icon-aperture-alt:before {
content: "\e120";
}
.icon-chart-2:before {
content: "\e121";
}
.icon-chart-alt:before {
content: "\e122";
}
.icon-bars:before {
content: "\e123";
}
.icon-bars-alt:before {
content: "\e124";
}
.icon-eye-2:before {
content: "\e125";
}
.icon-user-2:before {
content: "\e126";
}
.icon-home-2:before {
content: "\e127";
}
.icon-clock-2:before {
content: "\e128";
}
.icon-lock-stroke:before {
content: "\e129";
}
.icon-lock-fill:before {
content: "\e12a";
}
.icon-unlock-stroke:before {
content: "\e12b";
}
.icon-unlock-fill:before {
content: "\e12c";
}
.icon-tag-stroke:before {
content: "\e12d";
}
.icon-tag-fill:before {
content: "\e12e";
}
.icon-sun-stroke:before {
content: "\e12f";
}
.icon-sun-fill:before {
content: "\e130";
}
.icon-moon-stroke:before {
content: "\e131";
}
.icon-moon-fill:before {
content: "\e132";
}
.icon-cloud-2:before {
content: "\e133";
}
.icon-rain:before {
content: "\e134";
}
.icon-umbrella:before {
content: "\e135";
}
.icon-star-3:before {
content: "\e136";
}
.icon-map-pin-stroke:before {
content: "\e137";
}
.icon-map-pin-fill:before {
content: "\e138";
}
.icon-map-pin-alt:before {
content: "\e139";
}
.icon-target-4:before {
content: "\e13a";
}
.icon-download:before {
content: "\e13b";
}
.icon-upload:before {
content: "\e13c";
}
.icon-cloud-download:before {
content: "\e13d";
}
.icon-cloud-upload:before {
content: "\e13e";
}
.icon-fork:before {
content: "\e13f";
}
.icon-pen-alt2:before {
content: "\e140";
}
.icon-x:before {
content: "\e141";
}
.icon-paperclip-2:before {
content: "\e142";
}
.icon-home-3:before {
content: "\e000";
}
.icon-home-4:before {
content: "\e143";
}
.icon-office:before {
content: "\e144";
}
.icon-newspaper:before {
content: "\e145";
}
.icon-pencil-2:before {
content: "\e146";
}
.icon-pencil-3:before {
content: "\e147";
}
.icon-quill:before {
content: "\e148";
}
.icon-pen-2:before {
content: "\e149";
}
.icon-blog:before {
content: "\e14a";
}
.icon-droplet-2:before {
content: "\e14b";
}
.icon-image-2:before {
content: "\e002";
}
.icon-images:before {
content: "\e003";
}
.icon-camera-4:before {
content: "\e14c";
}
.icon-music-2:before {
content: "\e14d";
}
.icon-headphones-3:before {
content: "\e14e";
}
.icon-play-3:before {
content: "\e14f";
}
.icon-camera-5:before {
content: "\e004";
}
.icon-dice:before {
content: "\e150";
}
.icon-pacman:before {
content: "\e151";
}
.icon-spades:before {
content: "\e152";
}
.icon-clubs:before {
content: "\e153";
}
.icon-diamonds:before {
content: "\e154";
}
.icon-pawn:before {
content: "\e155";
}
.icon-bullhorn:before {
content: "\e156";
}
.icon-connection:before {
content: "\e157";
}
.icon-podcast:before {
content: "\e158";
}
.icon-feed-2:before {
content: "\e159";
}
.icon-book-2:before {
content: "\e15a";
}
.icon-library:before {
content: "\e005";
}
.icon-file-2:before {
content: "\e15b";
}
.icon-profile:before {
content: "\e15c";
}
.icon-file-3:before {
content: "\e15d";
}
.icon-file-4:before {
content: "\e15e";
}
.icon-copy:before {
content: "\e006";
}
.icon-copy-2:before {
content: "\e007";
}
.icon-paste:before {
content: "\e15f";
}
.icon-paste-2:before {
content: "\e160";
}
.icon-stack:before {
content: "\e008";
}
.icon-folder-2:before {
content: "\e161";
}
.icon-folder-open:before {
content: "\e162";
}
.icon-tag-2:before {
content: "\e163";
}
.icon-tags:before {
content: "\e164";
}
.icon-barcode:before {
content: "\e165";
}
.icon-qrcode:before {
content: "\e166";
}
.icon-ticket:before {
content: "\e167";
}
.icon-cart-2:before {
content: "\e168";
}
.icon-cart-3:before {
content: "\e169";
}
.icon-cart-4:before {
content: "\e16a";
}
.icon-coin:before {
content: "\e16b";
}
.icon-credit:before {
content: "\e16c";
}
.icon-calculate:before {
content: "\e16d";
}
.icon-support:before {
content: "\e16e";
}
.icon-phone-2:before {
content: "\e16f";
}
.icon-phone-hang-up:before {
content: "\e170";
}
.icon-address-book-2:before {
content: "\e171";
}
.icon-notebook:before {
content: "\e172";
}
.icon-envelop:before {
content: "\e173";
}
.icon-pushpin:before {
content: "\e174";
}
.icon-location-3:before {
content: "\e175";
}
.icon-compass-3:before {
content: "\e009";
}
.icon-map:before {
content: "\e176";
}
.icon-map-2:before {
content: "\e177";
}
.icon-history:before {
content: "\e178";
}
.icon-clock-3:before {
content: "\e179";
}
.icon-clock-4:before {
content: "\e17a";
}
.icon-alarm-2:before {
content: "\e17b";
}
.icon-alarm-3:before {
content: "\e17c";
}
.icon-bell:before {
content: "\e17d";
}
.icon-stopwatch:before {
content: "\e17e";
}
.icon-calendar-3:before {
content: "\e17f";
}
.icon-calendar-4:before {
content: "\e180";
}
.icon-print:before {
content: "\e181";
}
.icon-keyboard-2:before {
content: "\e182";
}
.icon-screen:before {
content: "\e183";
}
.icon-laptop:before {
content: "\e184";
}
.icon-mobile-2:before {
content: "\e185";
}
.icon-mobile-3:before {
content: "\e186";
}
.icon-tablet:before {
content: "\e187";
}
.icon-tv:before {
content: "\e188";
}
.icon-cabinet:before {
content: "\e189";
}
.icon-drawer:before {
content: "\e18a";
}
.icon-drawer-2:before {
content: "\e18b";
}
.icon-drawer-3:before {
content: "\e18c";
}
.icon-box-add:before {
content: "\e18d";
}
.icon-box-remove:before {
content: "\e18e";
}
.icon-download-2:before {
content: "\e18f";
}
.icon-upload-2:before {
content: "\e190";
}
.icon-storage:before {
content: "\e010";
}
.icon-undo-2:before {
content: "\e191";
}
.icon-redo:before {
content: "\e192";
}
.icon-flip:before {
content: "\e193";
}
.icon-flip-2:before {
content: "\e194";
}
.icon-forward-2:before {
content: "\e00d";
}
.icon-reply:before {
content: "\e00e";
}
.icon-bubble:before {
content: "\e195";
}
.icon-bubbles:before {
content: "\e196";
}
.icon-bubbles-2:before {
content: "\e197";
}
.icon-bubble-2:before {
content: "\e198";
}
.icon-bubbles-3:before {
content: "\e199";
}
.icon-bubbles-4:before {
content: "\e19a";
}
.icon-user-3:before {
content: "\e19b";
}
.icon-users:before {
content: "\e19c";
}
.icon-user-4:before {
content: "\e19d";
}
.icon-users-2:before {
content: "\e19e";
}
.icon-user-5:before {
content: "\e19f";
}
.icon-user-6:before {
content: "\e1a0";
}
.icon-quotes-left:before {
content: "\e1a1";
}
.icon-busy:before {
content: "\e1a2";
}
.icon-spinner:before {
content: "\e1a3";
}
.icon-spinner-2:before {
content: "\e1a4";
}
.icon-spinner-3:before {
content: "\e1a5";
}
.icon-spinner-4:before {
content: "\e1a6";
}
.icon-spinner-5:before {
content: "\e1a7";
}
.icon-spinner-6:before {
content: "\e1a8";
}
.icon-binoculars:before {
content: "\e1a9";
}
.icon-search-2:before {
content: "\e1aa";
}
.icon-zoom-in:before {
content: "\e1ab";
}
.icon-zoom-out:before {
content: "\e1ac";
}
.icon-expand:before {
content: "\e1ad";
}
.icon-contract:before {
content: "\e1ae";
}
.icon-key-2:before {
content: "\e020";
}
.icon-key-3:before {
content: "\e021";
}
.icon-lock:before {
content: "\e1af";
}
.icon-lock-2:before {
content: "\e1b0";
}
.icon-unlocked:before {
content: "\e1b1";
}
.icon-wrench-3:before {
content: "\e1b2";
}
.icon-settings:before {
content: "\e1b3";
}
.icon-equalizer-2:before {
content: "\e1b4";
}
.icon-cog-3:before {
content: "\e1b5";
}
.icon-cogs:before {
content: "\e1b6";
}
.icon-hammer:before {
content: "\e013";
}
.icon-wand:before {
content: "\e1b7";
}
.icon-aid:before {
content: "\e1b8";
}
.icon-bug-2:before {
content: "\e1b9";
}
.icon-pie:before {
content: "\e1ba";
}
.icon-stats-2:before {
content: "\e1bb";
}
.icon-bars-2:before {
content: "\e1bc";
}
.icon-bars-3:before {
content: "\e1bd";
}
.icon-gift-2:before {
content: "\e1be";
}
.icon-trophy-2:before {
content: "\e1bf";
}
.icon-glass:before {
content: "\e1c0";
}
.icon-mug:before {
content: "\e1c1";
}
.icon-food:before {
content: "\e1c2";
}
.icon-leaf:before {
content: "\e1c3";
}
.icon-rocket:before {
content: "\e1c4";
}
.icon-meter:before {
content: "\e1c5";
}
.icon-meter2:before {
content: "\e1c6";
}
.icon-dashboard:before {
content: "\e1c7";
}
.icon-hammer-2:before {
content: "\e1c8";
}
.icon-fire:before {
content: "\e1c9";
}
.icon-lab:before {
content: "\e1ca";
}
.icon-magnet:before {
content: "\e1cb";
}
.icon-remove:before {
content: "\e1cc";
}
.icon-remove-2:before {
content: "\e1cd";
}
.icon-briefcase-2:before {
content: "\e1ce";
}
.icon-airplane:before {
content: "\e1cf";
}
.icon-truck:before {
content: "\e1d0";
}
.icon-road:before {
content: "\e1d1";
}
.icon-accessibility:before {
content: "\e1d2";
}
.icon-target-5:before {
content: "\e1d3";
}
.icon-shield:before {
content: "\e1d4";
}
.icon-lightning:before {
content: "\e1d5";
}
.icon-power-cord:before {
content: "\e022";
}
.icon-signup:before {
content: "\e1d6";
}
.icon-list-3:before {
content: "\e1d7";
}
.icon-list-4:before {
content: "\e1d8";
}
.icon-numbered-list:before {
content: "\e1d9";
}
.icon-menu:before {
content: "\e1da";
}
.icon-menu-2:before {
content: "\e1db";
}
.icon-tree:before {
content: "\e1dc";
}
.icon-cloud-3:before {
content: "\e1dd";
}
.icon-download-3:before {
content: "\e011";
}
.icon-image-3:before {
content: "\e012";
}
.icon-books:before {
content: "\e1de";
}
.icon-paint-format:before {
content: "\e1df";
}
.icon-location-4:before {
content: "\e1e0";
}
.icon-undo-3:before {
content: "\e1e1";
}
.icon-disk-2:before {
content: "\e1e2";
}
.icon-file-5:before {
content: "\e1e3";
}
.icon-copy-3:before {
content: "\e1e4";
}
.icon-film-2:before {
content: "\e1e5";
}
.icon-home-5:before {
content: "\e1e6";
}
.icon-paste-3:before {
content: "\e1e7";
}
.icon-redo-2:before {
content: "\e1e8";
}
.icon-cog-4:before {
content: "\e1e9";
}
.icon-switch-2:before {
content: "\e1ea";
}
.icon-upload-3:before {
content: "\e1eb";
}
.icon-globe:before {
content: "\e023";
}
.icon-earth-2:before {
content: "\e024";
}
.icon-link-2:before {
content: "\e1ec";
}
.icon-flag-2:before {
content: "\e1ed";
}
.icon-eye-3:before {
content: "\e025";
}
.icon-eye-blocked:before {
content: "\e1ee";
}
.icon-eye-4:before {
content: "\e1ef";
}
.icon-bookmark-3:before {
content: "\e1f0";
}
.icon-bookmarks:before {
content: "\e1f1";
}
.icon-brightness-medium:before {
content: "\e1f2";
}
.icon-brightness-contrast:before {
content: "\e1f3";
}
.icon-contrast-2:before {
content: "\e1f4";
}
.icon-star-4:before {
content: "\e1f5";
}
.icon-star-5:before {
content: "\e1f6";
}
.icon-star-6:before {
content: "\e1f7";
}
.icon-cloud-download-2:before {
content: "\e1f8";
}
.icon-cloud-upload-2:before {
content: "\e1f9";
}
.icon-expand-2:before {
content: "\e1fa";
}
.icon-attachment:before {
content: "\e1fb";
}
.icon-download-4:before {
content: "\e1fc";
}
.icon-upload-4:before {
content: "\e1fd";
}
.icon-contract-2:before {
content: "\e1fe";
}
.icon-heart-2:before {
content: "\e1ff";
}
.icon-heart-3:before {
content: "\e200";
}
.icon-heart-broken:before {
content: "\e201";
}
.icon-thumbs-up-2:before {
content: "\e202";
}
.icon-thumbs-up-3:before {
content: "\e203";
}
.icon-happy:before {
content: "\e204";
}
.icon-happy-2:before {
content: "\e205";
}
.icon-smiley-2:before {
content: "\e206";
}
.icon-smiley-3:before {
content: "\e207";
}
.icon-tongue:before {
content: "\e208";
}
.icon-tongue-2:before {
content: "\e209";
}
.icon-sad:before {
content: "\e20a";
}
.icon-sad-2:before {
content: "\e20b";
}
.icon-wink:before {
content: "\e20c";
}
.icon-wink-2:before {
content: "\e20d";
}
.icon-grin:before {
content: "\e20e";
}
.icon-grin-2:before {
content: "\e20f";
}
.icon-cool:before {
content: "\e210";
}
.icon-cool-2:before {
content: "\e211";
}
.icon-angry:before {
content: "\e212";
}
.icon-angry-2:before {
content: "\e213";
}
.icon-evil:before {
content: "\e214";
}
.icon-evil-2:before {
content: "\e215";
}
.icon-shocked:before {
content: "\e216";
}
.icon-shocked-2:before {
content: "\e217";
}
.icon-confused:before {
content: "\e218";
}
.icon-confused-2:before {
content: "\e219";
}
.icon-neutral:before {
content: "\e21a";
}
.icon-neutral-2:before {
content: "\e21b";
}
.icon-wondering:before {
content: "\e21c";
}
.icon-wondering-2:before {
content: "\e21d";
}
.icon-point-up:before {
content: "\e21e";
}
.icon-point-right:before {
content: "\e21f";
}
.icon-point-down:before {
content: "\e220";
}
.icon-point-left:before {
content: "\e221";
}
.icon-warning-2:before {
content: "\e222";
}
.icon-notification:before {
content: "\e223";
}
.icon-question:before {
content: "\e224";
}
.icon-info-3:before {
content: "\e225";
}
.icon-info-4:before {
content: "\e226";
}
.icon-blocked-2:before {
content: "\e227";
}
.icon-cancel-circle:before {
content: "\e228";
}
.icon-checkmark-circle:before {
content: "\e229";
}
.icon-spam:before {
content: "\e22a";
}
.icon-close:before {
content: "\e22b";
}
.icon-checkmark-3:before {
content: "\e22c";
}
.icon-checkmark-4:before {
content: "\e22d";
}
.icon-spell-check:before {
content: "\e22e";
}
.icon-exit:before {
content: "\e026";
}
.icon-play-4:before {
content: "\e027";
}
.icon-pause-3:before {
content: "\e028";
}
.icon-stop-3:before {
content: "\e22f";
}
.icon-backward:before {
content: "\e230";
}
.icon-forward-3:before {
content: "\e231";
}
.icon-play-5:before {
content: "\e232";
}
.icon-pause-4:before {
content: "\e233";
}
.icon-stop-4:before {
content: "\e234";
}
.icon-backward-2:before {
content: "\e235";
}
.icon-forward-4:before {
content: "\e236";
}
.icon-first-2:before {
content: "\e237";
}
.icon-last-2:before {
content: "\e238";
}
.icon-previous:before {
content: "\e239";
}
.icon-next:before {
content: "\e23a";
}
.icon-eject-2:before {
content: "\e23b";
}
.icon-volume-high:before {
content: "\e23c";
}
.icon-volume-medium:before {
content: "\e23d";
}
.icon-volume-low:before {
content: "\e23e";
}
.icon-volume-mute-2:before {
content: "\e23f";
}
.icon-volume-mute-3:before {
content: "\e240";
}
.icon-volume-increase:before {
content: "\e241";
}
.icon-volume-decrease:before {
content: "\e242";
}
.icon-loop-2:before {
content: "\e243";
}
.icon-minus-3:before {
content: "\e029";
}
.icon-plus-3:before {
content: "\e244";
}
.icon-enter:before {
content: "\e245";
}
.icon-loop-3:before {
content: "\e246";
}
.icon-shuffle:before {
content: "\e247";
}
.icon-arrow-up-left:before {
content: "\e248";
}
.icon-arrow-up-2:before {
content: "\e249";
}
.icon-arrow-up-right:before {
content: "\e24a";
}
.icon-arrow-right-2:before {
content: "\e24b";
}
.icon-arrow-down-right:before {
content: "\e24c";
}
.icon-arrow-down-2:before {
content: "\e24d";
}
.icon-arrow-down-left:before {
content: "\e24e";
}
.icon-arrow-left-2:before {
content: "\e24f";
}
.icon-arrow-up-left-2:before {
content: "\e250";
}
.icon-arrow-up-3:before {
content: "\e251";
}
.icon-arrow-up-right-2:before {
content: "\e252";
}
.icon-arrow-right-3:before {
content: "\e253";
}
.icon-arrow-down-right-2:before {
content: "\e254";
}
.icon-arrow-down-3:before {
content: "\e255";
}
.icon-arrow-down-left-2:before {
content: "\e256";
}
.icon-arrow-left-3:before {
content: "\e257";
}
.icon-arrow-up-left-3:before {
content: "\e258";
}
.icon-loop-4:before {
content: "\e259";
}
.icon-arrow-up-4:before {
content: "\e25a";
}
.icon-arrow-up-right-3:before {
content: "\e25b";
}
.icon-arrow-right-4:before {
content: "\e25c";
}
.icon-arrow-down-right-3:before {
content: "\e25d";
}
.icon-arrow-down-4:before {
content: "\e25e";
}
.icon-arrow-down-left-3:before {
content: "\e25f";
}
.icon-arrow-left-4:before {
content: "\e260";
}
.icon-tab:before {
content: "\e261";
}
.icon-checkbox-partial:before {
content: "\e01e";
}
.icon-radio-checked:before {
content: "\e01f";
}
.icon-radio-unchecked:before {
content: "\e262";
}
.icon-crop-2:before {
content: "\e263";
}
.icon-scissors:before {
content: "\e264";
}
.icon-filter-2:before {
content: "\e265";
}
.icon-filter-3:before {
content: "\e266";
}
.icon-font:before {
content: "\e267";
}
.icon-strikethrough:before {
content: "\e02a";
}
.icon-omega:before {
content: "\e02b";
}
.icon-sigma:before {
content: "\e02c";
}
.icon-table:before {
content: "\e02d";
}
.icon-table-2:before {
content: "\e02e";
}
.icon-insert-template:before {
content: "\e268";
}
.icon-left-to-right:before {
content: "\e02f";
}
.icon-right-to-left:before {
content: "\e269";
}
.icon-paragraph-left:before {
content: "\e014";
}
.icon-paragraph-center:before {
content: "\e015";
}
.icon-paragraph-right:before {
content: "\e016";
}
.icon-paragraph-justify:before {
content: "\e017";
}
.icon-indent-increase:before {
content: "\e26a";
}
.icon-indent-decrease:before {
content: "\e26b";
}
.icon-new-tab:before {
content: "\e26c";
}
.icon-embed:before {
content: "\e26d";
}
.icon-code-2:before {
content: "\e26e";
}
.icon-console-2:before {
content: "\e26f";
}
.icon-share-2:before {
content: "\e270";
}
.icon-mail-2:before {
content: "\e271";
}
.icon-mail-3:before {
content: "\e272";
}
.icon-mail-4:before {
content: "\e273";
}
.icon-mail-5:before {
content: "\e274";
}
.icon-google:before {
content: "\e275";
}
.icon-google-plus:before {
content: "\e276";
}
.icon-google-plus-2:before {
content: "\e277";
}
.icon-google-plus-3:before {
content: "\e278";
}
.icon-google-plus-4:before {
content: "\e279";
}
.icon-facebook:before {
content: "\e018";
}
.icon-facebook-2:before {
content: "\e27a";
}
.icon-facebook-3:before {
content: "\e27b";
}
.icon-instagram:before {
content: "\e27c";
}
.icon-twitter-2:before {
content: "\e27d";
}
.icon-twitter-3:before {
content: "\e27e";
}
.icon-twitter-4:before {
content: "\e27f";
}
.icon-feed-3:before {
content: "\e280";
}
.icon-feed-4:before {
content: "\e281";
}
.icon-feed-5:before {
content: "\e282";
}
.icon-youtube:before {
content: "\e283";
}
.icon-youtube-2:before {
content: "\e284";
}
.icon-vimeo:before {
content: "\e285";
}
.icon-vimeo2:before {
content: "\e286";
}
.icon-vimeo-2:before {
content: "\e287";
}
.icon-lanyrd:before {
content: "\e288";
}
.icon-flickr:before {
content: "\e289";
}
.icon-flickr-2:before {
content: "\e28a";
}
.icon-flickr-3:before {
content: "\e28b";
}
.icon-flickr-4:before {
content: "\e28c";
}
.icon-picassa:before {
content: "\e28d";
}
.icon-picassa-2:before {
content: "\e28e";
}
.icon-dribbble-2:before {
content: "\e28f";
}
.icon-dribbble-3:before {
content: "\e290";
}
.icon-dribbble-4:before {
content: "\e291";
}
.icon-forrst-2:before {
content: "\e292";
}
.icon-forrst-3:before {
content: "\e293";
}
.icon-deviantart:before {
content: "\e294";
}
.icon-deviantart-2:before {
content: "\e295";
}
.icon-steam:before {
content: "\e296";
}
.icon-steam-2:before {
content: "\e297";
}
.icon-github:before {
content: "\e298";
}
.icon-github-2:before {
content: "\e299";
}
.icon-github-3:before {
content: "\e29a";
}
.icon-github-4:before {
content: "\e29b";
}
.icon-github-5:before {
content: "\e29c";
}
.icon-wordpress:before {
content: "\e29d";
}
.icon-wordpress-2:before {
content: "\e29e";
}
.icon-joomla:before {
content: "\e29f";
}
.icon-blogger:before {
content: "\e2a0";
}
.icon-blogger-2:before {
content: "\e2a1";
}
.icon-tumblr:before {
content: "\e2a2";
}
.icon-tumblr-2:before {
content: "\e2a3";
}
.icon-yahoo:before {
content: "\e2a4";
}
.icon-tux:before {
content: "\e2a5";
}
.icon-apple-2:before {
content: "\e2a6";
}
.icon-finder:before {
content: "\e2a7";
}
.icon-android:before {
content: "\e2a8";
}
.icon-windows:before {
content: "\e2a9";
}
.icon-windows8:before {
content: "\e2aa";
}
.icon-soundcloud:before {
content: "\e2ab";
}
.icon-soundcloud-2:before {
content: "\e2ac";
}
.icon-skype-2:before {
content: "\e2ad";
}
.icon-reddit:before {
content: "\e2ae";
}
.icon-linkedin:before {
content: "\e2af";
}
.icon-lastfm:before {
content: "\e2b0";
}
.icon-lastfm-2:before {
content: "\e2b1";
}
.icon-checkbox-unchecked:before {
content: "\e2b2";
}
.icon-checkbox-checked:before {
content: "\e2b3";
}
.icon-text-width:before {
content: "\e2b4";
}
.icon-bold:before {
content: "\e2b5";
}
.icon-underline:before {
content: "\e2b6";
}
.icon-italic:before {
content: "\e2b7";
}
.icon-pilcrow-2:before {
content: "\e2b8";
}
.icon-paragraph-left-2:before {
content: "\e2b9";
}
.icon-paragraph-center-2:before {
content: "\e2ba";
}
.icon-paragraph-right-2:before {
content: "\e2bb";
}
.icon-paragraph-justify-2:before {
content: "\e2bc";
}
.icon-google-drive:before {
content: "\e2bd";
}
.icon-text-height:before {
content: "\e2be";
}
.icon-delicious:before {
content: "\e2bf";
}
.icon-stumbleupon:before {
content: "\e2c0";
}
.icon-stumbleupon-2:before {
content: "\e2c1";
}
.icon-stackoverflow:before {
content: "\e2c2";
}
.icon-pinterest:before {
content: "\e2c3";
}
.icon-pinterest-2:before {
content: "\e2c4";
}
.icon-xing:before {
content: "\e2c5";
}
.icon-xing-2:before {
content: "\e2c6";
}
.icon-flattr:before {
content: "\e2c7";
}
.icon-foursquare:before {
content: "\e2c8";
}
.icon-foursquare-2:before {
content: "\e2c9";
}
.icon-paypal:before {
content: "\e2ca";
}
.icon-paypal-2:before {
content: "\e2cb";
}
.icon-paypal-3:before {
content: "\e2cc";
}
.icon-yelp:before {
content: "\e2cd";
}
.icon-libreoffice:before {
content: "\e2ce";
}
.icon-file-openoffice:before {
content: "\e2cf";
}
.icon-file-zip:before {
content: "\e2d0";
}
.icon-file-powerpoint:before {
content: "\e2d1";
}
.icon-html5:before {
content: "\e01c";
}
.icon-html5-2:before {
content: "\e01d";
}
.icon-css3:before {
content: "\e2d2";
}
.icon-chrome:before {
content: "\e2d3";
}
.icon-firefox:before {
content: "\e2d4";
}
.icon-IE:before {
content: "\e2d5";
}
.icon-opera:before {
content: "\e2d6";
}
.icon-safari:before {
content: "\e2d7";
}
.icon-IcoMoon:before {
content: "\e2d8";
}
.icon-file-xml:before {
content: "\e2d9";
}
.icon-file-css:before {
content: "\e2da";
}
以上是关于css ipad自定义主题 - 我的移动应用程序的起点。 ui元素，易于使用不同的颜色的主要内容，如果未能解决你的问题，请参考以下文章
居中对齐标题菜单：Wordpress（Avada 主题）自定义 CSS