کارور:فیروز/vector.css: نسخه‌ئون ِفرق

محتوای حذف‌شده محتوای افزوده‌شده
فیروز (گپ | کایری‌ئون)
بدون خلاصۀ ویرایش
فیروز (گپ | کایری‌ئون)
بدون خلاصۀ ویرایش
بند ۱:
tablea {
color: #3B6EBF;
border-collapse: collapse; /* IE7 and lower */
text-decoration: none;
border-spacing: 0;
width: 100%;
}
 
a:hover {
.bordered {
text-decoration: underline;
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
 
 
.bordered tr:hover {
#wrap {
background: #fbf8e9;
margin: 20px auto;
-o-transition: all 0.1s ease-in-out;
width: 724px;
-webkit-transition: all 0.1s ease-in-out;
background: #fff url('images/midbg.jpg');
-moz-transition: all 0.1s ease-in-out;
background-repeat: repeat-y;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.bordered td, .bordered th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
text-align: left;
}
 
#top {
.bordered th {
background-color: #dce9f9fff url('images/topbg.jpg');
height: 30px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: linear-gradient(top, #ebf3fc, #dce9f9);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
border-top: none;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
 
#content {
.bordered td:first-child, .bordered th:first-child {
padding: 0 40px 0 40px;
border-left: none;
}
 
#bottom {
.bordered th:first-child {
 
-moz-border-radius: 6px 0 0 0;
background: #fff url('images/botbg.jpg');
-webkit-border-radius: 6px 0 0 0;
height: 30px;
border-radius: 6px 0 0 0;
}
 
 
.bordered th:last-child {
.header {
-moz-border-radius: 0 6px 0 0;
height: 100px;
-webkit-border-radius: 0 6px 0 0;
background: #85ACF7 url('images/hidr.jpg');
border-radius: 0 6px 0 0;
}
 
.header h1 { padding-right: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.bordered th:only-child{
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
-moz-border-radius: 6px 6px 0 0;
.header h2 { padding-right: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }
-webkit-border-radius: 6px 6px 0 0;
 
border-radius: 6px 6px 0 0;
.breadcrumbs {
background: #F6F9FB;
border-bottom: 1px solid #E1E1E1;
padding: 5px;
}
.middle {
float: right;
width: 59%;
margin: 0 10px;
padding: 1% 1%;
text-align: justify;
}
 
.right {
float: right;
width: 30%;
margin: 0 10px;
padding: 1% 1%;
}
 
.right ul {
padding: 20px 20px 15px 0;
margin:0;
}
 
.right li {
margin-bottom:5px;
list-style-type: square;
color: #3B6EBF;
}
 
.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}
 
 
#clear {
.bordered tr:last-child td:first-child {
display: block;
-moz-border-radius: 0 0 0 6px;
clear: both;
-webkit-border-radius: 0 0 0 6px;
width: 100%;
border-radius: 0 0 0 6px;
height:1px;
overflow:hidden;
}
 
#footer {
.bordered tr:last-child td:last-child {
text-align: center;
-moz-border-radius: 0 0 6px 0;
color: #666;
-webkit-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}