added skeleton
This commit is contained in:
minic studio
@@ -0,0 +1,315 @@
|
||||
@import url('buttons.css');
|
||||
@import url('popup.css');
|
||||
|
||||
/* GLOBAL */
|
||||
#minic > div{
|
||||
|
||||
}
|
||||
#minic a,
|
||||
#minic input,
|
||||
#minic select,
|
||||
#minic textarea,
|
||||
#minic span,
|
||||
#minic label{
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
/* Labels */
|
||||
#minic label{
|
||||
float: none;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
/* Inputs */
|
||||
#minic input[type="submit"]{
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
-ms-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
#minic input[type="submit"]:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
#minic input[type="text"],
|
||||
#minic input[type="file"],
|
||||
#minic select,
|
||||
#minic textarea{
|
||||
padding: 5px;
|
||||
outline: none !important;
|
||||
border: 1px solid #c7c7c7;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#minic input[type="text"]:hover,
|
||||
#minic input[type="file"]:hover,
|
||||
#minic select:hover,
|
||||
#minic textarea:hover{
|
||||
border: 1px solid #a8a8a8;
|
||||
}
|
||||
#minic input:focus,
|
||||
#minic input[type="file"]:focus,
|
||||
#minic select:focus,
|
||||
#minic textarea:focus{
|
||||
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.22);
|
||||
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.22);
|
||||
font-style: normal;
|
||||
}
|
||||
/* Messages */
|
||||
#minic .message{
|
||||
position: relative;
|
||||
padding-left: 50px !important;
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
#minic .message span.close{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
#minic .message span.close:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
#minic .message p{
|
||||
margin: 0;
|
||||
}
|
||||
/* Errors */
|
||||
#minic .error span.close{
|
||||
color: #521216;
|
||||
}
|
||||
/* Conf */
|
||||
/* HEADER */
|
||||
#minic .header > div{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
/* Menu Top */
|
||||
#menu-top{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
#menu-top a,
|
||||
#menu-top #more-module{
|
||||
float: right;
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
padding: 0 10px;
|
||||
border-right: 1px solid #525252;
|
||||
}
|
||||
#menu-top a:first-child{
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
/* More module */
|
||||
#menu-top #more-module{
|
||||
position: relative;
|
||||
}
|
||||
#menu-top #more-module span:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
#menu-top ul#module-list{
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15px;
|
||||
width: 400px;
|
||||
padding: 10px;
|
||||
background: #ebedf4;
|
||||
border: 1px solid #d7dae1;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#menu-top #more-module:hover ul{
|
||||
display: block;
|
||||
}
|
||||
#menu-top #minic-studio{
|
||||
text-indent: -99999px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(../img/minic-logo.png) right center no-repeat;
|
||||
}
|
||||
#menu-top #open-bug{
|
||||
border: 0;
|
||||
margin-right: 50px;
|
||||
}
|
||||
/* Module list style */
|
||||
#menu-top ul#module-list li a{
|
||||
width: 378px;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
#menu-top ul#module-list li:hover a{
|
||||
background-color: #e2e4eb;
|
||||
border-color: #c5c8d1;
|
||||
}
|
||||
#menu-top ul#module-list img{
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#menu-top ul#module-list p{
|
||||
float: left;
|
||||
width: 336px;
|
||||
margin: 0;
|
||||
}
|
||||
#menu-top ul#module-list p span{
|
||||
display: block;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
#menu-top ul#module-list .title{
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
}
|
||||
#menu-top ul#module-list .description{
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#menu-top ul#module-list .price{
|
||||
font-weight: bold;
|
||||
color: green;
|
||||
}
|
||||
/* Social */
|
||||
#menu-top .social{
|
||||
font-size: 16px;
|
||||
}
|
||||
/* Facebook */
|
||||
#menu-top .icon-facebook{
|
||||
color: #3b5998;
|
||||
}
|
||||
/* Twitter */
|
||||
#menu-top .icon-twitter{
|
||||
color: #019ad2;
|
||||
}
|
||||
/* Github */
|
||||
#menu-top .icon-github{
|
||||
color: #000;
|
||||
}
|
||||
/* Google */
|
||||
#menu-top .icon-googleplus{
|
||||
color: #dd4b39;
|
||||
}
|
||||
/* Banner */
|
||||
/* Navigation */
|
||||
#navigation{
|
||||
/*display: inline-block;*/
|
||||
padding: 10px;
|
||||
background: #ebedf4;
|
||||
border: 1px solid #d7dae1;
|
||||
}
|
||||
#navigation a{
|
||||
display: inline-block;
|
||||
padding: 40px 10px 3px 10px;
|
||||
height: 14px;
|
||||
min-width: 51px;
|
||||
border: 1px solid transparent;
|
||||
color: #767676;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
#navigation a:hover{
|
||||
background-color: #e2e4eb;
|
||||
border-color: #c5c8d1;
|
||||
}
|
||||
/* Icons */
|
||||
/*#navigation a.sample{}*/
|
||||
/* CONTENT */
|
||||
/* minic container */
|
||||
.minic-container{
|
||||
display: none;
|
||||
background: #f8f8f8;
|
||||
border: 1px solid #c5c8d1;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
/* minic top */
|
||||
.minic-top{
|
||||
position: relative;
|
||||
width: 94%;
|
||||
padding: 0 3%;
|
||||
background: #e5e5e5;
|
||||
border-bottom: 1px solid #c5c8d1;
|
||||
}
|
||||
.minic-top h3{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 20px 0;
|
||||
padding-right: 45px;
|
||||
font-size: 22px;
|
||||
color: #717171;
|
||||
font-weight: normal;
|
||||
text-shadow: 1px 1px 1px #ffffff;
|
||||
}
|
||||
.minic-top .help{
|
||||
float: right;
|
||||
height: auto;
|
||||
font-size: 12px;
|
||||
color: #494949;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 1px 1px 1px #ffffff;
|
||||
}
|
||||
.minic-top .minic-close{
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
top: 18px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
background: url(../img/buttons/close-normal.png) no-repeat;
|
||||
}
|
||||
.minic-top .minic-close:hover{
|
||||
background: url(../img/buttons/close-hover.png) no-repeat;
|
||||
}
|
||||
/* minic content */
|
||||
.minic-content{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 94%;
|
||||
padding: 50px 3%;
|
||||
}
|
||||
/* minic content -> input cotnainers */
|
||||
.minic-content > div.input-holder{
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 45%;
|
||||
margin: 0 5% 10px 0;
|
||||
}
|
||||
.minic-content > div.input-holder label{
|
||||
display: block;
|
||||
}
|
||||
.minic-content > div.input-holder input[type="text"],
|
||||
.minic-content > div.input-holder textarea{
|
||||
clear: both;
|
||||
width: 94%;
|
||||
max-width: 400px;
|
||||
}
|
||||
/* minic-content -> minic comment */
|
||||
.minic-content .minic-comments{
|
||||
display: inline-block;
|
||||
width: 45%;
|
||||
margin-top: -15px;
|
||||
}
|
||||
.minic-content .minic-comments span{
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* minic bottom */
|
||||
.minic-bottom{
|
||||
display: inline-block;
|
||||
width: 94%;
|
||||
padding: 10px 3%;
|
||||
background: #e5e5e5;
|
||||
border-top: 1px solid #c5c8d1;
|
||||
}
|
||||
.minic-bottom > *{
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
/* Large buttons */
|
||||
.button-large{
|
||||
display: inline-block;
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
padding: 2px 40px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0, .7);
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.button-large:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Green */
|
||||
.button-large.green{
|
||||
color: #fff;
|
||||
border: 1px solid #75a023;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -124px;
|
||||
}
|
||||
/* Red */
|
||||
.button-large.red{
|
||||
color: #fff;
|
||||
border: 1px solid #b00000;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -158px;
|
||||
}
|
||||
/* Black */
|
||||
.button-large.black{
|
||||
color: #fff;
|
||||
border: 1px solid #1e1e1e;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -192px;
|
||||
}
|
||||
/* Grey */
|
||||
.button-large.grey{
|
||||
color: #fff;
|
||||
border: 1px solid #919392;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -226px;
|
||||
}
|
||||
/* Light Grey */
|
||||
.button-large.lgrey{
|
||||
color: #fff;
|
||||
border: 1px solid #889591;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -260px;
|
||||
}
|
||||
/* Small Buttons */
|
||||
.button-small{
|
||||
display: inline-block;
|
||||
height: 23px;
|
||||
padding: 0 14px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
line-height: 23px;
|
||||
color: #fff;
|
||||
/*font-weight: bold;*/
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0, .7);
|
||||
}
|
||||
/* Green */
|
||||
.button-small.green{
|
||||
color: #fff;
|
||||
border: 1px solid #75a023;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 0;
|
||||
}
|
||||
/* Red */
|
||||
.button-small.red{
|
||||
color: #fff;
|
||||
border: 1px solid #b00000;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -25px;
|
||||
}
|
||||
/* Black */
|
||||
.button-small.black{
|
||||
color: #fff;
|
||||
border: 1px solid #1e1e1e;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -50px;
|
||||
}
|
||||
/* Grey */
|
||||
.button-small.grey{
|
||||
color: #fff;
|
||||
border: 1px solid #919392;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -75px;
|
||||
}
|
||||
/* Light Grey */
|
||||
.button-small.lgrey{
|
||||
color: #fff;
|
||||
border: 1px solid #889591;
|
||||
background: url(../img/buttons/buttons.png) repeat-x;
|
||||
background-position: 0 -100px;
|
||||
}
|
||||
/* ON/OFF switch */
|
||||
.switch{
|
||||
-webkit-transition: all 0.4s ease-in-out;
|
||||
-moz-transition: all 0.4s ease-in-out;
|
||||
-o-transition: all 0.4s ease-in-out;
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.switch input{
|
||||
position: absolute;
|
||||
left: -99999px;
|
||||
}
|
||||
/* Large switch */
|
||||
.switch.large{
|
||||
width: 67px;
|
||||
height: 40px;
|
||||
background: url(../img/buttons/switch-large.png) no-repeat;
|
||||
}
|
||||
/* Small switch */
|
||||
.switch.small{
|
||||
float: left;
|
||||
width: 67px;
|
||||
height: 26px;
|
||||
background: url(../img/buttons/switch-small.png) no-repeat;
|
||||
}
|
||||
/* Hover */
|
||||
.switch:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Active */
|
||||
.switch.active{
|
||||
background-position: 0 0;
|
||||
}
|
||||
/* Inactive */
|
||||
.switch.inactive{
|
||||
background-position: 100% 0;
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 201 KiB |
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,897 @@
|
||||
@font-face {
|
||||
font-family: 'Elusive-Icons';
|
||||
src:url('Elusive-Icons.eot');
|
||||
src:url('Elusive-Icons.eot?#iefix') format('embedded-opentype'),
|
||||
url('Elusive-Icons.svg#Elusive-Icons') format('svg'),
|
||||
url('Elusive-Icons.woff') format('woff'),
|
||||
url('Elusive-Icons.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: 'Elusive-Icons';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
font-family: 'Elusive-Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: middle;
|
||||
font-size: 1.33em;
|
||||
}
|
||||
|
||||
.btn [class^="icon-"],
|
||||
.btn [class*=" icon-"],
|
||||
.nav-tabs [class^="icon-"],
|
||||
.nav-tabs [class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: .9em;
|
||||
}
|
||||
|
||||
li [class^="icon-"],
|
||||
li [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
li .icon-large:before,
|
||||
li .icon-large:before {
|
||||
width: 1.875em;
|
||||
}
|
||||
|
||||
ul.icons {
|
||||
list-style-type: none;
|
||||
margin-left: 2em;
|
||||
text-indent: -.8em;
|
||||
}
|
||||
|
||||
ul.icons li [class^="icon-"],
|
||||
ul.icons li [class*=" icon-"] {
|
||||
width: .8em;
|
||||
}
|
||||
|
||||
ul.icons li .icon-large:before,
|
||||
ul.icons li .icon-large:before {
|
||||
vertical-align: initial;
|
||||
}
|
||||
|
||||
.btn-large [class^="icon-"], .btn-large [class*=" icon-"]{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.icon-briefcase:before {
|
||||
content: "\e10d";
|
||||
}
|
||||
.icon-bullhorn:before {
|
||||
content: "\e10c";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e10b";
|
||||
}
|
||||
.icon-calendar-sign:before {
|
||||
content: "\e10a";
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\e109";
|
||||
}
|
||||
.icon-cog-alt:before {
|
||||
content: "\e108";
|
||||
}
|
||||
.icon-cogs:before {
|
||||
content: "\e107";
|
||||
}
|
||||
.icon-comment:before {
|
||||
content: "\e106";
|
||||
}
|
||||
.icon-error:before {
|
||||
content: "\e105";
|
||||
}
|
||||
.icon-error-alt:before {
|
||||
content: "\e104";
|
||||
}
|
||||
.icon-exclamation-sign:before {
|
||||
content: "\e103";
|
||||
}
|
||||
.icon-eye-close:before {
|
||||
content: "\e102";
|
||||
}
|
||||
.icon-flag-alt:before {
|
||||
content: "\e101";
|
||||
}
|
||||
.icon-flickr:before {
|
||||
content: "\e100";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e0ff";
|
||||
}
|
||||
.icon-folder-close:before {
|
||||
content: "\e0fe";
|
||||
}
|
||||
.icon-globe-alt:before {
|
||||
content: "\e0fd";
|
||||
}
|
||||
.icon-googleplus:before {
|
||||
content: "\e0fc";
|
||||
}
|
||||
.icon-graph:before {
|
||||
content: "\e0fb";
|
||||
}
|
||||
.icon-graph-alt:before {
|
||||
content: "\e0fa";
|
||||
}
|
||||
.icon-idea-alt:before {
|
||||
content: "\e0f9";
|
||||
}
|
||||
.icon-inbox:before {
|
||||
content: "\e0f8";
|
||||
}
|
||||
.icon-inbox-alt:before {
|
||||
content: "\e0f7";
|
||||
}
|
||||
.icon-inbox-box:before {
|
||||
content: "\e0f6";
|
||||
}
|
||||
.icon-book:before {
|
||||
content: "\e0f5";
|
||||
}
|
||||
.icon-bookmark:before {
|
||||
content: "\e0f4";
|
||||
}
|
||||
.icon-bookmark-empty:before {
|
||||
content: "\e0f3";
|
||||
}
|
||||
.icon-braille:before {
|
||||
content: "\e0f2";
|
||||
}
|
||||
.icon-circle-arrow-right:before {
|
||||
content: "\e0f1";
|
||||
}
|
||||
.icon-circle-arrow-up:before {
|
||||
content: "\e0f0";
|
||||
}
|
||||
.icon-cloud:before {
|
||||
content: "\e0ef";
|
||||
}
|
||||
.icon-cloud-alt:before {
|
||||
content: "\e0ee";
|
||||
}
|
||||
.icon-edit:before {
|
||||
content: "\e0ed";
|
||||
}
|
||||
.icon-eject:before {
|
||||
content: "\e0ec";
|
||||
}
|
||||
.icon-envelope:before {
|
||||
content: "\e0eb";
|
||||
}
|
||||
.icon-envelope-alt:before {
|
||||
content: "\e0ea";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e0e9";
|
||||
}
|
||||
.icon-filter:before {
|
||||
content: "\e0e8";
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\e0e7";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e0e6";
|
||||
}
|
||||
.icon-github-text:before {
|
||||
content: "\e0e5";
|
||||
}
|
||||
.icon-glass:before {
|
||||
content: "\e0e4";
|
||||
}
|
||||
.icon-glasses:before {
|
||||
content: "\e0e3";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e0e2";
|
||||
}
|
||||
.icon-heart-empty:before {
|
||||
content: "\e0e1";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e0e0";
|
||||
}
|
||||
.icon-home-alt:before {
|
||||
content: "\e0df";
|
||||
}
|
||||
.icon-idea:before {
|
||||
content: "\e0de";
|
||||
}
|
||||
.icon-address-book:before {
|
||||
content: "\e0dd";
|
||||
}
|
||||
.icon-address-book-alt:before {
|
||||
content: "\e0dc";
|
||||
}
|
||||
.icon-adjust:before {
|
||||
content: "\e0db";
|
||||
}
|
||||
.icon-adult:before {
|
||||
content: "\e0da";
|
||||
}
|
||||
.icon-align-center:before {
|
||||
content: "\e0d9";
|
||||
}
|
||||
.icon-align-justify:before {
|
||||
content: "\e0d8";
|
||||
}
|
||||
.icon-align-left:before {
|
||||
content: "\e0d7";
|
||||
}
|
||||
.icon-align-right:before {
|
||||
content: "\e0d6";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e0d5";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e0d4";
|
||||
}
|
||||
.icon-barcode:before {
|
||||
content: "\e0d3";
|
||||
}
|
||||
.icon-behance:before {
|
||||
content: "\e0d2";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\e0d1";
|
||||
}
|
||||
.icon-blind:before {
|
||||
content: "\e0d0";
|
||||
}
|
||||
.icon-blogger:before {
|
||||
content: "\e0cf";
|
||||
}
|
||||
.icon-bold:before {
|
||||
content: "\e0ce";
|
||||
}
|
||||
.icon-chevron-left:before {
|
||||
content: "\e0cd";
|
||||
}
|
||||
.icon-chevron-right:before {
|
||||
content: "\e0cc";
|
||||
}
|
||||
.icon-chevron-up:before {
|
||||
content: "\e0cb";
|
||||
}
|
||||
.icon-child:before {
|
||||
content: "\e0ca";
|
||||
}
|
||||
.icon-circle-arrow-down:before {
|
||||
content: "\e0c9";
|
||||
}
|
||||
.icon-circle-arrow-left:before {
|
||||
content: "\e0c8";
|
||||
}
|
||||
.icon-delicious:before {
|
||||
content: "\e0c7";
|
||||
}
|
||||
.icon-deviantart:before {
|
||||
content: "\e0c6";
|
||||
}
|
||||
.icon-digg:before {
|
||||
content: "\e0c5";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e0c4";
|
||||
}
|
||||
.icon-download-alt:before {
|
||||
content: "\e0c3";
|
||||
}
|
||||
.icon-dribble:before {
|
||||
content: "\e0c2";
|
||||
}
|
||||
.icon-file:before {
|
||||
content: "\e0c1";
|
||||
}
|
||||
.icon-file-alt:before {
|
||||
content: "\e0c0";
|
||||
}
|
||||
.icon-file-edit:before {
|
||||
content: "\e0bf";
|
||||
}
|
||||
.icon-file-edit-alt:before {
|
||||
content: "\e0be";
|
||||
}
|
||||
.icon-file-new:before {
|
||||
content: "\e0bd";
|
||||
}
|
||||
.icon-file-new-alt:before {
|
||||
content: "\e0bc";
|
||||
}
|
||||
.icon-foursquare:before {
|
||||
content: "\e0bb";
|
||||
}
|
||||
.icon-friendfeed:before {
|
||||
content: "\e0ba";
|
||||
}
|
||||
.icon-friendfeed-rect:before {
|
||||
content: "\e0b9";
|
||||
}
|
||||
.icon-fullscreen:before {
|
||||
content: "\e0b8";
|
||||
}
|
||||
.icon-gift:before {
|
||||
content: "\e0b7";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e0b6";
|
||||
}
|
||||
.icon-hand-up:before {
|
||||
content: "\e0b5";
|
||||
}
|
||||
.icon-hdd:before {
|
||||
content: "\e0b4";
|
||||
}
|
||||
.icon-headphones:before {
|
||||
content: "\e0b3";
|
||||
}
|
||||
.icon-hearing-impaired:before {
|
||||
content: "\e0b2";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e0b1";
|
||||
}
|
||||
.icon-heart-alt:before {
|
||||
content: "\e0b0";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e0af";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e0ae";
|
||||
}
|
||||
.icon-asl:before {
|
||||
content: "\e0ad";
|
||||
}
|
||||
.icon-asterisk:before {
|
||||
content: "\e0ac";
|
||||
}
|
||||
.icon-backward:before {
|
||||
content: "\e0ab";
|
||||
}
|
||||
.icon-ban-circle:before {
|
||||
content: "\e0aa";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\e0a9";
|
||||
}
|
||||
.icon-cc:before {
|
||||
content: "\e0a8";
|
||||
}
|
||||
.icon-certificate:before {
|
||||
content: "\e0a7";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e0a6";
|
||||
}
|
||||
.icon-check-empty:before {
|
||||
content: "\e0a5";
|
||||
}
|
||||
.icon-chevron-down:before {
|
||||
content: "\e0a4";
|
||||
}
|
||||
.icon-comment-alt:before {
|
||||
content: "\e0a3";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\e0a2";
|
||||
}
|
||||
.icon-compass-alt:before {
|
||||
content: "\e0a1";
|
||||
}
|
||||
.icon-credit-card:before {
|
||||
content: "\e0a0";
|
||||
}
|
||||
.icon-css:before {
|
||||
content: "\e09f";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\e09e";
|
||||
}
|
||||
.icon-eye-open:before {
|
||||
content: "\e09d";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e09c";
|
||||
}
|
||||
.icon-facetime-video:before {
|
||||
content: "\e09b";
|
||||
}
|
||||
.icon-fast-backward:before {
|
||||
content: "\e09a";
|
||||
}
|
||||
.icon-fast-forward:before {
|
||||
content: "\e099";
|
||||
}
|
||||
.icon-female:before {
|
||||
content: "\e098";
|
||||
}
|
||||
.icon-folder-open:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.icon-folder-sign:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.icon-font:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.icon-fontsize:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.icon-forward:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.icon-forward-alt:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.icon-group:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.icon-group-alt:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.icon-guidedog:before {
|
||||
content: "\e08f";
|
||||
}
|
||||
.icon-hand-down:before {
|
||||
content: "\e08e";
|
||||
}
|
||||
.icon-hand-left:before {
|
||||
content: "\e08d";
|
||||
}
|
||||
.icon-hand-right:before {
|
||||
content: "\e08c";
|
||||
}
|
||||
.icon-indent-left:before {
|
||||
content: "\e08b";
|
||||
}
|
||||
.icon-indent-right:before {
|
||||
content: "\e08a";
|
||||
}
|
||||
.icon-info-sign:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.icon-instagram:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.icon-iphone-home:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.icon-italic:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.icon-laptop:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.icon-laptop-alt:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.icon-leaf:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.icon-linkedin:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.icon-list:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.icon-list-alt:before {
|
||||
content: "\e07f";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e07e";
|
||||
}
|
||||
.icon-lock-alt:before {
|
||||
content: "\e07d";
|
||||
}
|
||||
.icon-magnet:before {
|
||||
content: "\e07c";
|
||||
}
|
||||
.icon-male:before {
|
||||
content: "\e07b";
|
||||
}
|
||||
.icon-map-marker:before {
|
||||
content: "\e07a";
|
||||
}
|
||||
.icon-map-marker-alt:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.icon-mic:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.icon-mic-alt:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.icon-minus:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.icon-minus-sign:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.icon-move:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.icon-music:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-network:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-off:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.icon-ok:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.icon-ok-circle:before {
|
||||
content: "\e06f";
|
||||
}
|
||||
.icon-ok-sign:before {
|
||||
content: "\e06e";
|
||||
}
|
||||
.icon-paper-clip:before {
|
||||
content: "\e06d";
|
||||
}
|
||||
.icon-paper-clip-alt:before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-path:before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-pause:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-pause-alt:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-pencil-alt:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-person:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-phone:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-phone-alt:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-photo:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-photo-alt:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.icon-picasa:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.icon-pinterest:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-plane:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-play-alt:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-play-circle:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-plus-sign:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-print:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-qrcode:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-question:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-question-sign:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-quotes:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-quotes-alt:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.icon-random:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.icon-record:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-reddit:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-refresh:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-remove:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-remove-circle:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.icon-remove-sign:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.icon-repeat:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-repeat-alt:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-resize-full:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-resize-horizontal:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-resize-small:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.icon-resize-vertical:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.icon-retweet:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-reverse-alt:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-road:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-rss:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-screen:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-screen-alt:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-screenshot:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.icon-search-alt:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-share-alt:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-shopping-cart:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-shopping-cart-sign:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-signal:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-skype:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-slideshare:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-smiley:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-smiley-alt:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-speaker:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-stackoverflow:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.icon-star-alt:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-star-empty:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-step-backward:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.icon-step-forward:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-stop:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.icon-stop-alt:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.icon-stumbleupon:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-tag:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-tags:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-tasks:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-text-height:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-text-width:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.icon-th:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-th-large:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-th-list:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-thumbs-down:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-time:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-time-alt:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-tint:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-torso:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-trash-alt:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-tumblr:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-universal-access:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-unlock:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-unlock-alt:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-video:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-video-alt:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-video-chat:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-view-mode:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-vimeo:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-volume-down:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-volume-off:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.icon-volume-up:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-w3c:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-warning-sign:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-website:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-website-alt:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-wheelchair:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-wordpress:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-wrench-alt:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-youtube:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-zoom-in:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-zoom-out:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-vkontakte:before {
|
||||
content: "\e10e";
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
/* */
|
||||
/* CSS Code */
|
||||
@@ -0,0 +1,95 @@
|
||||
/* Popup Start */
|
||||
.popup{
|
||||
display: none;
|
||||
overflow: auto;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0, .5);
|
||||
}
|
||||
/* Inner */
|
||||
.popup .inner{
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
margin-left: -25%;
|
||||
width: 50%;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: 0px 0px 65px 10px rgba(0, 0, 0, 0.24);
|
||||
box-shadow: 0px 0px 65px 10px rgba(0, 0, 0, 0.24);
|
||||
background: #fff;
|
||||
background-image: linear-gradient(bottom, rgb(224,224,224) 1%, rgb(253,253,253) 51%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(224,224,224) 1%, rgb(253,253,253) 51%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 1%, rgb(253,253,253) 51%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 1%, rgb(253,253,253) 51%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 1%, rgb(253,253,253) 51%);
|
||||
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0.01, rgb(224,224,224)),
|
||||
color-stop(0.51, rgb(253,253,253))
|
||||
);
|
||||
}
|
||||
.popup .inner .header{
|
||||
-webkit-border-radius: 10px 10px 0 0;
|
||||
border-radius: 10px 10px 0 0;
|
||||
background: url(../img/popup/bg-header.png) repeat-x;
|
||||
}
|
||||
.popup .inner .header h4{
|
||||
margin: 0;
|
||||
padding: 10px 10px 10px 30px;
|
||||
line-height: 25px;
|
||||
color: #535252;
|
||||
font-size: 18px;
|
||||
text-shadow: 1px 1px 1px #ffffff;
|
||||
}
|
||||
.popup .inner .header .close-popup{
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
width: 25px;
|
||||
height: 26px;
|
||||
background: url(../img/popup/close.png) no-repeat;
|
||||
}
|
||||
.popup .inner .header .close-popup:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.popup .inner .popup-content{
|
||||
padding: 10px 30px;
|
||||
}
|
||||
.popup .inner .popup-content .container{
|
||||
min-height: 75px;
|
||||
border-bottom: 1px solid #bcbcbc;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.popup .inner .popup-content .container.trash{
|
||||
padding-left: 90px;
|
||||
background: url(../img/popup/trash.png) left top no-repeat;
|
||||
}
|
||||
.popup .inner .popup-content .container p{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.popup .inner .popup-content .container input{
|
||||
width: 100%;
|
||||
max-width: 200px;
|
||||
}
|
||||
.popup .inner .popup-content .buttons{
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
}
|
||||
.popup .inner .popup-content .buttons a,
|
||||
.popup .inner .popup-content .buttons input{
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
/* Popup End */
|
||||
Reference in New Issue
Block a user