Custom Blog CSS Styles

Source: Internet
Author: User

@charset "Utf-8";/* CSS Document *//************************************************** The first part: Common styles used by all templates. The announcement style is for better forward and backward compatibility. If you don't meet your skin's requirements, you can override these styles with a better priority later on, but you can't delete them. /#EntryTag {Margin-top:20px;font-size:9pt;color:gray;}. Topiclistfooter {text-align:right;margin-right:10px;margin-top:10px;} #divRefreshComments {text-align:right; margin-right:10px;margin-bottom:5px;font-size:9pt;} /***** the first part ends *******************************//************************************************** Part II: Public style (global style). The public will work on all page labels. This section you can change at will, and does not involve other skin templates. But every time you change, pay attention to the changes in all pages of your skin template. Because they are global. /* {margin:0;padding:0;} HTML {height:100%;} Body {color: #000; background: #FFF; font-family: "Microsoft Jas Black", "Verdana", "Ms Song", "Song Body", "Arial", "Helvetica", "Sans-serif"; Font-size:14px;min-height:101%;width:60em;margin-left:auto;margin-right:auto;} Table {border-collapse:collapse;border-spacing:0;} FieldSet, img {border:0;} UL {WOrd-break:break-all;} Li {list-style:none;} H1, H2, H3, H4, H5, h6 {font-size:100%;font-weight:normal;} a:link {color:black;text-decoration:none;} a:visited {color:black;text-decoration:none;} a:hover {color: #F60; Background-color: #e9f3e8;-moz-border-radius:9px;-khtml-border-radius:9px;- webkit-border-radius:9px;border-radius:9px;} a:active {color:black;text-decoration:none;}. clear {Clear:both;} /***** the second part ends *******************************//************************************************** Part Three: The style of each page element. You can change it as you want, and it doesn't involve other skin templates. This part is the best part to show your imagination. The part of the head and sidebar is the common part of this skin. Each page-specific section will have a corresponding comment and description. Home and Head Start **************************/#home {margin:0 Auto;width:95%;min-width:60em;} #header {padding-bottom:0.4em;margin-top:0.8em;} #blogTitle {height:7em;clear:both;border:1px solid #999;-moz-border-radius:11px;-khtml-border-radius:11px;- webkit-border-radius:11px;border-radius:11px;-webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;p adding:4px 10px;} #blogTitle H1 {font-size:200%;font-weight:bold;line-height:2em;margin-left:1em;margin-top:0.4em;width:50%;float: Left;} #blogTitle h2 {Margin-left:4em;line-height:1.5em;width:50%;float:left;} #blogLogo {float:right;} #navigator {/*background-color:black;height:30px;clear:both;*/margin-top:0.3em;height:2em;clear:both;border:1px Solid #999;-moz-border-radius:11px;-khtml-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;- webkit-box-shadow:5px 2px 6px #000-moz-box-shadow:5px 2px 6px #000;p adding:4px 10px;} #navList {min-height:1.5em;float:left;} #navList li {float:left;} #navList a {display:block;padding-left:0.5em;padding-right:0.5em;line-height:2em;float:left;text-align:center; border-right:1px solid #999;} #navList A:link, #navList a:visited, #navList a:active {/*color: #ccc; */} #navList a:hover {/*color:white; Background-color: #F60; text-decoration:none;*/padding-left:0.8em;padding-right:0.8em;}. blogstats {float:rIght;font-size:0.8em;color: #666; margin-top:0.9em;margin-right:0.2em;text-align:right;} /*****home and head end **************************//***** Home article List start **************************/#main {width:100%;min-width: 60em;text-align:left;} #mainContent. Forflow{margin-left:14em;float:none; width:auto;} #mainContent {min-height:18em;padding:0px 0px 10px 0;*padding-top:10px;-o-text-overflow:ellipsis;text-overflow: Ellipsis;overflow:hidden;word-break:break-all;float:right;margin-left: -26em;width:100%}.day {min-height:10px;_ height:10px;margin-bottom:20px;padding-bottom:5px;}. Daytitle {width:100%;color: #666; Font-weight:bold;line-height:1.5em;font-size:110%;margin-top:3px;margin-bottom: 10px;clear:both;border-bottom:2px solid #e9f3e8; text-align:center;}. Posttitle {font-size:110%;font-weight:bold;/*border-bottom:1px solid #9DAAF4; */float:right;line-height:1.5em; Width:100%;clear:both;}. Posttitle a:link,. Posttitle a:visited,. Posttitle a:active {color: #444;}. Posttitle a:hover {colOr: #F60; text-decoration:none;}. Postcon {float:right;line-height:1.5em;width:100%;clear:both;padding:10px 0;}. Postdesc {float:right;width:100%;clear:both;text-align:right;padding-right:5px;color: #666; margin-top:5px;}. Postdesc a:link,. Postdesc a:visited,. Postdesc a:active {color: #666;}. Postdesc a:hover {color: #F60; text-decoration:none;}. Postseparator {clear:both;height:1px;border-top:1px dotted #666; width:100%;clear:both;float:right;margin:0 Auto 15p x Auto;} /***** Home page article List start **************************//***** Sidebar start ********************************/#sideBar {width:14em; min-height:14em;padding:0px 0 0px 5px;float:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden ; word-break:break-all;font-size:0.9em;}. NewsItem. catlisttitle {display:none;}. NewsItem {padding:15px 0 5px 0px;margin-bottom:8px;} /** Calendar control style starts **/#calendar {width:14em;} #calendar. Cal {width:100%;line-height:1.5em;}. Cal {/** Calendar container table**/border:none;color: #666;} #calendar table A:link, #calendar table a:visited, #calendar table a:active {font-weight:bold;} #calendar table A:hover {color:white;text-decoration:none;background-color: #F60;}. caltodayday{/** today's date style **/color: #f60;} #calendar. Calnextprev A:link, #calendar. Calnextprev a:visited, #calendar. Calnextprev a:active {/** last month, next month arrow style **/font-weight:bold;background-color:white;}. caldayheader{border-bottom:1px solid #ccc;}. caltitle{/** Calendar month head style **/width:100%;background:white;color:black;border-bottom:1px solid #666;} /** Calendar control style ends **/.catlisttitle {font-weight:bold;line-height:1.5em;font-size:110%;margin-top:15px;margin-bottom: 10px;border-bottom:1px solid #e9f3e8; text-align:center;}. catlistcomment {line-height:1.5em;}. divrecentcomment {color: #666; margin-bottom:1em;} #sideBarMain ul {line-height:1.5em;} /***** Sidebar End ********************************//**** View article page start *************************/#topics {width:100%; min-height:18em;padding:0px 0px 10px 0;FLOAT:LEFT;-O-TEXT-OVERFLOW:ELLIPSIS;TEXT-OVERFLOW:ELLIPSIS;OVERFLOw:hidden;word-break:break-all;} #topics. posttitle {font-size:130%;font-weight:bold;border-bottom:1px solid #999; float:left;line-height:1.5em; width:100%;p adding-left:5px;}. postbody {padding:5px 2px 5px 5px;line-height:1.5em;color: #000; border-bottom:1px solid #8686FF;} #EntryTag {color: #666;} #EntryTag a {margin-left:5px;} #EntryTag A:link, #EntryTag a:visited, #EntryTag a:active {color: #666;} #EntryTag a:hover {color: #f60;} #topics. Postdesc {float:right;width:100%;font-size:0.9em;text-align:right;padding-right:5px;color: #666; margin-top:5px;}. Feedback_area_title {font-weight:bold;margin-top:20px;border-bottom:1px solid #8686FF; margin-bottom:10px; padding-left:8px;}. Louzhu {background:transparent url (' images/icolouzhu.gif ') no-repeat scroll right top;padding-right:16px;}. feedbacklistsubtitle {color: #666; font-size:0.9em;}. Feedbacklistsubtitle a:link,. Feedbacklistsubtitle a:visited,. Feedbacklistsubtitle a:active {color: #666; font-weight : normal;}. Feedbacklistsubtitle a:hover {color: #f60; text-decoration:none;}. feedbackmanage {width:160px;text-align:right;float:right;}. Feedbackcon {border-bottom:1px solid #ccc; Background:url (' images/comment.gif ') no-repeat 5px 0px;padding:15px 18px 10p x 40px;min-height:35px;_height:35px;margin-bottom:1em;line-height:1.5em;width:100%;} #divRefreshComments {text-align:right;margin-bottom:10px;}. COMMENTTB {width:320px;} /**** View article page start ************************/**** list page ******************************/.entrylisttitle,. postlisttitle,.thumbtitle{/** the title style of several categorized lists **/font-size:110%;font-weight:bold;border-bottom:1px solid #8686FF; text-align:right;padding-bottom:3px;padding-right:10px;}. entrylistdescription {color: #666; text-align:right;padding-top:5px;padding-bottom:5px;padding-right:10px; margin-bottom:10px;}. Entrylistitem {min-height:20px;_height:20px;margin-bottom:30px;padding-bottom:5px;width:100%;}. Entrylistposttitle {font-size:110%;font-weight:bold;border-bottom:1px solid #666; Line-height:1.5em;width:100%;p adding-left:5px;}. Entrylistposttitle a:hover {text-decoration:none;}. entrylistpostsummary {margin-top:5px;padding-left:5px;margin-bottom:5px;}. Entrylistitempostdesc {text-align:right;color: #666;}. Entrylistitempostdesc a:link,. Entrylistitempostdesc a:visited,. Entrylistitempostdesc a:active {color: #666;}. Entrylistitempostdesc a:hover {color: #f60;}. Entrylist. postseparator {clear:both;width:100%;font-size:0;line-height:0;margin:0;padding:0;height:0;border: none;}. pager {text-align:right;margin-right:10px;}. postlist {border-bottom:1px solid #ccc; Clear:both;min-height:1.5em;_height:1.5em;padding-top:10px;padding-left: 5px;padding-right:5px;margin-bottom:5px;}. POSTTITL2 {float:left;font-size:0.9em;color: #666;}. POSTDESC2 {color: #666; float:right;margin-right:; font-size:0.9em;}. postText2 {clear:both;}. Pfl_feedback_area_title {text-align:right;line-height:1.5em;font-weight:bold;border-bottom:1px solid #666; margin-bottom:10px;}. Pfl_feedbackItem {border-bottom:1px solid black;margin-bottom:20px;}. Pfl_feedbacksubtitle {width:100%;border-bottom:1px dotted #666; height:1.5em;}. pfl_feedbackname {float:left;}. pfl_feedbackmanage {float:right;}. Pfl_feedbackcon {color:black;padding-top:5px;padding-bottom:5px;}. pfl_feedbackanswer {color: #F40; text-indent:2em;}. tdsentmessage {text-align:right;}. errormessage {width:300px;float:left;} /**** List page End ******************************/*//**** album page start ******************************/.divphoto {border:1px Solid #ccc;p adding:2px;margin-right:10px;}. thumbdescription {color: #666; text-align:right;padding-top:5px;padding-bottom:5px;padding-right:10px; margin-bottom:10px;} /**** Album page start ******************************//***** Message page start *****************************/#footer {text-align:center; min-height:15px;_height:15px;border-top:1px solid black;margin-top:10px;padding-top:10px;margin-bottom:10px;} /* Message View page personal information */.personinfo {margin-bottom:20px;} /* Message Paging area */.pages {text-align:right;} /***** Message page End *****************************//***** The third part ends *******************************//**************************** Part IV: Article content commonly used label format. This section is the part that sets the author's writing content. For example, if the author's article has a P tag, this can be used to set the P tag in these articles. The previous ". Postbody" clearly points out the scope of the style here. Applies only to the body of the article. It is recommended that you do not set too detailed details. Because, some styles, an article is more suitable, and does not guarantee that all articles are suitable. * The internal Common label format */.postbody {line-height:1.5em;}. Postbody p,.postcon p{text-indent:2em;margin:0 auto 1em Auto;}. Postbody h2{font-size:150%;margin:15px auto 2px auto;font-weight:bold;}. Postbody h3 {font-size:120%;margin:15px auto 2px auto;font-weight:bold;}. Postbody h4{font-size:110%;margin:15px Auto 2px auto;font-weight:bold;color: #333;}. Postbody h5{font-size:100%;margin:15px Auto 2px auto;font-weight:bold;color: #333;}. Postbody a:link,.postbody a:visited,.postbody a:active{text-decoration:underline;}. Postcon A:link,.postcon A:visited,.postcon a:active{text-decoration:underline;}. Postbody Ul,.postcon ul{margin-left:2em;}. Postbody Li,.postcon li{List-style-type:disc;margin-bottom:1em;}. Postbody blockquote{background:url (' images/comment.gif ') no-repeat 25px 0px;padding:10px 60px 5px 60px;min-height : 35px;_height:35px;line-height:1.6em;color: #333;} /***** end of part fourth *******************************/

Custom Blog CSS styles

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.