|
| ¯•Hëärt∙°∙£öv땯 Chào Mừng Các Bạn Đã Đến Với Heart Love Nơi Để Chia Sẻ Những Cung Bậc Cảm Xúc
|
/*****Menu Head****/
#menu_head {
color: #fff;
text-align: center;
background-image:url(images/menu_head.png);
height: 80px;
}
/*****Music****/
body {
margin: 0;
font-size:16px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
}
#sliderWrap {
margin: 100 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(images/slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 930px;
height: 153px;
margin-top: -143px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 0px 0 0 0px;
position: absolute;
text-align:center;
background-color:#fff;
color:#fff;
font-weight:bold;
padding-top: -10px;
}
#wrd {
margin: 0 auto;
width: 600px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 140px 0 0 10px;
font-size:10px;
font-weight:bold;
}
/****** å¸¸è§„é¡µé¢æ ·å¼ ******/
body {
font-family: 微软雅黑, msyh, Tahoma, Arial;
font-size: 12px;
background: #230158 url("images/bg.jpg") no-repeat;
margin: 0;
padding: 0;
color: #fff;
text-align: left;
}
a {
text-decoration: none;
color: #fff;
}
a:hover {
text-decoration: none;
color: #6B3F7B;
}
hr {
height: 1px;
border: 0;
border-top: 1px solid #fff;
}
acronym {
text-decoration: none;
border-bottom: 1px dotted #fff;
cursor: help;
}
/****** è¡¨å•æŽ§åˆ¶æ ·å¼ ******/
form {
display: inline;
}
input {
margin: 3px 0 0 0;
background: transparent;
}
input.text {
background: transparent;
color: #fff;
border: 1px solid #6B3F7B;
}
input.button {
color: #fff;
padding: 3px;
background: transparent;
border: 1px solid #6B3F7B;
}
textarea {
color: #fff;
clear: both;
font-size: 12px;
width: 400px;
background: transparent;
margin: 0px 0 0 0;
border: 1px solid #6B3F7B;
}
select {
color: #fff;
background: transparent;
border: 1px solid #6B3F7B;
}
/****** 主è¦å¸ƒå±€æ ·å¼ ******/
#wrapper {
margin: 0 auto;
background: url("images/main.png");
width: 980px;
}
#wrapper1 {
margin: 0 auto;
width: 980px;
}
#header, #innerHeader {
margin: 0;
}
#footer {
background: url("images/main_bot.png");
height : 79px;
clear: both;
font-size: 11px;
margin: 0px 0 25px 0;
background: transparent;
}
#footer a{
color: #000;
height : 0px;
}
#innerFooter {
background: url("images/main_bot.png");
height : 79px;
margin: 0 auto;
width: 980px;
color: #000;
clear: both;
padding: 10px 0px 10px 0;
}
#FooterShadow{
background: url("images/main_bot_shadow.png");
height : 60px;
padding: 10px 0px 10px 0;
}
#w3c {
float: right;
margin: 0;
}
/****** åšå®¢æœç´¢æ ·å¼ ******/
.Search {
float: right;
margin: 25px 5px 0 0;
width: 157px;
height: 22px;
background: url("images/search.png") no-repeat;
}
.Search input.keyword {
color: #fff;
padding: 2px 5px 0 0;
margin: 2px 0 0 30px;
height: 16px;
width: 120px;
position: relative;
z-index: 100;
}
.Search input {
background: transparent;
border: none;
}
.Search:hover {
float: right;
margin: 25px 5px 0 0;
width: 157px;
height: 22px;
background: url("images/search.png") 0 -22px no-repeat;
}
/****** å¤´éƒ¨å…ƒç´ æ ·å¼ ******/
/* åšå®¢æ ‡é¢˜æ ·å¼ */
.blog-header {
margin: 15px 0 0 0;
padding: 0;
}
/* åšå®¢æè¿°æ ·å¼ */
.blog-desc {
display: none;
}
/* èœå•æ æ ·å¼ */
#menu {
background: url("images/menu.png") no-repeat;
height: 55px;
margin: -50px 0px 0px 0px;
padding: 0;
}
#menu ul{
margin: 0px 0px 0px 50px;
padding: 0;
}
#menu li{
margin-right: 20px;
display: inline;
list-style: none;
text-align: center;
float: left;
width: 85px;
height: 55px;
margin: 3px 0px 0px 0px;
background: url("images/menu_bg.png") no-repeat;
}
#menu li a {
padding: 6px 0 0 0;
display: block;
color: #fff;
margin: 8px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
}
#menu a:hover {
color: #ffff00;
margin: 0px 0px 0px 0px;
}
#menu .activepage a {
margin: 0px 0px 0px -1px;
color: #ffff00;
font-size: 14px;
font-weight: bold;
height: 49px;
background: url("images/menu_bg_a.png") no-repeat;
}
/* é¡¶éƒ¨å¹¿å‘Šæ ·å¼ */
#top-ads {
background: url("images/banner.png") no-repeat;
height: 350px;
overflow:hidden;
margin: 0px 0 0px 0px;
clear: both;
}
span.top-ads-left {
background-position: 0 0;
float: left;
}
span.top-ads-right {
background-position: 100% 0;
float: right;
}
.topAds{
margin: 10px 0 0 0;
float: left;
}
/****** HEAD ******/
#musictop{
background: url("images/bg_header.png") repeat;
font-size: 1px;
line-height: 1px;
display: block;
height: 18px;
margin: 0;
width: 688px;
}
#musiccontent{
background: url("images/bg_content.png") repeat;
overflow:hidden;
margin: 0;
width: 688px;
}
#musicbot{
background: url("images/bg_bot.png") repeat;
font-size: 1px;
line-height: 1px;
display: block;
height: 18px;
margin: 0;
width: 688px;
}
/****** å†…å®¹å¸ƒå±€æ ·å¼ ******/
/* ä¸»æ¡†æž¶æ ·å¼ */
#mainWrapper {
margin-top: 10px;
}
/* å†…å®¹æ¡†æž¶æ ·å¼ */
#wrap {
overflow:hidden;
margin: 0;
}
* html #wrap {float: left;}
#content {
clear: both;
}
#innerContent {
padding: 0 10px 0 10px;
margin: 0;
clear: both;
}
/* å†…å®¹éƒ¨åˆ†æ ·å¼ */
#page-header-inner {
float: left;
color: #fff;
}
#page-header {
clear: both;
}
span.fcorners-bottom, span.fcorners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 20px;
margin: 0;
}
span.fcorners-bottom {
background-position: 0 0;
}
span.fcorners-bottom span {
background-position: 100% -10px;
}
#page-footer {
clear: both;
}
/***** ä¾§è¾¹æ æ ·å¼ *****/
#left_column {
float: left;
width: 250px;
margin: 0px 20px 0px 20px;
overflow: hidden;
display: block;
}
.sidebarOne {
width: 250px;
overflow: hidden;
}
#right_column {
float: right;
margin: 0px 20px 0px 20px;
width: 250px;
overflow: hidden;
}
.sidebarTwo{
width: 250px;
overflow: hidden;
}
/* ä¾§è¾¹æ è¯¦ç»†æ ·å¼ */
.panel{
padding: 0;
margin: 0 0 10px 0;
}
.panel h5 {
text-align: center;
color: #fff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
letter-spacing: 1.5pt;
padding: 5px 0 0 10px;
margin-bottom: 0px;
margin-top: 0px;
height: 45px;
background: url("images/panel_top.png") no-repeat;
}
.panel h5 a{
color: #ccc;
}
.panel-content{
margin: 0;
padding: 5px 10px 0 10px;
line-height: 180%;
color: #fff;
background: url("images/panel-content.png") repeat;
}
.panel-content ul{
padding: 0;
margin: 0px;
}
.panel-content li{
padding: 0px;
margin: 0px;
list-style: none;
}
.panel-content li.indent{
padding: 0px;
text-indent: 15px;
}
.panel-bot {
padding-top: 0px;
height: 18px;
background: url("images/panel_bot.png") no-repeat;
}
/* ä¾§è¾¹æ æ—¥åŽ†æ¨¡å—æ ·å¼ */
#calendar {
margin: 0 0 0 -5px;
padding: 0;
}
.calendar-top {
text-align: center;
padding: 0;
}
.calendar-year,
.calendar-month {
font-weight: bold;
}
.calendar-weekdays {
color: #fff;
text-align: center;
width: 14%;
padding: 0;
}
.calendar-weekday-cell {
color: #fff;
text-align: center;
width: 14%;
padding: 0;
font-weight: bold;
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
text-align: center;
width: 14%;
padding: 0;
}
.calendar-saturday,
.calendar-sunday {
color: #fff;
}
.calendar-today {
color: #ffff00;
font-weight: bold;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a {
color: #ccc;
text-decoration: underline;
}
.calendar-today a {
color: #ffff00;
text-decoration: underline;
}
/***** 工具æ¡éƒ¨åˆ†æ ·å¼ *****/
#tools {
padding: 8px 0 0 0;
}
#tools a{
text-decoration:none;
padding: 0 5px 0 0;
}
/****** 用户登入表å•颿¿æ ·å¼ ******/
#loginForm {
width: 95%;
}
/****** ä¾§è¾¹æ æœç´¢æ¨¡å—æ ·å¼ ******/
.search-field {
color: #fff;
border: 1px solid #6B3F7B;
}
/****** 日志上é¢çš„å…¬å‘Šæ ·å¼ ******/
.announce{
margin: 10px 0 10px 0;
}
.announce-content{
color: #000;
padding: 10px;
background: #fff;
}
/****** 分页æ¡å…ƒç´ æ ·å¼ ******/
.article-top {
padding: 5px 0 0 0;
margin: 0 0 20px 0;
}
.article-bottom {
padding: 0;
margin: 20px 0 0 0;
}
/* é¡µç æ•°æ ·å¼ */
.pages {
color: #fff;
padding: 0;
}
.pagelink-current {
font-weight: bold;
color: #6B3F7B;
}
/* åˆ—è¡¨é¡µé¢æ ·å¼ */
.listbox {
line-height: 180%;
}
.listbox-table {
width: 99%;
}
.listbox-header {
font-weight: bold;
background: transparent;
text-align: center;
color: #fff;
height: 20px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.listbox-entry {
border-bottom: 1px solid #ccc;
}
/* ä¸Šä¸‹ç¯‡æ—¥å¿—æ ·å¼ */
/* .prev-article {
float: left;
}
.next-article{
float: right;
}
*/
/* æ—¥å¿—éƒ¨åˆ†æ ·å¼ */
.textbox{
margin: 0;
background: url("images/bg_content.png");
}
.textbox-calendar {
float: left;
margin: 0px 0px 0px 50px;
text-align: center;
}
* html .textbox-calendar {margin: 0 10px 0 -2px;}
.textbox-calendar-day {
display: block;
font-style: italic;
font-weight: bold;
color: #fff;
font-size: 33px;
height: 33px;
width: 53px;
margin: -6px 0 0 0;
padding: 0;
background: url("images/day.png") 5px 11px no-repeat;
}
.textbox-calendar-month {
margin: 0px 0px 0px 20px;
display: block;
font-style: italic;
font-size: 11px;
color: #fff;
margin: 0 0 0 5px;
}
.textbox-title{
color: #fff;
background: url("images/bg_header.png");
margin: 0px 0px 0px 0px;
font-size: 14px;
height: 60px;
}
.textbox-title h4{
color: #fff;
font-size: 16px;
display: inline;
font-weight: bold;
}
.textbox-title h4 a {
margin: 0px 0px 0px 0px;
font-weight: bold;
color: #fff;
}
.textbox-title h4 a:hover {
color: #6B3F7B;
text-decoration: none;
}
.textbox-label{
padding-top: 3px;
font-size: 12px;
}
.textbox-fontsize{
color: #ccc;
float: right;
text-align: right;
padding: 3px;
font-size: 12px;
}
.textbox-fontsize a{
color: #ccc;
}
.textbox-content{
margin: 0px 30px 0px 30px;
color: #fff;
line-height: 180%;
}
.textbox-bottom {
margin: 0px 0px 20px 0px;
padding-left: 30px;
color: #fff;
font-size: 11px;
height : 20px;
background: transparent;
border-top: 1px solid #ccc;
border-bottom: 0px solid #ccc;
background: url("images/bg_bot.png");
}
.textbox-adminbar {
margin: -20px 0 5px 0;
color: #fff;
text-align: left;
}
.textbox-tburl {
margin: -10px 0 5px 0;
color: #fff;
text-align: left;
}
/* è¯„è®ºæ¡†æž¶æ ·å¼ */
.comment-wrapper{}
.comment-pages{
padding: 0;
margin: 10px 0 10px 0;
color: #fff;
}
/* 评论åŠå¼•ç”¨åŒºå—æ ·å¼ */
.commentbox, .trackbackbox {
border: 1px solid #6B3F7B;
padding: 0;
margin: 0 0 10px 0;
}
.commentbox-odd {
background: transparent;
}
.commentbox-couple {
background: transparent;
}
.trackbackbox {
background: transparent;
}
.commentbox-title, .trackbackbox-title{
font-size: 14px;
padding: 0 10px 0 10px;
color: #fff;
}
.commentbox-title a, .trackbackbox-title a{
color: #fff;
font-weight: bold;
}
.commentbox-label, .trackbackbox-label{
display: block;
color: #fff;
font-size: 12px;
}
.commentbox-label a, .trackbackbox-label a{
font-weight: normal;
}
.commentbox-content, .trackbackbox-content{
padding: 5px 10px 0 10px;
}
/* å‘è¡¨è¯„è®ºæ¡†æž¶æ ·å¼ */
#commentForm {
border: 1px solid #6B3F7B;
margin: 0 0 10px 0;
}
/****** ä¿¡æ¯æç¤ºé¡µé¢æ ·å¼ ******/
.messagebox {
color: #fff;
width: 550px;
margin-top: 120px;
border: 1px solid #fff;
border-top: 1px;
text-align: center;
background: #fff;
}
.messagebox-title {
background: #6B3F7B;
color: #fff;
font-weight: bold;
padding: 5px;
}
.messagebox-content {
color: #fff;
background: #660066;
padding: 10px;
padding-bottom: 20px;
text-align: left;
}
.messagebox-bottom {
color: #fff;
background: #6B3F7B;
padding: 5px;
}
.messagebox-bottom a {
color: #fff;
}
/****** è¾“å…¥è¡¨å•æ ·å¼ ******/
.formbox {}
.formbox-comment {
margin: 0;
padding: 0 10px 5px 10px;
background: transparent;
}
.formbox-title,
.formbox-comment-title {
font-size: 18px;
border-bottom: 1px dashed #ccc;
padding: 7px 0 5px 35px;
margin: 0 0 10px 0;
background: url("images/comment_title_bg.png") 0 5px no-repeat;
}
.formbox-rowheader {
padding: 0;
color: #fff;
font-weight: bold;
}
.formbox-comment-input {
width: 400px;
margin: 0px;
}
.formbox-comment-tool {
height: 20px;
margin: 4px 0 0 0;
padding: 5px 0 0 0;
background: #ddd;
width: 400px;
border: 1px solid #6B3F7B;
}
* html .formbox-comment-tool {width: 402px;}
*+html .formbox-comment-tool {width: 402px;}
.formbox-content {
padding: 0;
}
/* è¡¨æƒ…åˆ—è¡¨æ ·å¼ */
#smileybuttons {
text-align: right;
margin-top: 10px;
}
.smileybut {
margin-right: 5px;
vertical-align: middle;
color: #fff;
}
.smileybut a{
padding: 0 3px 0 3px;
border: 1px solid #6B3F7B;
}
/* æ’°å†™å·¥å…·é€‰é¡¹æ ·å¼ */
.choose-options {
text-align: center;
position: relative;
}
.choose-options-title {
display: none;
}
.choose-options-content {
position: absolute;
left: 0px;
top: 21px;
padding: 8px;
line-height: 120%;
color: #fff
background: #fff;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
}
* html .choose-options-content {top: 29px;}
#choose-options-panel {
float: left;
margin: 0 0 0 5px;
}
#ubb {
margin: -3px 0 0 70px;
}
* html #ubb {margin: 0 0 0 70px;}
*+html #ubb {margin: 0 0 0 70px;}
/****** UBB代ç åŠå¼•ç”¨è‡ªå®šä¹‰æ ·å¼ ******/
.code {
border-left: 1px solid #ccc;
background: transparent;
color: #fff;
margin: 5px;
padding: 10px;
}
.quote {
margin: 5px;
border: 1px solid #6B3F7B;
}
.quote-title {
background: #6B3F7B;
color: #fff;
padding: 5px;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.quote-content {
color: #fff;
padding: 10px;
background: transparent;
}
/****** é“¾æŽ¥é¡µé¢æ ·å¼ ******/
.linkover {
margin: 5px;
height: auto;
clear: both;
}
.linkbody {
float: left;
padding-bottom: 14px;
}
.linkimg {
float: left;
text-align: right;
margin-right: 5px;
}
.linktxt {
float: left;
padding: 5px;
}
.linktitle a {
font-weight: bold;
}
.linkgroup {
font-weight: bold;
font-size: 14px;
color: #fff;
text-indent: 5px;
}
/* è‡ªå®šä¹‰é¡µé¢æ ·å¼ */
.pagebox {
clear: both;
margin: 10px 5px 0 5px;
}
.pagebox-title {
font-size: 16px;
height: 30px;
}
.pagebox-title h4 {
text-align: center;
color: #fff;
font-size: 16px;
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.pagebox-content {
margin: 0;
clear: both;
padding: 0;
line-height: 180%;
}
/* OpenIDè¾“å…¥æ¡†ç™»å…¥æ ·å¼ */
#openid_url {
background: transparent url("images/others/openid.gif") 0 1px no-repeat;
padding-left: 18px;
width: 201px
}
/****** åœ†è§’èƒŒæ™¯æ ·å¼ ******/
b.rtop, b.rbottom {
display: block;
background: transparent;
}
b.rtop b, b.rbottom b {
display: block;
height: 1px;
overflow: hidden;
background: transparent;
border : 1px;
}
b.r1 {
margin: 0 5px;
}
b.r2 {
margin: 0 3px;
}
b.r3 {
margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
margin: 0 1px;
height: 2px;
}