Space page CSS description_css/HTML

What is CSS on the spatial page?

CSS is a technology called stylesheet. Some people also call it Cascading Stylesheet ). CSS technology is used in homepage creation to control page layout, Font, color, background and other effects more accurately. You only need to make some simple changes to the corresponding code, you can change the appearance and format of different parts of the same page, or pages of different webpages.

Space page CSS description

Body whole space page {background-color: # FFFFFF}

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

Space Name and description area
# Header body part {height: 89px; background: # 3399CC}
# Header p. lc left background image {background: url (temp1/hdl.jpg) no-repeat}
# Header p. rc right background image {background: url (temp1/hdr.jpg) no-repeat top right}
# Header p. tit space name {top: 8px; left: 20px; line-height: 22px; font-size: 20px; font-family:}
# Header p. tit a. titlink space name link {color: # FFFFFF; text-decoration: none}
# Header p. tit a. titlink: visited {color: # FFFFFF; text-decoration: none}
# Header p. desc space introduction {top: 33px; left: 20px; color: # FFFFFF; font-size: 13px}
# Horizontal line under the tabline TAB menu {top: 89px; background-color: # FFFFFF}
# Tab menu subject {top: 67px; background: url (temp1/tabbg.gif) repeat-x}
# Tab. on, # tab. on: link, # tab. on: visited TAB selected status {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 span delimiter "|" {color: # FFFFFF; font-size: 14px}
# Tab a: link TAB unselected status {color: # FFFFFF; text-decoration: none; font-size: 14px}
# Tab a: visited {color: # FFFFFF; text-decoration: none; font-size: 14px}
# Tab2 set the TAB menu subject {background: # DAE9F5}
# Tab2 span TAB selected status {color: #000000; font-size: 12px; font-weight: bold}
# Tab2 a TAB unselected status {font-size: 12px}
# Tab2 a: link {color: # 0000CC}
# Tab2 a: visited {color: # custom CC}

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

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

Other regions (that is, traffic and other information)
# Comm_info subject {color: #333333; font-family: Arial; text-align: left}
# Comm_info p. line demarcation line {margin-top: 5px; line-height: 8px; border-top: 1px solid # D2E9F4}
# Comm_info a link {color: # 3399CC}

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

Page number Area
# Page subject {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 PREVIOUS page and next page {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 subject {height: 24px}
. Modhead {padding: 4px 4px 0 4px}
. Modopt module operation area (such as writing new articles) {padding: 4px 4px 0 0}
. Modtit module title area (such as the article list) {color: # FFFFFF; font-size: 12px; font-weight: bold}. modtit {color: # FFFFFF}. modtit: visited {color: # FFFFFF}
. Modtitlink {color: # FFFFFF; font-size: 12px; font-weight: bold}. modtitlink {color: # FFFFFF; text-decoration: none}. modtitlink: visited {color: # FFFFFF; text-decoration: none}. modtitlink: hover {color: # FF5100; text-decoration: underline}
. Modact operation text link (such as the article list) {color: # FFFFFF; font-size: 12px}. modact: link {color: # FFFFFF}. 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}
. Modtc module upper 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}
. Background in the lower left corner of the modbl module {background-color: # FFFFFF; line-height: 1px}
. Modbc module background {background-color: # FFFFFF; line-height: 1px}
. Modbr module bottom right corner background {background-color: # FFFFFF; line-height: 1px}

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

Article Area
# M_blog p. tit article title {font-size: 14px; font-weight: bold}
# M_blog p. tit a article title link {color: #333333; font-size: 14px; font-weight: bold}
# M_blog p. tit a: visited {color: #333333}
# M_blog p. date post date {margin: 5px 0 8px 0; color: #666666}
# M_blog p. cnt content {color: #333333; line-height: 20px; font-size: 14px}
# M_blog p. more {margin: 14px 0 16px 0}
# M_blog p. more a read the full text link {color: # 3399CC; font-size: 14px}
# M_blog p. more a: visited {color: # 3399CC}
# M_blog p. opt Article operation area (such as editing and comments) {color: #666666; font-size: 12px}
# M_blog p. opt a document operation link {color: # 3399CC; font-size: 12px}
# M_blog p. opt a: visited {color: # 3399CC}
# M_blog p. line demarcation line {margin-top: 17px; line-height: 17px; border-top: 1px solid # D2E9F4}
# M_blog p. none No article prompt 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 p. image profile picture {text-align: center}
# M_pro p. act operation area (for example, adding a friend or sending a message) {margin-top: 10px}
# M_pro p. user Username {margin-top: 10px; color: #333333; font-size: 12px; font-weight: bold}
# M_pro p. desc user profile {color: #333333; font-size: 12px}
# M_pro p. line demarcation 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 p. image photo {text-align: center}
# M_album p. page {color: #666666; font-size: 12px; text-align: center}
# M_album p. page a {color: # 0000CC; font-size: 12px}
# M_album p. page a: visited {color: # 0000CC}

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

Link Area
# M_links p. item subitem {color: #333333; font-size: 12px}
# M_links p. item a name (Link) {color: # 3399CC; font-size: 12px; text-decoration: none}
# M_links p. item a: visited {color: # 3399CC}
# M_links p. line demarcation line {margin-top: 5px; line-height: 8px; border-top: 1px solid # D2E9F4}

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

Document category
# M_artclg p. item subitem {color: #666666; font-size: 12px}
# M_artclg p. item a category name (Link) {color: # 3399CC; font-size: 12px}
# M_artclg p. item a: visited {color: # 3399CC}
# M_artclg p. line demarcation line {margin-top: 5px; line-height: 8px; border-top: 1px solid # D2E9F4}

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

Latest comment Area
# M_comment p. item subitem {color: #333333; font-size: 12px}
# M_comment p. item a publisher (Link) {color: # 3399CC; font-size: 12px}
# M_comment p. item a: visited {color: # 3399CC}
# M_comment p. item a. cnt comment abstract (Link) {color: #333333; font-size: 12px; text-decoration: none}
# M_comment p. item a. cnt: visited {color: #333333; text-decoration: none}
# M_comment p. item a. cnt: hover {color: #333333; text-decoration: underline}
# M_comment p. line demarcation line {margin-top: 5px; line-height: 8px; border-top: 1px solid # D2E9F4}

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

Album list
# M_albumlist p. note {color: #333333; font-size: 14px}
# M_albumlist p. desc introduction {margin-bottom: 12px; padding: 3px 10px 3px 10px; line-height: 22px; background-color: # F2F2F2; font-size: 14px}
# M_albumlist p. none No photo prompt information {padding: 100px 0 100px 0; color: #333333; font-size: 14px}
# M_albumlist p. line demarcation line {margin-top: 10px; line-height: 16px; border-top: 1px solid # D2E9F4}
# M_albumlist p. tit photo title {margin: 6px 0 7px 0; color: #333333; font-size: 14px}
# M_albumlist p. tit a photo title link {color: # 3399CC; font-size: 14px}
# M_albumlist p. tit a: visited {color: # 3399CC}
# M_albumlist span. count number of 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 operation zone Link (such as edit and delete) {color: # 3399CC; font-size: 12px}
# M_albumlist a. act: visited {color: # 3399CC}
# M_albumlist a. page 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}

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

Friend list
# M_friend p. filter {margin-bottom: 10px; padding-left: 10px; padding-top: 10px; height: 27px; line-height: 27px}
# M_friend p. catalog {margin-bottom: 10px; padding-left: 10px; height: 27px; line-height: 27px; background-color: # F2F2F2; font-size: 14px}
# M_friend p. user {margin-top: 4px; color: #333333; font-size: 12px}
# M_friend p. user a friend name (Link) {color: # 3399CC; font-size: 12px}
# M_friend p. user a: visited {color: # 3399CC}
# M_friend p. line demarcation line {margin-top: 10px; line-height: 16px; border-top: 1px solid # D2E9F4}

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

Set access statistics and template settings
# M_setting a link {color: # 3399CC}
# M_setting a: visited {color: # 3399CC}
# M_setting subject {line-height: 22px; color: #333333; font-size: 14px}
# M_setting img. sel template Preview (selected) {border: 4px solid # FFDB7B}
# M_setting img. unsel template Preview (unselected) {border: 1px solid # D2D2D2}
# M_setting span. tit template title name {font-size: 14px}
# M_setting span. usr author name {color: #666666}
# M_setting p. sel "current template" text {padding-top: 6px; font-size: 14px; font-weight: bold}
# M_setting p. line demarcation line {margin-top: 20px; line-height: 16px; border-top: 1px solid # D2E9F4}

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

System announcement
# M_sysinfo a link {color: # 3399CC}
# M_sysinfo a: visited {color: # 3399CC}
# M_sysinfo subject {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 subject {color: #333333; font-size: 14px}
# M_setbase td {color: #333333; font-size: 14px}
# M_setbase p. line demarcation line {margin-top: 5px; line-height: 8px; border-top: 1px solid # D2E9F4}

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

Comments
# In_comment body {width: 710px}
# In_comment p. tit title {margin-bottom: 12px; color: #333333; font-size: 14px; font-weight: bold}
# In_comment p. user posting name {margin-bottom: 6px; color: #333333; font-size: 12px}
# In_comment p. user a name (Link) {color: # 3399CC; font-size: 12px}
# In_comment p. user a: visited {color: # 3399CC}
# In_comment p. user span. date posting time {color: #666666; font-size: 12px}
# In_comment p. desc comments {color: #333333; font-size: 12px}
# In_comment p. line demarcation line {margin-top: 17px; line-height: 17px; border-top: 1px solid # D2E9F4}
# In_send p. tit comment (title) {margin: 10px 0 10px 0; color: #333333; font-size: 14px; font-weight: bold}