This is how to write CSS code

Author：Eve Cole Update Time：2025-01-21 13:33:52

/*What I use now is modified based on the version shared by Dan's, simplified and formatted*/
/*In fact, this is not the simplest template, just look at this http://hi.baidu.com/nagato_yuki/css/item/af51f3de5971235494ee379b.css*/

a,a:link,a:active,a.on,a.on:visited
{
color:#000000!important;
text-decoration:none
}

a:hover
{
text-decoration:underline
}

body
{
font-family:"Microsoft Yahei",sans-serif;
background:url(<A href="/u/info_img/2009-06/12/4256bbefadc04dfbce1b3e07.jpg)
}

/*head*/
#header
{
height:200px;
padding-left:120px;
background:url(<A href="/u/info_img/2009-06/12/d6ca82771cecae0eb151b93f.jpg) no-repeat center
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited
{
display:none
}

#headerdiv.desc
{
top:125px;
left:500px;
color:#fff;
font-size:12px;
font-family:"Microsoft Yahei",sans-serif
}

#tabline
{
display:none
}

#tab
{
left:150px;
top:170px;
background:none
}

#tab a:link,#tab a:hover
{
font-size:12px;
background-color:none;
text-decoration:none;
color:#000000!important
}

#tab a:visited,#tab a.on
{
font-size:12px;
background-color:none;
color:#FFFFFF!important
}

#tab span
{
display:none
}

.stage
{
text-align:center;
background:url(<A href="/u/info_img/2009-06/12/6e546254f8773740564e00d5.jpg) repeat-y center
}

.stagepad
{
width:740px;
margin:0 auto
}

#layout
{
table-layout:fixed;
width:740px;
margin:0 auto
}

#layout
{
margin-top:-10px
}

#layout td.c1t1,#layout td.c2t1,#layout td.c2t3,#layout td.c3t1,#layout td.c3t3,#layout td.c3t5
{
padding-top:10px
}

#layout td.c2t3
{
background-color:#f8f8f8
}

#layout td.c2t1
{
border-bottom:1px solid #808080
}

#layout td.c2t3
{
border-bottom:1px solid #808080
}

#layout td.c2t2
{
border-right:1px solid #f8f8f8;
border-bottom:1px solid #808080
}

#comm_info
{
color:#000;
font-family:"Microsoft Yahei",sans-serif;
text-align:left
}

#comm_infodiv.line
{
margin-top:5px;
line-height:8px;
background:url(<A href=") no-repeat bottom;
padding-bottom:40px;
margin-bottom:10px
}

#page
{
height:30px;
font-size:14px;
font-family:"Microsoft Yahei",sans-serif;
text-align:right
}

.mod
{
margin-bottom:10px
}

.modth
{
height:24px
}

.modhead
{
padding:4px4px04px
}

.modopt
{
padding:4px4px00
}

.modtit
{
color:#000;
font-size:12px;
font-family:"Microsoft Yahei",sans-serif;
font-weight:bold
}

a.modtit
{
color:#000
}

a.modtit:visited
{
color:#000
}

.modtitlink
{
color:#000;
font-size:12px;
font-weight:bold
}

a.modtitlink
{
color:#000;
text-decoration:none
}

a.modtitlink:visited
{
color:#000;
text-decoration:none
}

a.modtitlink:hover
{
color:#000;
text-decoration:underline
}

.modact
{
color:#000;
font-size:12px;
font-family:"Microsoft Yahei",sans-serif;
text-decoration:none
}

a.modact:link
{
color:#000
}

a.modact:visited
{
color:#000
}

a.modact:hover
{
color:#000;
;
text-decoration:underline
}

.modbox
{
padding:10px 10px 0 10px;
background-color:none
}

.modtl
{
background:none
}

.modtc
{
background:none
}

.modtr
{
background:none
}

.modbl
{
background:none
}

.modbc
{
background:none
}

.modbr
{
background:none
}

/*Article area*/
#m_blog div.tit,#m_blog div.tit a,#m_blog div.tit a:visited,#m_blog div.tit a:hover
{
color:#000;
font-size:16px;
font-weight:bold;
font-family:"Microsoft Yahei",sans-serif;
margin-bottom:20px
}

#m_blogdiv.cnt
{
color:#555;
line-height:26px;
font-size:13px;
font-family:"Microsoft Yahei",sans-serif;
margin-bottom:20px
}

#m_blog div.cnt a,#m_blog div.cnt a:visited,#m_blog div.cnt a:hover
{
text-decoration:underline!important
}

#m_blog div.more,#m_blog div.more a,#m_blog div.more a:visited,#m_blog div.more a:hover
{
text-align:right;
margin-bottom:20px;
}

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:visited
{
font-size:12px;
text-decoration:none;
font-family:"Microsoft Yahei",sans-serif;
text-align:right;
margin-bottom:20px;
}

#m_blog div.opt a:hover
{
text-decoration:underline
}

#m_blog div.line
{
margin-top:17px;
line-height:17px;
border-top:1px#000000dashed;
margin-bottom:20px
}

#m_blog div.none
{
padding:100px 0 100px 0;
color:#000;
font-size:14px
}

/*Personal file area*/
#m_pro a
{
font-family:"Microsoft Yahei",sans-serif;
text-decoration:none
}

#m_pro a:visited
{
text-decoration:none
}

#m_pro a:hover
{
text-decoration:underline
}

#m_prodiv.image
{
text-align:center
}

#m_prodiv.act
{
margin-top:10px
}

#m_prodiv.user
{
margin-top:10px;
color:#000;
font-size:12px;
font-weight:bold;
font-family:"Microsoft Yahei",sans-serif
}

#m_prodiv.desc
{
color:#666;
font-size:12px;
font-family:"Microsoft Yahei",sans-serif
}

#m_pro div.line
{
margin-top:17px;
line-height:17px;
border-top:1px dotted #E4E2DA
}

#m_pro td
{
color:#666;
line-height:24px;
font-size:14px;
font-family:"Microsoft Yahei",sans-serif;
}

#m_albumdiv.image
{
text-align:center
}

#m_album div.page
{
color:#666;
font-size:12px;
text-align:center
}

#m_albumdiv.pagea
{
color:#666;
font-size:12px
}

#m_album div.page a:visited
{
color:#666
}

#m_links div.item,#m_mylink1 div.item,#m_mylink2 div.item,#m_mylink3 div.item,#m_mylink4 div.item
{
color:#666;
font-size:12px;
font-family:"Microsoft Yahei",sans-serif;
}

#m_links div.item a,#m_mylink1 div.item a,#m_mylink2 div.item a,#m_mylink3 div.item a,#m_mylink4 div.item a,#m_links div.item a:visited,#m_mylink1 div.item a :visited,#m_mylink2 div.item a:visited,#m_mylink3 div.item a:visited,#m_mylink4 div.item a:visited,#m_artclg div.item a,#m_artclg div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_comment div.item a,#m_comment div.item a:visited,#m_comment div.item a.cnt:hover,#m_cang div.item a,#m_cang div.item a:visited, #m_friblog div.item a,#m_friblog div.item a:visited,#m_friblog div.item a:visited,#m_friblog div.item a.cnt,#m_friblog div.item a.cnt:visited,#m_friblog div.item a.cnt:hover
{
font-size:12px;
font-weight:normal;
font-family:"Microsoft Yahei",sans-serif;
text-decoration:none
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited,#tabline,#tabspan,#m_blog div.date,#m_comment_post div.toolbarstrip,#m_comment_post div.toolbaritem,#in_send div.toolbarstrip,#in_send div.toolbaritem,#mod_info,#m_comment_post,#m_mylink2 div.line,#m_mylink3 div.line,#mod_artclg div.line,#mod_filed div.line,#vercode,#yanzheng,#m_pro div.userinfo,#m_proa.btfan
{
background:#transparent;
display:none
}

#m_mylink2 div.item,#m_mylink3 div.item,#mod_artclg div.item,#mod_filed div.item
{
float:left;
height:20px;
padding:5px
}