forked from YandolsZX/IcarusImeji
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
385 lines
6.5 KiB
385 lines
6.5 KiB
/*
|
|
Theme Name: I.C.A.R.U.S. Imeji Uploader - Additional
|
|
Theme URL: http://zxicar.us/
|
|
Version: 0.4
|
|
Author: Yandols Z'eon X
|
|
*/
|
|
/*
|
|
* BUTTONS
|
|
* ---------------------------------------------
|
|
*/
|
|
.btn-container {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
}
|
|
.phone .btn-container {
|
|
text-align: center;
|
|
}
|
|
|
|
.btn {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
padding: 0 10px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
.btn, .btn:hover, .btn:active, .btn:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn:active, .btn.default:active {
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
}
|
|
|
|
.tone-dark .btn:active, .tone-dark .btn.default:active {
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/* Button contents */
|
|
.btn-icon {
|
|
font-size: 14px;
|
|
width: 14px;
|
|
display: inline-block;
|
|
}
|
|
.btn-text {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/* button sizes */
|
|
.btn-big {
|
|
font-size: 16px;
|
|
font-size: 1.143rem;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.btn-small {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
font-size: 0.92em;
|
|
}
|
|
.btn-input {
|
|
font-weight: 600;
|
|
font-size: 0.93em;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.btn-32 {
|
|
width: 32px;
|
|
height: 32px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
.btn-32 .btn-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 18px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
/* capsule button */
|
|
.btn-capsule {
|
|
border-radius: 100px;
|
|
border-color: rgba(255,255,255,.5);
|
|
background-color: rgba(0,0,0,.5);
|
|
background-image: none;
|
|
height: auto;
|
|
color: #FFF;
|
|
text-shadow: none;
|
|
font-size: 0.93em;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: normal;
|
|
padding: 0 15px;
|
|
box-shadow: none;
|
|
filter: none;
|
|
}
|
|
.btn-capsule:hover {
|
|
background-color: rgba(0,0,0,.7);
|
|
}
|
|
.no-rgba .btn-capsule {
|
|
border-color: #666;
|
|
background-color: none;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
|
|
zoom: 1;
|
|
}
|
|
.no-rgba .btn-capsule:hover {
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
|
|
}
|
|
.btn-capsule:active {
|
|
box-shadow: none;
|
|
}
|
|
.btn-capsule .btn-icon {
|
|
font-size: 0.93em;
|
|
}
|
|
|
|
|
|
/* button colors */
|
|
|
|
.btn.default {
|
|
color: #333;
|
|
border: 1px solid #CCC;
|
|
background-color: #EEE;
|
|
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.05);
|
|
}
|
|
.tone-dark .btn.default {
|
|
color: #CCC;
|
|
background-color: #2f2f2f;
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05);
|
|
}
|
|
.btn.default:hover {
|
|
background-color: #E9E9E9;
|
|
}
|
|
.tone-dark .btn.default:hover {
|
|
background-color: #363636;
|
|
}
|
|
|
|
.btn.default.outline {
|
|
color: #00A7DA;
|
|
border-color: #00A7DA;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn.disabled, .btn.disabled:hover {
|
|
color: #999;
|
|
background-color: #F6F6F6;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
}
|
|
.tone-dark .btn.disabled, .tone-dark .btn.disabled:hover {
|
|
color: #666;
|
|
background-color: #212121;
|
|
}
|
|
.btn.disabled.outline, .btn.disabled.outline:hover {
|
|
color: #BBB;
|
|
border-color: #CCC;
|
|
}
|
|
|
|
/* "plain" color (no color at all) */
|
|
.btn.plain, .btn.plain:hover {
|
|
background: none;
|
|
text-shadow: none;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
color: inherit;
|
|
}
|
|
.tone-dark .btn.plain, .tone-dark .btn.plain:hover {
|
|
background: none;
|
|
}
|
|
.btn.plain:active {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn.active {
|
|
background-image: none;
|
|
background-color: #00A7DA;
|
|
border-color: #00A7DA;
|
|
filter: none;
|
|
}
|
|
|
|
.btn.grey, .btn.grey.off:hover {
|
|
border-color: #EEE;
|
|
background-color: #EEE;
|
|
}
|
|
.btn.grey:hover {
|
|
background-color: #E9E9E9;
|
|
}
|
|
.btn.grey.outline {
|
|
color: #EEE;
|
|
}
|
|
|
|
.btn.orange, .btn.orange.off:hover {
|
|
border-color: #FE771D;
|
|
background-color: #FE771D;
|
|
}
|
|
.btn.orange:hover {
|
|
background-color: #FE6B0A;
|
|
}
|
|
.btn.orange.outline {
|
|
color: #FE771D;
|
|
}
|
|
|
|
.btn.blue, .btn.blue.off:hover {
|
|
border-color: #2A80B9;
|
|
background-color: #2A80B9;
|
|
}
|
|
.btn.blue:hover {
|
|
background-color: #2879B0;
|
|
}
|
|
.btn.blue.outline {
|
|
color: #2A80B9;
|
|
}
|
|
|
|
.btn.green, .btn.green.off:hover {
|
|
border-color: #27AE61;
|
|
background-color: #27AE61;
|
|
}
|
|
.btn.green:hover {
|
|
background-color: #25A55C;
|
|
}
|
|
.btn.green.outline {
|
|
color: #27AE61;
|
|
}
|
|
|
|
.btn.red, .btn.red.off:hover {
|
|
border-color: #E84C3D;
|
|
background-color: #E84C3D;
|
|
}
|
|
.btn.red:hover {
|
|
background-color: #DC483A;
|
|
}
|
|
.btn.red.outline {
|
|
color: #E84C3D;
|
|
}
|
|
|
|
.btn.white, .btn.white.off:hover {
|
|
border-color: #FFF;
|
|
background-color: #FFF;
|
|
}
|
|
.btn.white:hover {
|
|
background-color: #FFF;
|
|
}
|
|
.btn.white.outline {
|
|
color: #FFF;
|
|
}
|
|
|
|
.btn.black, .btn.black.off:hover {
|
|
border-color: #3A3A3A;
|
|
background-color: #3A3A3A;
|
|
}
|
|
.btn.black:hover {
|
|
background-color: #343434;
|
|
}
|
|
.btn.black.outline {
|
|
color: #3A3A3A;
|
|
}
|
|
|
|
.btn.active, .btn.orange, .btn.blue, .btn.green, .btn.red, .btn.black {
|
|
color: #FFF;
|
|
border: 1px solid transparent;
|
|
}
|
|
.btn.grey, .btn.white {
|
|
color: #333;
|
|
}
|
|
|
|
.btn.off {
|
|
cursor: default;
|
|
}
|
|
.btn.off:active {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Social networks buttons */
|
|
/* hover are usually .95 */
|
|
.btn-social {
|
|
color: #FFF;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
border: 1px solid transparent;
|
|
}
|
|
.btn-social, .btn-social:hover {
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
background: #333;
|
|
}
|
|
|
|
.btn-twitter, .link-twitter span {
|
|
background: #00ACEE;
|
|
}
|
|
.btn-twitter:hover, .link-twitter:hover span {
|
|
background: #02A5E3;
|
|
}
|
|
|
|
.btn-facebook, .link-facebook span {
|
|
background: #3C5998;
|
|
}
|
|
.btn-facebook:hover, .link-facebook:hover span {
|
|
background: #374F8A;
|
|
}
|
|
|
|
.btn-google, .link-google span,
|
|
.btn-google-plus, .link-google-plus span {
|
|
background: #D74836;
|
|
}
|
|
.btn-google:hover, .link-google:hover span,
|
|
.btn-google-plus:hover, .link-google-plus:hover span {
|
|
background: #CD3C2A;
|
|
}
|
|
|
|
.btn-mail {
|
|
background: #CCC;
|
|
color: #333;
|
|
}
|
|
.btn-mail span {
|
|
color: #333;
|
|
}
|
|
.btn-mail:hover {
|
|
background: #BBB;
|
|
}
|
|
|
|
.btn-tumblr {
|
|
background: #39536C;
|
|
}
|
|
.btn-tumblr:hover {
|
|
background: #2C4762;
|
|
}
|
|
|
|
.btn-pinterest {
|
|
background: #CB2027;
|
|
}
|
|
.btn-pinterest:hover {
|
|
background: #B61A21;
|
|
}
|
|
|
|
.btn-stumbleupon {
|
|
background: #EA4B24;
|
|
}
|
|
.btn-stumbleupon:hover {
|
|
background: #DF421F;
|
|
}
|
|
|
|
.btn-blogger {
|
|
background: #F5821F;
|
|
}
|
|
.btn-blogger:hover {
|
|
background: #E97B1D;
|
|
}
|
|
|
|
.btn-reddit {
|
|
background: #CEE3F8;
|
|
}
|
|
.btn-reddit:hover {
|
|
background: #C0DBF5;
|
|
}
|
|
.btn-reddit .btn-icon {
|
|
color: #333;
|
|
}
|
|
|
|
.btn-vk, .link-vk span {
|
|
background: #587EA3;
|
|
}
|
|
.btn-vk:hover, .link-vk:hover span {
|
|
background: #4E6F93;
|
|
}
|
|
|
|
/* Outlines */
|
|
.btn.outline, .btn.outline:hover {
|
|
background: none;
|
|
border: 1px solid;
|
|
box-shadow: none;
|
|
}
|