Вход Регистрация
Файл: iShort-PHP/iShort/css/style.css
Строк: 430
@import url('./weather.css'); @import
url('./font-awesome.min.css'); html, body { border: 0; margin: 0;
padding: 0; } body { font: 62.5% "Lucida Grande", "Lucida
Sans Unicode", Arial, sans-serif; min-width: 100%; min-height: 100%;
color: #666; background:#eee; } pre { border: 1px dotted
#000; text-shadow: 0 1px 1px #fff; box-shadow: 0 0 0 3px
#eee; border-radius: 2px; font-weight: 700; line-height:
25px; word-wrap: break-word; position: relative; z-index:
0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space:
-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background:
#f3f3f3 url(../img/pre_bg.gif) top left scroll repeat; overflow:
auto; color: #895454; margin: 10px 0px; padding: 40px 10px; font:
normal 12px/20px Consolas, "Courier New", Courier,
monospace; } pre:before { content: 'Example'; position:
absolute; top: 0; left: 0; background: #F5F2F2; color:
#999; line-height: 15px; border-radius: 0 0 5px; -moz-border-radius: 0 0
5px; padding: 5px 10px; border-right: 1px solid #000; border-bottom: 1px
solid #000; } .ap_box_php { display: block; width:
700px; margin: 20px auto; padding: 35px; border: 1px solid
#cbcbcb; background-color:
#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:
0 2px 5px rgba(50, 50, 50, 0.1); -webkit-box-shadow: 0 2px 5px rgba(50,
50, 50, 0.1); -moz-box-shadow: 0 2px 5px rgba(50, 50, 50,
0.1); } .ap_box_php p{ font-size:14px;} #contact p, label, legend {
font: 1.5em "Lucida Grande", "Lucida Sans Unicode",
Arial, sans-serif; } #contact h1 { margin: 10px 0 10px; font-size: 24px;
color: #333333; } #contact hr { color: inherit; height: 0; margin: 6px 0
6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none
solid; } mark.validate { display: inline-block; margin: 12px 0 0
10px; width: 16px; height: 16px; background: transparent
none; } mark.error { background: url(../img/error.gif) no-repeat top
left; } mark.valid { background: url(../img/success.gif) no-repeat top
left; } #contact label { display: inline-block; float:
left; height: 1em; line-height: 1em; padding: 6px 0 0; width:
155px; font-size: 1.4em; margin: 5px 0; clear: both; } #contact
label small { font-size: 0.75em; color: #ccc; } #contact
label.verify { padding: 0; margin: 2px 10px 2px 0; width:
145px; text-align: right; } #contact label.verify img
{ padding:1px; border:1px solid
#cccccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #contact
input, #contact textarea, #contact select { width: 220px; padding:
5px; color: #666; background: #f5f5f5; border: 1px solid
#ccc; margin: 5px 0; font:1.4em "Lucida Grande", "Lucida
Sans Unicode", Arial,
sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; vertical-align:
top; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s
ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0
5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238,
0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #contact select
{ width: 232px; margin: 8px 0; } #contact input#verify { width:
55px; } #contact textarea { width: 414px; } #contact input:focus,
#contact textarea:focus, #contact select:focus { border: 1px solid
#ddd; background-color: #fff; color:#333; outline: none; position:
relative; z-index: 5; box-shadow: 0 0 5px rgba(81, 203, 238,
1); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); -moz-box-shadow:
0 0 5px rgba(81, 203, 238, 1); -webkit-transform:
scale(1.05); -moz-transform: scale(1.05); transition: all 0.25s
ease-in-out; -webkit-transition: all 0.25s
ease-in-out; -moz-transition: all 0.25s ease-in-out; } #contact
input.error, #contact textarea.error, #contact select.error { box-shadow:
0 0 5px rgba(204, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(204, 0, 0,
0.5); -moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); border: 1px solid
#faabab; background: #fef3f3 } #contact input.submit { width:
auto; cursor: pointer; position: relative; border: 1px solid
#282828; color:#fff; padding: 6px 16px; text-decoration:
none; font-size:
1.5em; background:#555; background:-webkit-gradient(
linear, left bottom, left top, color-stop(0.12,
rgb(60,60,60)), color-stop(1,
rgb(85,85,85)) ); background:-moz-linear-gradient( center
bottom, rgb(60,60,60) 12%, rgb(85,85,85)
100% ); box-shadow: 0 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0
1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px
rgba(0,0,0,0.25); text-shadow: 0 -1px 1px
rgba(0,0,0,0.25); } #contact input.submit:hover { background: #282828
!important; transition: none; -webkit-transition:
none; -moz-transition: none; } #contact input.submit:active, #contact
input.submit:focus { top: 1px; } #contact
input[type="submit"][disabled] { background:#888; } #contact
fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px;
-moz-border-radius:5px; margin:0 0 20px; } #contact legend { padding:7px
10px; font-weight:bold; color:#000; border:1px solid #eee;
-webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0
!important; margin-bottom:20px; } #contact
input[type="checkbox"] { width:20px; margin-top:11px; } #contact
span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of
the * if the field is required. */ #message { margin: 1em 0; padding: 0;
display: block; background: transparent none; } .error_message {
display: block; height: 22px; line-height: 22px; background: #FBE3E4
url('../img/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px;
color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px;
} .loader { padding: 0 10px; } #contact #success_page h1 {
background: url('../img/success.gif') left no-repeat; padding-left:22px;
} #contact input[type="radio"] { width: 20px;
margin-top:0px;} #contact .radio {width:100%;} #contact .mailsuccess,
.mailerror { border: 1px solid; margin: 10px
0px; font-size:16px; padding:15px 10px 15px 50px;
background-repeat: no-repeat; background-position: 10px
center; } #contact .mailerror{ color: #D8000C; background-color:
#FFBABA; background-image: url('../img/mailerror.png?v=233'); } #contact
.mailsuccess { color: #4F8A10; background-color:
#DFF2BF; background-image:
url('../img/mailsuccess.png?v=233'); } .ap_clock
{ font-size:13px; color: #fff; padding:2px
5px; margin-right:10px; text-shadow: 0 -1px 0
rgba(0,0,0,0.25); background-color: #60b044; background-image:
-webkit-linear-gradient(#8add6d, #60b044); background-image:
linear-gradient(#8add6d, #60b044); background-repeat:
repeat-x; border-color: #5ca941; cursor:default; white-space:
nowrap; } .ap_imgborder { margin:5px
15px; padding:2px; box-shadow: 0px 0px 0px 5px
#000; } a[rel="tag"] { background-image:
-moz-linear-gradient(top, rgba(255,255,255,0.12) 0%, rgba(0,0,0,0.1) 99%,
rgba(0,0,0,0.1) 100%); background-image: -webkit-gradient(linear, left
top, left bottom, color-stop(0%,rgba(255,255,255,0.12)),
color-stop(99%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.12)
0%,rgba(0,0,0,0.1) 99%,rgba(0,0,0,0.1) 100%); background-image:
-o-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.1)
99%,rgba(0,0,0,0.1) 100%); background-image: -ms-linear-gradient(top,
rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.1) 99%,rgba(0,0,0,0.1) 100%);
background-image: linear-gradient(top, rgba(255,255,255,0.12)
0%,rgba(0,0,0,0.1) 99%,rgba(0,0,0,0.1) 100%); -webkit-border-radius:
0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius:
0px 3px 3px 0px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5)
inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; border: 1px solid;
border-left: 0; position: relative; display: inline-block; margin:
0 15px 5px 0; padding: 0 10px; height: 25px; color: #fff;
font-size: 12px; font-weight: bold; line-height: 25px;
text-shadow: 0 1px 0 rgba(0,0,0,0.5); text-decoration: none;
margin-left: 15px; } .ap_tag_blue { background-color:
#0b9db7;} a[class="ap_tag_blue"]::after { border-left: 10px
solid #0b9db7;} .ap_tag_red { background-color:
#f25c48;} a[class="ap_tag_red"]::after { border-left: 10px solid
#f25c48;} .ap_tag_orange { background-color:
#f28f1a;} a[class="ap_tag_orange"]::after { border-left: 10px
solid #f28f1a;} .ap_tag_gray { background-color:
#b7b7b7;} a[class="ap_tag_gray"]::after { border-left: 10px
solid #b7b7b7;} a[rel="tag"]::after { background: #fff;
border-bottom: 13px solid transparent; border-top: 13px solid
transparent; content: ''; position: absolute; right: 0; top:
0; } a[rel="tag"]:hover { background-color: crimson;
color: white; } a[rel="tag"]:hover::after {
border-left-color: crimson; } .ap_tag_span { border-radius:
50%; behavior: url(PIE.htc); /* remove if you don't care about IE8
*/ position:absolute; width: 14px; height: 14px; padding:
4px; margin-left: -28px; background: #fff; border: 2px solid
#666; color: #666; text-align: center; font: 11px Arial,
sans-serif; } .article-share-bottom{display:block;background:#f6f6f6;margin-bottom:15px;border-top:1px
dotted #ccc;border-bottom:1px dotted
#ccc;height:25px;padding:10px} .article-share-bottom
b{font-size:12px;font-weight:700;color:#a0a0a0;float:left;padding:1px 13px
1px 0} .article-share-bottom
.social-icon{display:block;float:left} .article-share-bottom .social-icon
.social-button{width:85px;background:#495fbd;color:#fff;display:inline-block;padding:0} .article-share-bottom
.social-icon .social-count{display:inline-block;background:#fff;border:1px
solid
#ccc;font-size:11px;font-weight:700;margin-right:10px;font-family:sans-serif;color:#a0a0a0;margin-left:5px;position:relative;padding:0
5px} .article-share-bottom .social-icon .social-count
.social-arrow{display:block;position:absolute;left:-5px;width:5px;height:100%;top:0;cursor:default;overflow:hidden} .article-share-bottom
.social-icon .social-count
.social-arrow:before{position:absolute;display:block;content:'';top:50%;margin-top:-3px;left:2px;width:5px;height:5px;background:#ccc;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg)} .article-share-bottom
.social-icon .social-button
.icon-text{display:inline-block;float:left;width:22px;text-align:center;font-size:10px;padding:2px
0} .article-share-bottom .social-icon .social-button
font{font-size:10px;display:block;background:rgba(255,255,255,.15);margin-left:22px;text-align:center;font-weight:700;text-transform:uppercase;padding:1px} .article-share-bottom
.social-icon .social-button:hover font{background:0
0} .article-share-bottom .social-icon .social-button:hover
.icon-text{background:rgba(0,0,0,.1)} .article-share-bottom
a{color:#264c84;text-decoration:none;transition:all .2s;-moz-transition:all
.2s;-webkit-transition:all .2s;-o-transition:all
.2s;vertical-align:baseline} /* == FOLDED CORNERS */ .ap_note
{position:relative;width:480px;padding:1em 1.5em;margin:2em
auto;color:#fff;background:#97C02F;overflow:hidden;} .ap_note:before
{content:"";position:absolute;top:0;right:0;border-width:0 16px
16px 0;border-style:solid;border-color:#fff #fff #658E15
#658E15;background:#658E15;display:block; width:0;-webkit-box-shadow:0 1px
1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px
rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px
rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);} .ap_note.red
{background:#C93213;} .ap_note.red:before {border-color:#fff #fff #97010A
#97010A; background:#97010A;} .ap_note.blue
{background:#53A3B4;} .ap_note.blue:before {border-color:#fff #fff
transparent transparent; background:transparent;} .ap_note.taupe
{background:#999868;} .ap_note.taupe:before {border-color:#fff #fff
#BDBB8B #BDBB8B; background:#BDBB8B;} .ap_note.rounded
{-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px
5px;border-radius:5px 0 5px 5px;} .ap_note.rounded:before {
border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5
(and Chrome 10) */ border-color:#fff #fff transparent
transparent; /* Avoids the 1px 'step' in webkit. Background colour shows
through */ -webkit-border-bottom-left-radius:5px;
-moz-border-radius:0 0 0 5px; border-radius:0 0 0
5px; } .ap_note p {margin:0;} .ap_note p + p {margin:1.5em 0 0;}
Онлайн: 0
Реклама