Файл: 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;}