Space page CSS Description _css/html

What is CSS?

CSS is a technique called style sheet (stylesheet). Some people call it cascading style sheets (cascading Stylesheet). CSS technology is used on the homepage to effectively control the layout, font, color, background and other effects of the page. As long as you make some simple changes to the corresponding code, you can change the different parts of the same page, or the appearance and format of pages with different pages.

Space page CSS Description

Body entire Space page {background-color: #FFFFFF}

--------------------------------------------------------------------------------

Space Name and introduction area
#header body Part {height:89px;background: #3399CC}
#header DIV.LC left background image {Background:url (temp1/hdl.jpg) No-repeat}
#header div.rc Right background image {Background:url (temp1/hdr.jpg) no-repeat top right-hand}
#header div.tit space name {top:8px;left:20px;line-height:22px;font-size:20px;font-family: bold}
#header div.tit a.titlink space name link {color: #FFFFFF; Text-decoration:none}
#header div.tit a.titlink:visited{color: #FFFFFF; Text-decoration:none}
Brief introduction to #header Div.desc space {top:33px;left:20px;color: #FFFFFF; font-size:13px}
#tabline the horizontal line {top:89px;background-color: #FFFFFF} below the tab menu
#tab Tab Menu Principal {top:67px;background:url (temp1/tabbg.gif) Repeat-x}
#tab A.on, #tab a.on:link, #tab a.on:visited tab selected state {margin-top:3px;border-left:1px solid #FFFFFF; border-right:1px Solid #FFFFFF; border-top:1px solid #FFFFFF; Line-height:19px;background-color: #F3F1F1; color: #197CAE; font-size:14px }
#tab the separator between the Span tab and the tab "|" {color: #FFFFFF; font-size:14px}
#tab a:link tab is unchecked {color: #FFFFFF; text-decoration:none;font-size:14px}
#tab a:visited{color: #FFFFFF; text-decoration:none;font-size:14px}
#tab2 Set the tab menu body {background: #DAE9F5}
#tab2 span tab Selection {color: #000000; Font-size:12px;font-weight:bold}
#tab2 a tab unchecked state {font-size:12px}
#tab2 A:link{color: #0000CC}
#tab2 A:visited{color: #0000CC}

--------------------------------------------------------------------------------

. Stage content Area (area between tab menu and copyright information) {background: #F3F1F1}

Other areas (i.e., access volume, etc.)
#comm_info Body {color: #333333; Font-family:arial;text-align:left}
#comm_info Div.line Line {margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a link {color: #3399CC}

--------------------------------------------------------------------------------

Page area
#page Principal {Height:30px;font-size:14px;font-family:arial;text-align:center}
#page span Current page number (not clickable) {padding:3px;color: #000000; Font-size:14px;font-weight:bold}
#page a.pc prev and next {color: #3399CC; Font-size:14px;font-weight:bold}
#page A.pc:visited{color: #3399CC}
#page A.pi page Number (clickable) {padding:3px;color: #3399CC; font-size:14px}
#page A.pi:visited{color: #3399CC}

--------------------------------------------------------------------------------

Module
. mod {margin-bottom:10px}
. Modhandle{cursor:move}
. modth Module title bar body {height:24px}
. modhead{padding:4px 4px 0 4px}
. modopt module operating area (e.g. write new article) {padding:4px 4px 0 0}
. Modtit Module Title area (such as List of articles) {color: #FFFFFF; Font-size:12px;font-weight:bold}a.modtit{color: #FFFFFF}a.modtit:visited{ Color: #FFFFFF}
. Modtitlink{color: #FFFFFF; Font-size:12px;font-weight:bold}a.modtitlink{color: #FFFFFF; Text-decoration:none} A.modtitlink:visited{color: #FFFFFF; Text-decoration:none}a.modtitlink:hover{color: #FF5100; text-decoration: Underline}
. Modact manipulating text links (such as List of articles) {color: #FFFFFF; Font-size:12px}a.modact:link{color: #FFFFFF}a.modact:visited{color: #FFFFFF}
. ModBox Module Content Area {padding:10px 10px 0 10px;background-color: #FFFFFF}
. MODTL module upper left corner background {background:url (temp1/ptitl.gif) no-repeat top left;line-height:1px}
In the. MODTC module, background {background:url (temp1/ptitc.gif) Repeat-x}
. MODTR module upper right corner background {background:url (temp1/ptitr.gif) no-repeat top right;line-height:1px}
. MODBL module lower left corner background {background-color: #FFFFFF; line-height:1px}
. MODBC module Lower background {background-color: #FFFFFF; line-height:1px}
. MODBR module lower right corner background {background-color: #FFFFFF; line-height:1px}

--------------------------------------------------------------------------------

Article area
#m_blog Div.tit article title {Font-size:14px;font-weight:bold}
#m_blog div.tit A article title link {color: #333333; Font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color: #333333}
#m_blog Div.date article published date {margin:5px 0 8px 0;color: #666666}
#m_blog div.cnt article content {color: #333333; line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog Div.more A Read full text link {color: #3399CC; font-size:14px}
#m_blog div.more a:visited{color: #3399CC}
#m_blog div.opt article operation area (such as edit, comment, etc.) {color: #666666; font-size:12px}
#m_blog div.opt A article Action link {color: #3399CC; font-size:12px}
#m_blog div.opt a:visited{color: #3399CC}
#m_blog Div.line Line {margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog Div.none no article message {padding:100px 0 100px 0;color: #333333; font-size:14px}

--------------------------------------------------------------------------------

Personal Archive Area
#m_pro a link {color: #3399CC}
#m_pro A:visited{color: #3399CC}
#m_pro div.image personal avatar {Text-align:center}
#m_pro div.act operation area (such as Add friend, send message) {margin-top:10px}
#m_pro Div.user user name {margin-top:10px;color: #333333; Font-size:12px;font-weight:bold}
#m_pro Div.desc User Profile {color: #333333; font-size:12px}
#m_pro Div.line Line {margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color: #333333; line-height:24px;font-size:14px}

--------------------------------------------------------------------------------

Album Area
#m_album div.image Photo {text-align:center}
#m_album div.page {color: #666666; Font-size:12px;text-align:center}
#m_album div.page a{color: #0000CC; font-size:12px}
#m_album div.page a:visited{color: #0000CC}

--------------------------------------------------------------------------------

Friendship Link Area
#m_links Div.item Subkey {color: #333333; font-size:12px}
#m_links div.item a name (link) {color: #3399CC; Font-size:12px;text-decoration:none}
#m_links div.item a:visited{color: #3399CC}
#m_links Div.line Line {margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

Article category
#m_artclg Div.item Subkey {color: #666666; font-size:12px}
#m_artclg div.item a category name (link) {color: #3399CC; font-size:12px}
#m_artclg div.item a:visited{color: #3399CC}
#m_artclg Div.line Line {margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

Latest Comment Area
#m_comment Div.item Subkey {color: #333333; font-size:12px}
#m_comment Div.item A (link) {color: #3399CC; font-size:12px}
#m_comment div.item a:visited{color: #3399CC}
#m_comment Div.item a.cnt Comment Summary (link) {color: #333333; Font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color: #333333; Text-decoration:none}
#m_comment div.item a.cnt:hover{color: #333333; Text-decoration:underline}
#m_comment Div.line Line {margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

Album List
#m_albumlist div.note{color: #333333; font-size:14px}
#m_albumlist Div.desc Profile {margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color: #F2F2F2; FONT-SIZE:14PX}
#m_albumlist div.none No photo message {padding:100px 0 100px 0;color: #333333; font-size:14px}
#m_albumlist Div.line Line {margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist Div.tit photo Title {margin:6px 0 7px 0;color: #333333; font-size:14px}
#m_albumlist div.tit a photo title link {color: #3399CC; font-size:14px}
#m_albumlist div.tit a:visited{color: #3399CC}
Number of #m_albumlist span.count photos {color: #666666; Font-size:12px;font-weight:bold}
#m_albumlist span.size Photo Size {color: #999999; font-size:12px;font-family:arial}
#m_albumlist A.Act Action Area links (such as edit, delete) {color: #3399CC; font-size:12px}
#m_albumlist A.act:visited{color: #3399CC}
#m_albumlist a.page page Number link {color: #0000CC; font-size:14px}
#m_albumlist A.page:visited{color: #0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999; background: #FFFFFF}

--------------------------------------------------------------------------------

Friends List
#m_friend DIV.FILTER{MARGIN-BOTTOM:10PX;PADDING-LEFT:10PX;PADDING-TOP:10PX;HEIGHT:27PX;LINE-HEIGHT:27PX}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:# F2F2F2;FONT-SIZE:14PX}
#m_friend div.user{margin-top:4px;color: #333333; font-size:12px}
#m_friend Div.user a buddy name (link) {color: #3399CC; font-size:12px}
#m_friend div.user a:visited{color: #3399CC}
#m_friend Div.line Line {margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

Set access statistics, template settings
#m_setting a link {color: #3399CC}
#m_setting A:visited{color: #3399CC}
#m_setting Body {line-height:22px;color: #333333; font-size:14px}
#m_setting Img.sel Template Preview (checked) {border:4px solid #FFDB7B}
#m_setting Img.unsel Template Preview (unchecked) {border:1px solid #D2D2D2}
#m_setting span.tit Template title name {font-size:14px}
#m_setting span.usr author name {color: #666666}
#m_setting Div.sel The current template text {Padding-top:6px;font-size:14px;font-weight:bold}
#m_setting Div.line Line {margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

System Bulletin
#m_sysinfo a link {color: #3399CC}
#m_sysinfo A:visited{color: #3399CC}
#m_sysinfo Body {line-height:22px;color: #333333; font-size:14px}
#m_sysinfo span.new Latest {color: #FF0000; font-size:10px;font-family:arial}
#m_sysinfo span.date release Time {color: #666666; font-size:14px}

--------------------------------------------------------------------------------

Basic options
#m_setbase Body {color: #333333; font-size:14px}
#m_setbase td{color: #333333; font-size:14px}
#m_setbase Div.line Line {margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

User comments
#in_comment Principal {width:710px}
#in_comment div.tit Title {margin-bottom:12px;color: #333333; Font-size:14px;font-weight:bold}
#in_comment Div.user published names {margin-bottom:6px;color: #333333; font-size:12px}
#in_comment div.user a name (link) {color: #3399CC; font-size:12px}
#in_comment div.user a:visited{color: #3399CC}
#in_comment Div.user span.date Publication Time {color: #666666; font-size:12px}
#in_comment Div.desc Comment Content {color: #333333; font-size:12px}
#in_comment Div.line Line {margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit Comment (title) {margin:10px 0 10px 0;color: #333333; Font-size:14px;font-weight:bold}