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

محتوای حذف‌شده محتوای افزوده‌شده
فیروز (گپ | کایری‌ئون)
بدون خلاصۀ ویرایش
فیروز (گپ | کایری‌ئون)
بدون خلاصۀ ویرایش
بند ۱:
 
/** BASIC */
 
body {
margin: 10px 0;
font: normal small Arial, Helvetica, sans-serif;
color: #83895C;
}
 
#toc{
display: none;
}
 
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #CC6600;
}
 
a {
color: #3B6EBF;
text-decoration: none;
color: #CC6600;
border-bottom: 1px solid #EBA45E;
}
 
a:hover {
border: none;
text-decoration: underline;
}
 
/** HEADER */
#toc{
 
display:none;
#header {
width: 700px;
height: 80px;
margin: 0 auto;
}
 
#wrap {
#header h1 {
margin: 20px auto;
margin: 0;
width: 724px;
padding: 30px 20px 0 10px;
background: #fff url('images/midbg.jpg');
text-transform: lowercase;
background-repeat: repeat-y;
font-size: 36px;
letter-spacing: -.05em;
color: #83895C;
}
 
#topheader {h2 {
display: none;
background: #fff url('images/topbg.jpg');
height: 30px;
}
 
/** MENU */
#content {
 
padding: 0 40px 0 40px;
#menu {
width: 700px;
margin: -2.25em auto 0 auto;
}
 
#bottommenu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
 
#menu li {
background: #fff url('images/botbg.jpg');
display: inline;
height: 30px;
}
 
#menu a {
padding: 0 11px 0 10px;
border: none;
border-right: 1px solid #83895C;
color: #83895C;
}
 
#menu a:hover {
.header {
color: #83895C;
height: 100px;
background: #85ACF7 url('images/hidr.jpg');
}
 
#menu .first a {
.header h1 { padding-right: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
border: none;
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
}
.header h2 { padding-right: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }
 
/** CONTENT */
.breadcrumbs {
 
background: #F6F9FB;
#content {
border-bottom: 1px solid #E1E1E1;
paddingwidth: 5px720px;
margin: 0 auto;
background: #EFEBDF url(images/img01.gif) repeat-y right top;
}
 
#content * {
.middle {
line-height: 140%;
float: right;
width: 59%;
margin: 0 10px;
padding: 1% 1%;
text-align: justify;
}
 
#columnA {
.right {
float: right;
width: 30%440px;
marginpadding: 25px 30px 0 10px20px;
background: url(images/img02.gif) no-repeat right top;
padding: 1% 1%;
}
 
#columnB {
.right ul {
float: left;
padding: 20px 20px 15px 0;
width: 200px;
margin:0;
padding: 25px 10px 0 20px;
background: url(images/img03.gif) no-repeat right top;
}
 
.right#columnB li* {
color: #EFEBDF;
margin-bottom:5px;
list-style-type: square;
color: #3B6EBF;
}
 
#columnB ul {
.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
margin-right: 0;
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}
padding-right: 0;
list-style: inside circle;
}
 
#columnB a {
 
border-bottom-color: #EBD8B7;
#clear {
displaycolor: block#FFFFFF;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}
 
/** FOOTER */
 
#footer {
width: 720px;
text-align: center;
colorheight: #66650px;
margin: 0 auto;
background: url(images/img04.gif) no-repeat right top;
}
 
#footer p {
margin: 0;
padding: 35px 20px 0 0;
font: bold 9px Arial, Helvetica, sans-serif;
}