CSS_Classic_Original
abcdefghijklmnopqrstuvwxyz123{}
body {
font-size : .9em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 0px;
}
a:visited,
a:active,
a:link {
color: Navy;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
h1 {
margin : 0px;
font-size : 1.5em;
}
h1 a:visited,
h1 a:active,
h1 a:link {
color : #000;
}
h1 a:hover {
color : #47F;
text-decoration : none;
}
h2 {
margin-top : 10px;
font-size : 1em;
}
h3 {
font-size : 1.2em;
}
h5 {
margin: 0px;
padding: 0px;
}
p
{
font-size: 10pt;
margin: 10px 0px;
}
div.News
{
font-size: 10pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 5px;
padding-left: 10px;
}
div.dateTitle
{
margin-top: 10px;
font-weight: bold;
font-size: 10pt;
text-align: right;
}
.HeaderTitles
{
font-familyXXX: "Trebuchet MS";
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
width: 100%;
}
.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
color: Black;
text-decoration : none;
font-size: .75em;
font-weight: normal;
}
.HeaderBar
{
font-weight: normal;
font-size: 9pt;
border-collapse: collapse;
background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabBack.jpg);
background-repeat:repeat-x;
}
.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
color: Black; /*WhiteSmoke;*/
text-decoration: none;
font-weight: normal;
}
.HeaderBarTab
{
background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabFace.jpg);
background-repeat:repeat-x;
border-collapse: collapse;
padding: 0px;
}
.BlogStatsBar
{
text-align:right;
font-weight: normal;
font-size: 7pt;
color: Silver;
border-collapse:collapse;
}
p.date img {
vertical-align : middle;
}
p.date {
font-size : 0.9em;
font-weight : bold;
margin-bottom : 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 4px;
text-align: right;
}
blockquote {
font-style : italic;
}
div.postTitle a:visited,
div.postTitle a:active,
div.postTitle a:link
{
color: Navy;
text-decoration : none;
}
div.post
{
border-right: gainsboro 2px solid;
border-top: gainsboro 2px solid;
border-left: gainsboro 2px solid;
border-bottom: gainsboro 2px solid;
}
div.postTitle
{
padding-left: 3px;
font-weight: bolder;
font-size: 10pt;
padding-bottom: 3px;
padding-top: 3px;
border-bottom: gainsboro 1px solid;
background-color: whitesmoke;
}
div.postText
{
padding-right: 10px;
padding-left: 3px;
font-size: 10pt;
padding-bottom: 3px;
padding-top: 3px;
}
div.postFoot
{
background-color: WhiteSmoke;
border-top: gainsboro 1px solid;
font-size: 9pt;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 1px;
padding-top: 1px;
text-align: right;
}
#top
{
background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabBackground.gif);
background-repeat: repeat;
color : WhiteSmoke;
border-top : 4px solid Black;
border-bottom : 4px solid Black;
padding: 0px;
margin: 0px;
}
#tagline {
font-size : 0.8em;
margin : 0px;
color: White;
}
#leftmenu {
position : absolute;
left : 0px;
width : 180px;
height:auto;
background-color: WhiteSmoke;
padding-top: 5px;
}
#leftmenu h3 {
font-size : 0.8em;
margin : 0px;
margin-top : 10px;
padding-bottom: 2px;
padding-left: 3px;
border-top: solid 1px Gainsboro;
}
#leftmenu ul {
list-style: none;
margin : 0px;
padding-left : 5px;
margin-left : 5px;
margin-bottom : 10px;
font-size : 9pt;
}
#leftmenu ol
{
padding-left: 5px;
list-style-position: inside;
font-size: 9pt;
margin: 0px 5px 10px;
list-style-type: decimal;
}
#leftmenu li
{
font-size: 9pt;
margin-bottom: 5px;
WORD-BREAK: break-all;
WORD-WRAP: break-word;
}
#leftmenu a
{
padding: 1px;
text-decoration: none;
}
#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link
{
}
#leftmenu a:hover
{
font-style:italic;
}
#main {
margin-left : 180px;
background-color : White;
padding : 10px;
border-left : 1px solid #555;
border-bottom : 4px solid Black;
}
#footer {
margin : 0px;
padding-top : 5px;
text-align : center;
font-size : 0.7em;
}
input, textarea
{
font-size: 1.0em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.CommentForm
{
font-size: 9pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.Button
{
border: 1px solid SteelBlue;
background-color: gainsboro;
}
.Tag{padding:5px 0 5px 6px;}
.Tag span { float:left; font-size:12px;}
.Tag ul{ float:left; list-style-type:none;margin:0 0 0 4px;padding:0;}
.Tag li{ float:left; font-size:12px; line-height:20px;padding:0 15 0 0px;}
.Tag li a{text-decoration:underline;}
.Tag li a:hover{text-decoration:underline;}
#ToolTipBkg
{
border: 1px solid rgb(109, 49, 19); color: rgb(0, 0, 102);
display: none;
position: absolute;
background-color: rgb(255, 153, 51);
}
#ToolTilContent
{
position: absolute;
display: none;
color: black;
}
#photos
{
/*border : 1px solid orange;*/
width : 180px;
height : 150px;
text-align:center
}
#pho
{
/*border : 1px groove black;*/
background-color: black;
width : 150px;
height : 115px;
position: relative;
}
#btnPP
{
position: relative;
width :30px;
height :30px;
left : 0px;
top : 5px;
bottom: 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_pause_30_0.gif");
}
#btnStop
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_stop_20_0.gif");
}
#btnPrev
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_previous_20_3.gif");
}
#btnNext
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_next_20_0.gif");
}
#btnFull
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_button_full_0.gif");
}
/*
修改这个文件没有任何实际意义,必须修改同名+raw文件。
但是应该使这两个文件相一致!
FAQ:
Q1: 如何更新同名raw文件
A1: 打开raw文件,按“源文件”按钮,输入内容。发表即可。
Q2:第一个属性abcd.....xyz12..9 有什么意义?
A2:没有实际意义。因为由于css与html混合,所以第一个属性块无法正确读取。所以人为制造一个不需要属性块。否则原来第一个属性块(BODY)将无法被正确识别。你可以试试看,可以看到margin出了点问题。呵呵。
注意事项:
1.前段时间发生一种情况,就是格式都对,但是背景图像无法显示。后来发现是在粘贴时,某一个环节造成url(...)变成了 url
(...)
这种情况造成了无法正确识别url的问题!
*/
body {
font-size : .9em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 0px;
}
a:visited,
a:active,
a:link {
color: Navy;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
h1 {
margin : 0px;
font-size : 1.5em;
}
h1 a:visited,
h1 a:active,
h1 a:link {
color : #000;
}
h1 a:hover {
color : #47F;
text-decoration : none;
}
h2 {
margin-top : 10px;
font-size : 1em;
}
h3 {
font-size : 1.2em;
}
h5 {
margin: 0px;
padding: 0px;
}
p
{
font-size: 10pt;
margin: 10px 0px;
}
div.News
{
font-size: 10pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 5px;
padding-left: 10px;
}
div.dateTitle
{
margin-top: 10px;
font-weight: bold;
font-size: 10pt;
text-align: right;
}
.HeaderTitles
{
font-familyXXX: "Trebuchet MS";
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
width: 100%;
}
.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
color: Black;
text-decoration : none;
font-size: .75em;
font-weight: normal;
}
.HeaderBar
{
font-weight: normal;
font-size: 9pt;
border-collapse: collapse;
background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabBack.jpg);
background-repeat:repeat-x;
}
.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
color: Black; /*WhiteSmoke;*/
text-decoration: none;
font-weight: normal;
}
.HeaderBarTab
{
background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabFace.jpg);
background-repeat:repeat-x;
border-collapse: collapse;
padding: 0px;
}
.BlogStatsBar
{
text-align:right;
font-weight: normal;
font-size: 7pt;
color: Silver;
border-collapse:collapse;
}
p.date img {
vertical-align : middle;
}
p.date {
font-size : 0.9em;
font-weight : bold;
margin-bottom : 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 4px;
text-align: right;
}
blockquote {
font-style : italic;
}
div.postTitle a:visited,
div.postTitle a:active,
div.postTitle a:link
{
color: Navy;
text-decoration : none;
}
div.post
{
border-right: gainsboro 2px solid;
border-top: gainsboro 2px solid;
border-left: gainsboro 2px solid;
border-bottom: gainsboro 2px solid;
}
div.postTitle
{
padding-left: 3px;
font-weight: bolder;
font-size: 10pt;
padding-bottom: 3px;
padding-top: 3px;
border-bottom: gainsboro 1px solid;
background-color: whitesmoke;
}
div.postText
{
padding-right: 10px;
padding-left: 3px;
font-size: 10pt;
padding-bottom: 3px;
padding-top: 3px;
}
div.postFoot
{
background-color: WhiteSmoke;
border-top: gainsboro 1px solid;
font-size: 9pt;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 1px;
padding-top: 1px;
text-align: right;
}
#top
{
background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabBackground.gif);
background-repeat: repeat;
color : WhiteSmoke;
border-top : 4px solid Black;
border-bottom : 4px solid Black;
padding: 0px;
margin: 0px;
}
#tagline {
font-size : 0.8em;
margin : 0px;
color: White;
}
#leftmenu {
position : absolute;
left : 0px;
width : 180px;
height:auto;
background-color: WhiteSmoke;
padding-top: 5px;
}
#leftmenu h3 {
font-size : 0.8em;
margin : 0px;
margin-top : 10px;
padding-bottom: 2px;
padding-left: 3px;
border-top: solid 1px Gainsboro;
}
#leftmenu ul {
list-style: none;
margin : 0px;
padding-left : 5px;
margin-left : 5px;
margin-bottom : 10px;
font-size : 9pt;
}
#leftmenu ol
{
padding-left: 5px;
list-style-position: inside;
font-size: 9pt;
margin: 0px 5px 10px;
list-style-type: decimal;
}
#leftmenu li
{
font-size: 9pt;
margin-bottom: 5px;
WORD-BREAK: break-all;
WORD-WRAP: break-word;
}
#leftmenu a
{
padding: 1px;
text-decoration: none;
}
#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link
{
}
#leftmenu a:hover
{
font-style:italic;
}
#main {
margin-left : 180px;
background-color : White;
padding : 10px;
border-left : 1px solid #555;
border-bottom : 4px solid Black;
}
#footer {
margin : 0px;
padding-top : 5px;
text-align : center;
font-size : 0.7em;
}
input, textarea
{
font-size: 1.0em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.CommentForm
{
font-size: 9pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.Button
{
border: 1px solid SteelBlue;
background-color: gainsboro;
}
.Tag{padding:5px 0 5px 6px;}
.Tag span { float:left; font-size:12px;}
.Tag ul{ float:left; list-style-type:none;margin:0 0 0 4px;padding:0;}
.Tag li{ float:left; font-size:12px; line-height:20px;padding:0 15 0 0px;}
.Tag li a{text-decoration:underline;}
.Tag li a:hover{text-decoration:underline;}
#ToolTipBkg
{
border: 1px solid rgb(109, 49, 19); color: rgb(0, 0, 102);
display: none;
position: absolute;
background-color: rgb(255, 153, 51);
}
#ToolTilContent
{
position: absolute;
display: none;
color: black;
}
#photos
{
/*border : 1px solid orange;*/
width : 180px;
height : 150px;
text-align:center
}
#pho
{
/*border : 1px groove black;*/
background-color: black;
width : 150px;
height : 115px;
position: relative;
}
#btnPP
{
position: relative;
width :30px;
height :30px;
left : 0px;
top : 5px;
bottom: 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_pause_30_0.gif");
}
#btnStop
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_stop_20_0.gif");
}
#btnPrev
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_previous_20_3.gif");
}
#btnNext
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_next_20_0.gif");
}
#btnFull
{
position: relative;
width :20px;
height :20px;
left : 0px;
top : 5px;
margin : 2px;
background-image: url("http://p.blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_button_full_0.gif");
}
/*
修改这个文件没有任何实际意义,必须修改同名+raw文件。
但是应该使这两个文件相一致!
FAQ:
Q1: 如何更新同名raw文件
A1: 打开raw文件,按“源文件”按钮,输入内容。发表即可。
Q2:第一个属性abcd.....xyz12..9 有什么意义?
A2:没有实际意义。因为由于css与html混合,所以第一个属性块无法正确读取。所以人为制造一个不需要属性块。否则原来第一个属性块(BODY)将无法被正确识别。你可以试试看,可以看到margin出了点问题。呵呵。
注意事项:
1.前段时间发生一种情况,就是格式都对,但是背景图像无法显示。后来发现是在粘贴时,某一个环节造成url(...)变成了 url
(...)
这种情况造成了无法正确识别url的问题!
*/