www.gusucode.com > 易心博客[圣诞版] 3.5手动安装码程序 > ExSkin/lbsSkin/blogbus/styles.css
/****** General Styles ******/ body { margin: 0px; padding: 0px; font-size: 12px; background:url(body-bg.gif) top left repeat-x #ededed; font-family: Tahoma, sans-serif; color:#444; } body,input,textarea,a { cursor: default; } table { font-size: 12px; } td { word-break: break-all; } img{ vertical-align: middle; border: 0px none; } a:link, a:visited { text-decoration:none; color:#ec6f89; } a:hover { text-decoration:underline; color:#28a1bc; } hr { border: 0; border-top: 1px solid #ccccd4 height: 1px; } /****** Form Controls Styles ******/ form { display: inline; } input,textarea,select { font-size: 12px; font-family: Tahoma, sans-serif; } input.text { height: 15px; } input.button { height: 19px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #666; border-right: 1px solid #666; } textarea, input.text { padding: 1px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } select { } /****** Main Layout Styles ******/ #wrapper { width: 100%; margin: 0 auto; padding: 0; position: relative; background:url(bottom-bg.gif) left bottom repeat-x; text-align: center; } #innerWrapper { width: 877px; text-align: left; background:url(top-bg.gif) center 20px no-repeat; } #header { } #innerHeader { height: 219px; padding: 0; } #footer { clear: both; } #innerFooter { padding:20px 0 10px 25px; color:#ccc; font-size: 10px; text-align: center; } /****** Header Elements Styles ******/ #blogLogo { display: none; } #logo { } /* header title */ .blog-header { height: 199px; text-align: right; margin-top: 20px; } h1 { margin: 110px 110px 0 0; height: 30px; line-height: 30px; font-size:24px; letter-spacing:1px; } h1 a:link, h1 a:visited { color: #2390b1; } h1 a:hover { } /* blog description */ .blog-desc { margin: 0 110px 0 0; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; color:#888; } /* nav menu */ #menu { height: 20px; line-height: 20px; margin: -219px 60px 0 0; } #menu ul{ height: 20px; line-height: 20px; } #menu li{ display: inline; list-style-type: none; float: right; line-height: 20px; } #menu a:link, #menu a:visited, #menu a:hover { float: left; padding: 0 6px 0 6px; text-decoration: none; } /****** Content Layout ******/ #mainWrapper { padding: 0px; } /* sidebar */ .sidebar { float: right; width:250px; } .sidebar-hide { display: none; float: right; } #innerSidebar { color:#999; text-align:center; } /* content */ .content { float: left; width: 100%; margin-right: -250px; } .content-wide { width: auto; margin-right: -250px; } .content-only { width: auto; margin: 6px 0; padding: 6px; } #innerContent { margin-right: 250px; overflow: visible; text-align: center; } /* 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: 0 0 6px 0; width: 199px; text-align: left; } #panelStats{ margin: 0; } .panel h5 { font-size: 12px; font-weight: bold; padding:5px 0 5px 10px; margin:10px 0; background:url(side-h2-bg.gif) left center no-repeat; color:#2598b7; letter-spacing:1px } .panel-content{ padding:5px 5px 15px 15px; line-height: 120%; word-break:break-all; } .panel-content ul{ padding: 0px; margin: 0px; margin-left: 0px; } .panel-content li{ margin-left: 2px; padding: 0; list-style: none; } #panelCalendar h5{display:none;} #panelCalendar{ margin:0 0 30px; background:url(calendar-bg.gif) left top no-repeat; padding:35px 25px 15px; height:150px; } /* user panel login form */ #loginForm { width: 95%; } /* calendar panel */ #calendar { } .calendar-top { padding: 2px; text-align: center; } .calendar-year, .calendar-month { } .calendar-weekdays { } .calendar-weekday-cell { width: 14%; padding: 2px; text-align: center; } .calendar-main { } .calendar-day, .calendar-day-blank, .calendar-saturday, .calendar-sunday, .calendar-today{ text-align: center; width: 14%; padding: 2px; } .calendar-saturday, .calendar-sunday { } .calendar-today { background:url(today.gif) 50% 50% no-repeat; color:#fff; } .calendar-today a:link, .calendar-today a:visited { text-decoration: underline; font-weight: bold; color:#fff; } .calendar-day a:link, .calendar-day a:visited, .calendar-saturday a:link, .calendar-saturday a:visited, .calendar-sunday a:link, .calendar-sunday a:visited { text-decoration: underline; font-weight: bold; } /****** Search Panel ******/ .search-field { width: 120px; } /****** Announcement Box ******/ .announce{ border: solid 1px #ccccd4; margin-bottom: 6px; text-align:left; width: 550px; } .announce-content{ word-break:break-all; padding: 6px; } .announce-time{ float: right; color: #999; } /****** Defaul Page Elements ******/ .article-top { height: 26px; line-height: 26px; margin-bottom: 6px; width: 550px; text-align: left; } .article-bottom { height: 26px; line-height: 26px; margin-top: 6px; width: 550px; text-align: left; } /* page links */ .pages { } .pagelink-current { font-weight: bold; } .view-mode { float: right; } .listbox { padding: 5px 0; text-align:left; width: 550px; } .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 { border: 1px solid #ccccd4; width: 550px; } .no-entry-message { padding: 6px; text-align: center; } .prev-article{ float: left; } .next-article{ float: right; } .category-label{ text-align: center;} /* text box */ .textbox{ margin:15px 0 15px 25px; width:550px; text-align: left; } .textbox-title{ word-break:break-all; position:relative; height:60px; } .textbox-title h4{ font-size:18px; margin:0 0 10px; background:url(post-title-bg.gif) left center no-repeat; padding:15px 25px 15px 15px; position:absolute; left:-15px; top:0; width:450px; z-index:1; letter-spacing:1px; color:#1c79a1; } .textbox-title h4 a:link,.textbox-title h4 a:visited,.textbox-title h4 a:hover{ color:#1c79a1; } .textbox-label{ position:absolute; right:-10px; top:0; background:url(date-bg.gif) 3px top no-repeat; padding:15px; height:30px; color:#fff; width:90px; z-index:1; white-space:nowrap; overflow:hidden; font-weight: bold; } .textbox-fontsize{ padding: 6px 8px; } .textbox-content{ word-break:break-all; padding: 8px; } .textbox-content ul{ margin-left: 36px; } .textbox-bottom { border-top:3px dotted #fff; padding:8px 0 0; margin:5px 0 0; } .editmark { margin-top: 10px; } .textbox-urls { margin: 6px 0; padding: 6px 0; color: #666; font-size: 12px; } /* guestbook entry box */ .gbbox{ margin-bottom: 6px; text-align:left; } .gbbox-title{ background-color: #c5e5ff; height: 26px; line-height: 26px; padding-left: 6px; margin-bottom: 6px; font-weight: bold; } .gbbox-label{ display: inline; font-weight: normal; color: #333; } .gbbox-label a:link, .gbbox-label a:visited { color: #666; } .gbbox-label a:hover { color: #2f3a30; } .gbbox-content{ word-break:break-all; } .gbbox-reply { margin-top: 6px; } .gbbox-reply-title{ border-bottom: 1px solid #c5e5ff; height: 26px; line-height: 26px; padding-left: 6px; margin-bottom: 6px; font-weight: bold; } .gbbox-reply-label{ display: inline; color: #333; font-weight: normal; } .gbbox-reply-label a:link, .gbbox-reply-label a:visited { color: #666; } .gbbox-reply-label a:hover { color: #2f3a30; } /* comments wrapper */ .comment-wrapper{ margin-top: 6px; width: 550px; } /* comments top box */ .comment-top{ border-top:3px dotted #fff; padding:8px 0 0; margin:5px 0 0; width: 550px; } .comment-pages{ color: #2f3a30; margin: 12px; } /* commnet box */ .commentbox{ word-break:break-all; width: 550px; text-align:left; background: #ededed url(comment-bg.gif) left bottom no-repeat; } .commentbox-title{ padding: 10px 0 0 0; background: #ededed ; } .commentbox-label{ display: inline; padding: 2px 2px 2px 6px; color: #666; } .commentbox-content{ margin:0 0 20px 0; padding: 50px 30px 0 30px; background:url(comment-bg.gif) left top no-repeat; } .commentbox-content ul{ margin-left: 36px; } .no-comment-box{ margin-top: 6px; padding: 6px; border: 1px solid #ccccd4; } /* trackback box */ .trackbackbox{ word-break:break-all; width: 550px; text-align:left; background: #ededed url(comment-bg.gif) left bottom no-repeat; } .trackbackbox-title{ padding: 10px 0 0 0; background: #ededed ; } .trackbackbox-label{ display: inline; padding: 2px 2px 2px 6px; color: #666; } .trackbackbox-content{ margin:0 0 20px 0; padding: 50px 30px 0 30px; background:url(comment-bg.gif) left top no-repeat; } /* comment form wrapper */ #commentForm { width: 100%; } /****** normal message box ******/ .messagebox{ text-align: center; width: 550px; } .messagebox-title{ padding: 3px; font-weight: bold; background: #eee; } .messagebox-content{ padding: 60px 10px; text-align: left; } .messagebox-bottom{ padding: 3px; background: #eee; } /****** error message box ******/ .errorbox{ text-align: center; width: 550px; } .errorbox-title{ padding: 3px; font-weight: bold; background: #eee; } .errorbox-content{ padding: 60px 10px; text-align: left; color: #f00; } .errorbox-bottom{ padding: 3px; background: #eee; } /****** Input Form Styles (table) ******/ .formbox-comment{ width: 550px; } .formbox{ } /*Post Comments*/ .formbox-comment-title{ text-align: center; padding: 3px; font-weight: bold; } .formbox-comment-rowheader { padding: 3px; font-weight: bold; text-align: right; word-break: keep-all; } .formbox-comment-content{ padding: 3px; } /*Post Articles*/ .formbox-title{ text-align: center; padding: 3px; font-weight: bold; } .formbox-rowheader{ padding: 3px; font-weight: bold; text-align: right; word-break: keep-all; } .formbox-content{ padding: 3px; } /* smilies list */ .panel-smilies { padding:5px; text-align: center; } .panel-smilies-title { border-bottom: 1px solid #999999; cursor: pointer; } .panel-smilies-content { padding: 5px; line-height: 120%; } /****** Upload Page ******/ .upload-page{ margin: 0px; padding: 0px; background: #ededed; } .upload-file{ height: 19px; padding: 1px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } .upload-error {} .upload-done {} /****** Misc Styles ******/ .comment-text, .hidden-note{ } .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 25px 15px 25px;} .ubb-list li{ margin: 1px; padding: 1px; } .code { word-break:break-all; padding: 5px; margin: 5px; border: 1px solid #cef; font-size: 10px; } .quote { margin: 5px; border: 1px solid #cef; } .quote-title { padding: 5px; font-weight: bold; border-bottom: 1px dashed #cef; } .quote-content { word-break:break-all; padding: 5px; } .ubb-obj-div { word-break:break-all; margin: 5px; padding: 5px; border: 1px solid #cef; }