A fork of the Icarus Imeji Uploader Service tweaked for better compatibility on Caddy webserver.
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.
 
 
 
 
IcarusImeji-Caddy/styler/additional.css

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;
}