This article is updated for a long time and determined based on the style of my blog.
Architecture: blacklowkey
Page CSS:
Div. prob {box-Shadow: 0 0 4px # CCF; padding: 2px; text-align: Left; border-radius: 6px;} Div. prob H2 {font-size: 30px! Important; font-family: Courier New,; font-weight: normal! Important; text-align: center; text-Shadow: 0 0 1px #888;} Div. prob H3 {font-size: 20px! Important; font-family: Courier New,; font-weight: normal! Important; border-left: 4px solid # 39f; text-Shadow: 0 0 1px # AAA; padding-left: 3px;} pre. indent, Div. indent {text-indent: 2em; font-family: Courier New,; text-Shadow: 0 0 1px # AAA;} Div. prob pre. indent, Div. prob Div. indent {font-size: 16px ;}. mono {font-family: Monaco, consolas, UBUNTU mono; padding: 5px; Border: 1px solid # CCC; border-radius: 5px; Background: # Eee; text-Shadow: 0 0 1px #666;} *: selection {backgro Und: # ACF;} body, # navigator {Background: #0068c9;} # blogtitle H1 a, # blogtitle H2, # navlist A: Link, # navlist hover, # navlist: visited, # navlist A: active {text-Shadow: none; Border: none! Important ;}. headermaintitle {font-size: 40px;} # navlist {Height: 60px; float: Left; margin-left: 0; width: 800px;} # navlist Li {float: left; height: 60px;} # navlist Li: hover {Background: rgba (255,255,255, 0.4);} A: hover ,. postcon A: hover {text-Decoration: none! Important; border-bottom: 2px solid # ACF ;}. postcon A: Link ,. postcon A: visited ,. postcon A: active {text-Decoration: none; border-bottom: 2px dashed # ACF; color: # 39f; padding-left: 0px; margin-left: 2px ;}. posttitle, Div. newsitem. catlisttitle {font-size: 14px; font-weight: bold; padding: 10px 100px 10px 20px; Background: # e5f0fc; line-Height: 1.5em; clear: Both; Border: none; border-left: 5px solid # 1f A6e6 ;}. newsitem {Background: # e5f0fc; padding: 0 0 0 5px 0; margin-bottom: 2em ;}. cnblogs_highlighter * {font-family: Monaco, UBUNTU mono, consolas! Important;}. calnextprev {width: 20px! Important; Height: 20px! Important; Background: # ACF; padding: 0! Important; font-size: 16px! Important; text-align: center! Important ;}. calnextprev: hover {Background: # 39f ;}. calnextprev A: hover ,. calnextprev: hover A {color: White ;}. caltitle {Background: # ACF; Border: none ;}. cal tbody TR: Nth-child (2) {Background: # CDF ;}. cal tbody TR: Nth-Child (1) TD {padding: 0px! Important;}. caldayheader {border: none;}. Cal tbody TR: Nth-child (n-2) TD {Background: # Eef;}. calothermonthday {Background: # def! Important;}. calweekendday {Background: # 4df! Important;}. caltodayday {Background: # AAF! Important; color: White; font-weight: bold;} input [type = "text"] {margin: 0px; Border: 1px solid transparent; border-bottom: 1px solid # ACF;} input [type = "text"]: hover {margin: 0px; Border: 1px solid # e7e7e7; border-bottom: 1px solid # ACF ;} input [type = "text"]: Focus {box-Shadow: 0 0 2px # AAF; Border: 1px solid transparent; border-bottom: 1px solid # ACF;} input: focus {outline: none;} input [type = "button"] {margin: 0px; Border: none; Background: # 29af3f; color: White; font-weight: bold ;} input [type = "button"] {margin: 0px; Border: none; Background: # 198f2d; color: White; font-weight: bold ;}
My blog Style