www.gusucode.com > 易心博客[圣诞版] 3.5手动安装码程序 > ExSkin/lbsSkin/newyear2009/styles.css
/* === LBS^2 StyleSheet File ==================================== Style Name: NewYear2008 Copyright: ChangHua (FatMouse). http://www.fatmouse.cn/blog/ ============================================================== */ /****** General Styles ******/ body { margin: 0px; padding: 0px; font-size: 12px; background:#702B2C url(Images/BODYBG.jpg) repeat-x 0 0; font-family: Tahoma; color: #fff; } body,input,textarea,a { cursor: default; } table { font-size: 12px; font-family: Tahoma; color: #fcc5bd; } td { word-break: break-all; } img{ vertical-align: middle; border: 0px none; } a:link, a:visited { text-decoration: none; color: #e1b065; } a:hover { text-decoration: none; color: #fae93e; } hr { border: 0; border-top: 1px solid #ccccd4 height: 1px; } /****** Form Controls Styles ******/ form { display: inline; } input,textarea,select { font-family: Tahoma; font-size: 12px; } input.text { height: 15px; padding: 1px; border: 1px solid #cdccb4; background: #efeee1; color: #663; } input.button { height: 26px; border: 1px solid #cdccb4; background: #efeee1; color: #663; font-weight: bold; } textarea { border: 1px solid #cdccb4; padding: 1px; } select { } /****** Main Layout Styles ******/ #wrapper { width: 100%; margin: 0 auto; padding: 0; position: relative; background:url(Images/HEADBG.gif) no-repeat top left; } #innerWrapper { width: 100%; } #header { margin-bottom: 6px; } #innerHeader { height: 57px; padding: 0 auto; } #footer { clear: both; margin-top: 6px; } #innerFooter { padding-top: 36px; height: 100px; color: #fcc5bd; font-size: 10px; line-height: 12px; text-align: center; background: url(Images/FOOTBG.gif) no-repeat 100% 100%; } /****** Header Elements Styles ******/ #blogLogo { float: left; padding: 10px; display: none; } #logo { } /* header title */ .blog-header { height: 33px; text-align: right; } h1 { padding: 0px 22px; margin: 0px; font-size: 12px; height: 33px; line-height: 33px; font-weight: bold; float: right; display: inline; } h1 a:link, h1 a:visited { color: #fff; } h1 a:hover { color: #fff; text-decoration: underline; } /* blog description */ .blog-desc { padding: 0; margin: 0px; height: 33px; line-height: 33px; color: #fcc5bd; font-size: 12px; font-weight: bold; display: inline; float: right; } /* nav menu */ #menu { padding: 0px 11px; margin: 0; height: 24px; float: right; } #menu ul{ margin: 0px; padding: 0px; } #menu li{ display: inline; list-style-type: none; float: left; margin: 0px; height: 24px; line-height: 24px; font-weight: bold; } #menu a:link, #menu a:visited { display: inline; float: left; list-style-type: none; margin: 0; padding: 0px 11px; text-decoration: none; } #menu a:hover { display: inline; float: left; list-style-type: none; margin: 0; padding: 0px 11px; text-decoration: none; } /****** Content Layout ******/ #mainWrapper { padding: 0px; } /* sidebar */ .sidebar { float: left; width: 278px; margin-top: 120px; background:url(Images/SIDEBG.gif) no-repeat top left; } .sidebar-hide { display: none; float: left; } #innerSidebar { padding: 0; margin-left: 60px; text-align: right; } /* content */ .content { float: right; width: 100%; margin-left: -308px; } .content-wide { width: auto; margin-left: -308px; } .content-only { width: auto; margin-left: -308px; } #innerContent { margin-top: 16px; margin-left: 308px; overflow: visible; padding: 0px; } /* a style which makes mainWrapper touch the bottom of sidebar and content */ .clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; } /****** Sidebar Panels ******/ .panel{ margin: 16px 0; } .panel h5 { padding-top: 0px; padding-left: 5px; margin: 0px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #b3dda5; } .panel-content{ color: #fcc5bd; line-height: 18px; } .panel-content ul{ padding: 0px; margin: 0px; margin-left: 0px; } .panel-content li{ padding: 0px; margin-left: 2px; list-style: none; line-height: 18px; height: 18px; } #panelComment .panel-content li{ padding: 0px; margin-left: 2px; list-style: none; border-bottom: 1px dashed #CACCD1; line-height: 30px; height: 30px; } /* user panel login form */ #loginForm { width: 95%; } /* calendar panel */ #calendar { width: 208px; font-size: 10px; border-top: 0; } .calendar-top { padding: 2px; text-align: center; font-size: 10px; } .calendar-year, .calendar-month { font-size: 10px; color: #fcc5bd; } .calendar-weekdays { font-size: 10px; color: #fcc5bd; } .calendar-weekday-cell { width: 14%; padding: 2px; text-align: center; font-size: 10px; } .calendar-main { } .calendar-day, .calendar-day-blank, .calendar-saturday, .calendar-sunday, .calendar-today{ color: #fcc5bd; text-align: center; width: 14%; font-size: 10px; padding: 2px; } .calendar-saturday, .calendar-sunday { font-size: 10px; } .calendar-today { border: solid 1px #ccccd4; } .calendar-day a:link, .calendar-day a:visited, .calendar-saturday a:link, .calendar-saturday a:visited, .calendar-sunday a:link, .calendar-sunday a:visited, .calendar-today a:link, .calendar-today a:visited { text-decoration: underline; font-weight: bold; } /****** Search Panel ******/ .search-field { width: 160px; } /****** Announcement Box ******/ .announce{ border: solid 1px #ccccd4; margin-bottom: 6px; } .announce-content{ word-break:break-all; padding: 6px; color: #fcc5bd; } .announce-time{ float: right; font-size: 12px; color: #ccc; } /****** Defaul Page Elements ******/ .article-top { padding: 6px; height: 22px; margin-bottom: 6px; color: #e1b065; font-weight: bold; } .article-top a:link, .article-top a:visited { color: #fff; } .article-top a:hover { color: #fff; text-decoration: underline; } .article-bottom { padding: 6px; height: 22px; margin-top: 6px; color: #e1b065; font-weight: bold; } .article-bottom a:link, .article-bottom a:visited { color: #fff; } .article-bottom a:hover { color: #fff; text-decoration: underline; } /* page links */ .pages { font-size: 12px; } .pagelink-current { font-weight: bold; } .view-mode { float: right; font-size: 12px; } .listbox { } .listbox-table { width: 100%; } .listbox-table td { } .listbox-header { word-break:break-all; font-weight: bold; text-decoration: underline; } .listbox-header a:link,.listbox-header a:visited { text-decoration: underline; color: red; } .listbox-header a:hover { color: black; } .listbox-entry { word-break:break-all; } .listbox-entry a{ word-break:break-all; } /* no entry to display box */ .no-entry { padding: 36px; color: #fcc5bd; text-align: center; } .no-entry-message { padding: 36px; color: #fcc5bd; text-align: center; } .prev-article{ float: left; line-height: 16px;} .next-article{ float: right; line-height: 16px;} .category-label{ text-align: center; line-height: 16px;} .category-label a:link, .category-label a:visited { color: #e1b065; } .category-label a:hover { color: #e4e93e; text-decoration: none; } /* text box */ .textbox{ margin-bottom: 3px; } .textbox-title{ word-break:break-all; height: 40px; padding-left: 45px; background: url(Images/POSTHEAD.gif) no-repeat 0 0; } .textbox-title h4{ word-break:break-all; text-transform: uppercase; font-size: 14px; font-weight: bold; height: 20px; padding: 2px 0px 0px 6px; margin: 0px; color: #c0cf5b; } .textbox-title h4 a:link, .textbox-title h4 a:visited { font-size: 14px; } .textbox-title h4 a:hover { font-size: 14px; text-decoration: none; } .textbox-label{ height: 20px; padding: 0px 0px 0px 6px; font-size: 12px; color: #ccc; } .textbox-fontsize{ padding: 6px 12px; font-size: 12px; color: #ccc; } .textbox-content{ word-break:break-all; padding: 12px; font-size: 12px; color: #fcc5bd; } .textbox-content ul{ margin-left: 36px; } .textbox-bottom { padding: 6px 12px; text-align: right; font-size: 12px; color: #ccc; } .editmark { margin-top: 10px; font-size: 12px; } .textbox-urls { margin-top: 10px; padding: 6px; font-size: 12px; color: #ccc; border: 1px solid #ccc; } /* guestbook entry box */ .gbbox{ margin-bottom: 6px; border-bottom: 1px solid #c5e5ff; } .gbbox-title{ height: 26px; line-height: 26px; padding-left: 6px; margin-bottom: 6px; font-weight: bold; } .gbbox-label{ display: inline; font-size: 12px; font-weight: normal; color: #ccc; } .gbbox-content{ word-break:break-all; color: #fcc5bd; padding-bottom: 12px; } .gbbox-reply { margin: 6px 0 0 36px; color: #ccc; padding-bottom: 12px; } .gbbox-reply-title{ height: 26px; line-height: 26px; padding-left: 6px; margin-bottom: 6px; font-weight: bold; } .gbbox-reply-label{ display: inline; color: #ccc; font-weight: normal; } /* comments wrapper */ .comment-wrapper{ margin-top: 6px; } /* comments top box */ .comment-top{ padding: 6px 12px; text-align: right; color: #ccc; } .comment-pages{ padding: 6px 0px; font-size: 12px; margin: 12px; color: #fff; } /* commnet box */ .commentbox{ word-break:break-all; margin: 12px; } .commentbox-title{ padding: 2px; border-bottom: 1px dashed #CACCD1; } .commentbox-label{ color: #ccc; display: inline; } .commentbox-content{ padding: 6px; color: #fcc5bd; } .no-comment-box{ padding: 36px; color: #fcc5bd; text-align: center; } /* trackback box */ .trackbackbox{ word-break:break-all; margin: 12px; } .trackbackbox-title{ padding: 2px; border-bottom: 1px dashed #CACCD1; } .trackbackbox-label{ color: #ccc; display: inline; } .trackbackbox-content{ padding: 6px; color: #fcc5bd; } /* comment form wrapper */ #commentForm { width: 100%; } /****** normal message box ******/ .messagebox{ text-align: center; margin: 136px 0; } .messagebox-title{ font-weight: bold; height: 22px; line-height: 22px; color: #dad650; } .messagebox-content{ padding: 10px; padding-bottom: 20px; text-align: center; } .messagebox-bottom{ height: 22px; line-height: 22px; } /****** error message box ******/ .errorbox{ text-align: center; margin: 136px 0; } .errorbox-title{ font-weight: bold; height: 22px; line-height: 22px; color: #dad650; } .errorbox-content{ padding: 10px; padding-bottom: 20px; text-align: center; color: #ff0; } .errorbox-bottom{ height: 22px; line-height: 22px; } /****** Input Form Styles (table) ******/ .formbox-comment{ } .formbox{ margin: 36px 0; } /*Post Comments*/ .formbox-comment-title{ font-size: 12px; height: 22px; line-height: 22px; font-weight: bold; color: #dad650; padding: 0px 6px; text-align: center; } .formbox-comment-rowheader { padding: 5px; font-weight: bold; text-align: right; font-size: 12px; word-break: keep-all; color: #dad650; } .formbox-comment-content{ padding: 5px; padding-right: 10px; font-size: 12px; color: #dad650; } /*Post Articles*/ .formbox-title{ font-size: 12px; height: 22px; line-height: 22px; font-weight: bold; color: #dad650; padding: 0px 6px; text-align: center; } .formbox-rowheader{ padding: 5px; font-weight: bold; text-align: right; font-size: 12px; word-break: keep-all; color: #dad650; } .formbox-content{ padding: 5px; padding-right: 10px; font-size: 12px; color: #dad650; } /* smilies list */ .panel-smilies { padding:5px; text-align: center; } .panel-smilies-title { text-align: left; border-bottom: 1px solid #ccc; cursor: pointer; } .panel-smilies-content { padding: 5px; line-height: 120%; } /****** Upload Page ******/ .upload-page{ margin: 0px; padding: 0px; background-color: ##702B2C; background-image: none; } .upload-page .button{height: 18px;} .upload-file { padding: 1px; border-width: 1px; } .upload-error { padding: 1px; border-width: 1px; color: #ff0;} .upload-done { padding: 1px; border-width: 1px; color: #fff;} /****** Misc Styles ******/ .comment-text, .hidden-note{ font-size: 12px; } .red { color: red; } .highlight { background: #f00; font-weight: bold; color: #f60; } .meta-button { margin: 1px; } /****** UBB Code Custom Styles ******/ /* IE fix for ul */ * html .ubb-list { margin:5px; margin-left: 25px; margin-bottom: 15px;} .ubb-list li{ margin: 1px; padding: 1px; } .code { word-break:break-all; padding: 5px; margin: 5px; border: 1px solid #0099cc; background-color: #ddedfb; font-family: Verdana; color: #000; } .quote { margin: 5px; border: 1px solid #0099cc; background-color: #ddedfb; color: #000; } .quote-title { padding: 5px; font-weight: bold; border-bottom: 1px dashed #0099cc; } .quote-content { word-break:break-all; padding: 5px; } .ubb-obj-div { word-break:break-all; margin: 5px; padding: 5px; border: 1px solid #0099cc; background-color: #ddedfb; }