日志
UC HOME的个人主页模板css解剖
热度 1 ||
【乱拆】UC HOME的个人主页模板css解剖……2008年05月04日 星期日 02:36拆了一晚上，把common.css（可以看做uc home默认的css，但只有一部分代码能涉及到个人空间的主页的装修）的疑似和个人主页模板相关的代码捡了出来，然后鉴定每条分别对应哪个格哪个块，很无聊的分解……最后得出结论：还是百度的模板好玩。。
-----------------
/*UCenter Home 的common.css中各元素说明-by 1个蚕豆*/
/*下面是从common.css里和我们要diy的页面相关的代码部分，各元素分别与哪部分相关我做了简要说明（可能语言表述不是很清楚，但作用位置大体能看出来，部分方位描述可参照默认模板来看）。有几处没有注释，那是因为我暂时还没弄清楚它的作用，在哪出现，以及是否与需要diy的那个页面相关。*/
/*了解了名字就可以用css来设定其格式了，例如大小，位置，版式，颜色，背景，或者加滤镜等等。这方面网上教程很多。*/
/*一般来说，A是表示超链接，hover表示鼠标悬停，LI表示列表项，img表示图片。*/
/*系统的css代码中有几处带有!important字样，想覆盖掉这部分代码，必须也在自己代码的对应语句加入!important才行。*/
/*这个系统对css代码的长度有限制，太长的css代码提交时会被腰斩，所以在diy时要尽量精简，只选那些想与默认模板不同的部分改就可以了，common.css中废话委实很多。*/
/*---------------------以下为代码部分-----------------*/
* {
WORD-BREAK: break-all
}
BODY {/* 页面 */
TEXT-ALIGN: center;
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
TH {/* “性别生日……网址”那列 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
TEXT-ALIGN: left;
}
TD {/* 简介，相册，资料等个人定制的列表项 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
}
SELECT {/* 被选中的部分 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif
}
TEXTAREA {/* 输入框 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
}
BUTTON {/* 按钮，如“留言” */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif
}
H1 { /* 空间主人id和昵称所在的行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
FONT-SIZE: 1em;
}
H2 {/* ucenterhome logo所占矩形块 */
FONT-SIZE: 1em;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
H3 {/* 各子模块标题 如 "迷你博客""好友""个人动态"*/
FONT-SIZE: 1em;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
H6 {/* "个人动态""相册""日志"中各更新项的小标题 */
FONT-SIZE: 1em;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {/*个人动态/相册/留言版/好友/日志 中标题行下一行以及有时间那行;好友列表中好友id;页面最下copyright行;自己空间头像下面"在线(现在)"*/
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {/* "首页....私信"那行;"迷你博客,日志...."那列;"个人动态"+"日志"的更新内容;好友列表;自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"以及5个图标所在行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {/* 留言按钮+留言框一带 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL LI {/* UL(参见上文)中的各列表项部分 */
LIST-STYLE-TYPE: none
}
A {/* 链接的属性 */
COLOR: #06c; TEXT-DECORATION: none
}
.feed A:visited {/* 个人动态 模块中已点击过的链接 */
COLOR: #5181b7;
}
A:hover {/* 链接鼠标悬停时的属性 */
TEXT-DECORATION: underline
}
A IMG {/* 有链接的图片 */
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.blocklink A {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行 */
DISPLAY: block; PADDING-LEFT: 0.5em; LINE-HEIGHT: 2em
}
.blocklink A:hover {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行鼠标悬停时的属性 */
BACKGROUND: #2782d6; COLOR: #fff; TEXT-DECORATION: none
}
.pipe {/* 竖线|以及"没有评论" */
PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0px; COLOR: #ddd; PADDING-TOP: 0px;
}
.time {/* 时间 */
FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #999;
}
.stat .time {/* 日志模块的更新时间 */
MARGIN-LEFT: 0px;
}
.float_del {/* 删除图标 */
DISPLAY: block; RIGHT: 0px; BACKGROUND: url(image/delete.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 13px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 0.5em; HEIGHT: 13px
}
.float_del:hover {/* 删除图标 鼠标悬停时的属性 */
BACKGROUND-POSITION: 0px -15px
}
#wrap {/*内容区域*/
MARGIN: 0px auto; WIDTH: 778px; TEXT-ALIGN: left;
}
#header {/* 页面标题行(uchome的logo+"首页...私信"+"设置...退出") */
BACKGROUND: #2782d6; WIDTH: 765px; POSITION: relative; HEIGHT: 35px;
}
#header H2 {/*ucenterhome的logo所占矩形块*/
POSITION: absolute;
WIDTH: 132px; BORDER-BOTTOM: #7dc3f6 5px solid
}
#menu {/* 首页...私信 */
POSITION: absolute;
FONT-SIZE: 1.17em; LEFT: 133px; BOTTOM: 2px; LINE-HEIGHT: 25px
}
#op {/* 设置 策略 退出 */
POSITION: absolute;
RIGHT: 1em; LINE-HEIGHT: 35px;
}
#menu LI {/* menu(见上文)中各列表项的属性 */
PADDING-RIGHT: 1em; FLOAT: left
}
#menu A {/* menu(见上文)中链接属性*/
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px
}
#menu A:hover {/* menu(见上文)中链接鼠标悬停时的属性 */
BACKGROUND: #68a8e2; TEXT-DECORATION: none
}
#menu .edit {/* 向导 */
FONT-SIZE: 12px; COLOR: #bbe2ff
}
#menu A.edit:hover {/* "向导"鼠标悬停的属性 */
BACKGROUND: none transparent scroll repeat 0% 0%
}
#op A {/* 设置 策略 退出 中链接属性*/
COLOR: #bbe2ff
}
#op .pipe {/* 设置 策略 退出 中间隔的竖线|属性*/
PADDING-RIGHT: 0.6em; PADDING-LEFT: 0.6em; PADDING-BOTTOM: 0px; COLOR: #57a7f1; PADDING-TOP: 0px
}
#content {/*迷你博客...日志...列表下方的大片空白*/
}
#side {/*侧面的列表(迷你博客,日志...)*/
BACKGROUND: #f7f7f7; FLOAT: left; OVERFLOW: hidden; WIDTH: 132px; PADDING-TOP: 15px;
}
#mainarea { /* 菜单以外的主内容部分 */
BORDER-RIGHT: #adadad 1px solid; BORDER-TOP: #adadad 1px solid; FLOAT: right; BORDER-LEFT: #adadad 1px solid; WIDTH: 644px; BORDER-BOTTOM: #adadad 1px solid; BACKGROUND-COLOR: #fff;
}
#footer {/* 整个页面最下方一行站点信息部分 +其下面一空行*/
CLEAR: both; PADDING-BOTTOM: 1em; MARGIN-LEFT: 130px; COLOR: #666; LINE-HEIGHT: 3em; TEXT-ALIGN: right
}
#footer .copyright {/* 整个页面最下方一行站点信息部分所在行*/
FLOAT: none
}
.app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.17em; PADDING-BOTTOM: 1em; LINE-HEIGHT: 2em; PADDING-TOP: 1em; BORDER-BOTTOM: #d2d2d2 1px solid
}
#side .app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0.5em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}
.app_list LI {/* 侧面列表迷你博客,日志....里各列表项*/
BACKGROUND-POSITION: 2px 5px; BACKGROUND-IMAGE: url(image/appicons.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
.app_list A {/* 侧面列表迷你博客,日志....里链接*/
DISPLAY: block; OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: 22px; WHITE-SPACE: nowrap
}
.app_list .app-doing {/* 侧表中"迷你博客" */
BACKGROUND-POSITION: 2px 5px
}
.app_list .app-photo {/* 侧表"相册"*/
BACKGROUND-POSITION: 2px -35px
}
.app_list .app-blog {/* 侧表"日志"*/
BACKGROUND-POSITION: 2px -75px
}
.app_list .app-share {/* 侧表"分享"*/
BACKGROUND-POSITION: 2px -115px
}
.app_list .app-thread {/* 侧表"话题"*/
BACKGROUND-POSITION: 2px -355px
}
.app_list .app-DISCUZ {/* 侧表"论坛"(如"中国仙剑联盟")*/
BACKGROUND-POSITION: 2px -395px
}
.app_list LI EM {/* 侧表中"发表 上传 发起"*/
FONT-SIZE: 12px; RIGHT: 0px; FONT-STYLE: normal; POSITION: absolute; TOP: 0px
}
.app_list LI EM A {/* 侧表中"发表 上传 发起"(链接)*/
DISPLAY: inline; COLOR: #666; TEXT-INDENT: 0px
}
.i_header {/* 空间主人id所在的行(大) */
PADDING-RIGHT: 0px; PADDING-LEFT: 238px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 3px; PADDING-TOP: 20px; BORDER-BOTTOM: #ccc 1px solid
}
.i_header H1 {/* 空间主人id所在的行(小) */
FONT-WEIGHT: bold; FONT-SIZE: 1.33em; COLOR: #333
}
.i_header EM {/* 空间主人昵称 */
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-STYLE: normal
}
.i_header SPAN {/* 空间主人id所在行最后的等级星星的格子 */
PADDING-RIGHT: 5px; FLOAT: right;
}
.narrow {/* 内容区域内窄的那列(头像好友迷你博客那列) */
OVERFLOW: hidden;
WIDTH: 200px
}
.wide {/*内容区域内宽的那列(个人信息及动态相册日志更新留言)*/
OVERFLOW: hidden;
WIDTH: 395px
}
#i_narrow {/* narrow(见上文)中内容块 */
MARGIN-TOP: -40px;
}
.r_content .narrow {/* narrow(见上文)中各项内容块(背景) */
FLOAT: left;
}
.r_content .wide {/* wide(见上文)中各项内容块 (背景)*/
FLOAT: right
}
.r_content {/* 主体部分各项内容块(背景) */
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#space_avatar {/* 空间主人头像 */
PADDING-BOTTOM: 1em; OVERFLOW: hidden; TEXT-ALIGN: center
}
#space_action .online {/* "在线"行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 6px; BACKGROUND: url(image/online.gif) no-repeat 98% 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px
}
-----------------
/*UCenter Home 的common.css中各元素说明-by 1个蚕豆*/
/*下面是从common.css里和我们要diy的页面相关的代码部分，各元素分别与哪部分相关我做了简要说明（可能语言表述不是很清楚，但作用位置大体能看出来，部分方位描述可参照默认模板来看）。有几处没有注释，那是因为我暂时还没弄清楚它的作用，在哪出现，以及是否与需要diy的那个页面相关。*/
/*了解了名字就可以用css来设定其格式了，例如大小，位置，版式，颜色，背景，或者加滤镜等等。这方面网上教程很多。*/
/*一般来说，A是表示超链接，hover表示鼠标悬停，LI表示列表项，img表示图片。*/
/*系统的css代码中有几处带有!important字样，想覆盖掉这部分代码，必须也在自己代码的对应语句加入!important才行。*/
/*这个系统对css代码的长度有限制，太长的css代码提交时会被腰斩，所以在diy时要尽量精简，只选那些想与默认模板不同的部分改就可以了，common.css中废话委实很多。*/
/*---------------------以下为代码部分-----------------*/
* {
WORD-BREAK: break-all
}
BODY {/* 页面 */
TEXT-ALIGN: center;
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
TH {/* “性别生日……网址”那列 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
TEXT-ALIGN: left;
}
TD {/* 简介，相册，资料等个人定制的列表项 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
}
SELECT {/* 被选中的部分 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif
}
TEXTAREA {/* 输入框 */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif;
}
BUTTON {/* 按钮，如“留言” */
FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif
}
H1 { /* 空间主人id和昵称所在的行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
FONT-SIZE: 1em;
}
H2 {/* ucenterhome logo所占矩形块 */
FONT-SIZE: 1em;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
H3 {/* 各子模块标题 如 "迷你博客""好友""个人动态"*/
FONT-SIZE: 1em;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
H6 {/* "个人动态""相册""日志"中各更新项的小标题 */
FONT-SIZE: 1em;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {/*个人动态/相册/留言版/好友/日志 中标题行下一行以及有时间那行;好友列表中好友id;页面最下copyright行;自己空间头像下面"在线(现在)"*/
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {/* "首页....私信"那行;"迷你博客,日志...."那列;"个人动态"+"日志"的更新内容;好友列表;自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"以及5个图标所在行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {/* 留言按钮+留言框一带 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL LI {/* UL(参见上文)中的各列表项部分 */
LIST-STYLE-TYPE: none
}
A {/* 链接的属性 */
COLOR: #06c; TEXT-DECORATION: none
}
.feed A:visited {/* 个人动态 模块中已点击过的链接 */
COLOR: #5181b7;
}
A:hover {/* 链接鼠标悬停时的属性 */
TEXT-DECORATION: underline
}
A IMG {/* 有链接的图片 */
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.blocklink A {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行 */
DISPLAY: block; PADDING-LEFT: 0.5em; LINE-HEIGHT: 2em
}
.blocklink A:hover {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行鼠标悬停时的属性 */
BACKGROUND: #2782d6; COLOR: #fff; TEXT-DECORATION: none
}
.pipe {/* 竖线|以及"没有评论" */
PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0px; COLOR: #ddd; PADDING-TOP: 0px;
}
.time {/* 时间 */
FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #999;
}
.stat .time {/* 日志模块的更新时间 */
MARGIN-LEFT: 0px;
}
.float_del {/* 删除图标 */
DISPLAY: block; RIGHT: 0px; BACKGROUND: url(image/delete.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 13px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 0.5em; HEIGHT: 13px
}
.float_del:hover {/* 删除图标 鼠标悬停时的属性 */
BACKGROUND-POSITION: 0px -15px
}
#wrap {/*内容区域*/
MARGIN: 0px auto; WIDTH: 778px; TEXT-ALIGN: left;
}
#header {/* 页面标题行(uchome的logo+"首页...私信"+"设置...退出") */
BACKGROUND: #2782d6; WIDTH: 765px; POSITION: relative; HEIGHT: 35px;
}
#header H2 {/*ucenterhome的logo所占矩形块*/
POSITION: absolute;
WIDTH: 132px; BORDER-BOTTOM: #7dc3f6 5px solid
}
#menu {/* 首页...私信 */
POSITION: absolute;
FONT-SIZE: 1.17em; LEFT: 133px; BOTTOM: 2px; LINE-HEIGHT: 25px
}
#op {/* 设置 策略 退出 */
POSITION: absolute;
RIGHT: 1em; LINE-HEIGHT: 35px;
}
#menu LI {/* menu(见上文)中各列表项的属性 */
PADDING-RIGHT: 1em; FLOAT: left
}
#menu A {/* menu(见上文)中链接属性*/
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px
}
#menu A:hover {/* menu(见上文)中链接鼠标悬停时的属性 */
BACKGROUND: #68a8e2; TEXT-DECORATION: none
}
#menu .edit {/* 向导 */
FONT-SIZE: 12px; COLOR: #bbe2ff
}
#menu A.edit:hover {/* "向导"鼠标悬停的属性 */
BACKGROUND: none transparent scroll repeat 0% 0%
}
#op A {/* 设置 策略 退出 中链接属性*/
COLOR: #bbe2ff
}
#op .pipe {/* 设置 策略 退出 中间隔的竖线|属性*/
PADDING-RIGHT: 0.6em; PADDING-LEFT: 0.6em; PADDING-BOTTOM: 0px; COLOR: #57a7f1; PADDING-TOP: 0px
}
#content {/*迷你博客...日志...列表下方的大片空白*/
}
#side {/*侧面的列表(迷你博客,日志...)*/
BACKGROUND: #f7f7f7; FLOAT: left; OVERFLOW: hidden; WIDTH: 132px; PADDING-TOP: 15px;
}
#mainarea { /* 菜单以外的主内容部分 */
BORDER-RIGHT: #adadad 1px solid; BORDER-TOP: #adadad 1px solid; FLOAT: right; BORDER-LEFT: #adadad 1px solid; WIDTH: 644px; BORDER-BOTTOM: #adadad 1px solid; BACKGROUND-COLOR: #fff;
}
#footer {/* 整个页面最下方一行站点信息部分 +其下面一空行*/
CLEAR: both; PADDING-BOTTOM: 1em; MARGIN-LEFT: 130px; COLOR: #666; LINE-HEIGHT: 3em; TEXT-ALIGN: right
}
#footer .copyright {/* 整个页面最下方一行站点信息部分所在行*/
FLOAT: none
}
.app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.17em; PADDING-BOTTOM: 1em; LINE-HEIGHT: 2em; PADDING-TOP: 1em; BORDER-BOTTOM: #d2d2d2 1px solid
}
#side .app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0.5em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}
.app_list LI {/* 侧面列表迷你博客,日志....里各列表项*/
BACKGROUND-POSITION: 2px 5px; BACKGROUND-IMAGE: url(image/appicons.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
.app_list A {/* 侧面列表迷你博客,日志....里链接*/
DISPLAY: block; OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: 22px; WHITE-SPACE: nowrap
}
.app_list .app-doing {/* 侧表中"迷你博客" */
BACKGROUND-POSITION: 2px 5px
}
.app_list .app-photo {/* 侧表"相册"*/
BACKGROUND-POSITION: 2px -35px
}
.app_list .app-blog {/* 侧表"日志"*/
BACKGROUND-POSITION: 2px -75px
}
.app_list .app-share {/* 侧表"分享"*/
BACKGROUND-POSITION: 2px -115px
}
.app_list .app-thread {/* 侧表"话题"*/
BACKGROUND-POSITION: 2px -355px
}
.app_list .app-DISCUZ {/* 侧表"论坛"(如"中国仙剑联盟")*/
BACKGROUND-POSITION: 2px -395px
}
.app_list LI EM {/* 侧表中"发表 上传 发起"*/
FONT-SIZE: 12px; RIGHT: 0px; FONT-STYLE: normal; POSITION: absolute; TOP: 0px
}
.app_list LI EM A {/* 侧表中"发表 上传 发起"(链接)*/
DISPLAY: inline; COLOR: #666; TEXT-INDENT: 0px
}
.i_header {/* 空间主人id所在的行(大) */
PADDING-RIGHT: 0px; PADDING-LEFT: 238px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 3px; PADDING-TOP: 20px; BORDER-BOTTOM: #ccc 1px solid
}
.i_header H1 {/* 空间主人id所在的行(小) */
FONT-WEIGHT: bold; FONT-SIZE: 1.33em; COLOR: #333
}
.i_header EM {/* 空间主人昵称 */
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-STYLE: normal
}
.i_header SPAN {/* 空间主人id所在行最后的等级星星的格子 */
PADDING-RIGHT: 5px; FLOAT: right;
}
.narrow {/* 内容区域内窄的那列(头像好友迷你博客那列) */
OVERFLOW: hidden;
WIDTH: 200px
}
.wide {/*内容区域内宽的那列(个人信息及动态相册日志更新留言)*/
OVERFLOW: hidden;
WIDTH: 395px
}
#i_narrow {/* narrow(见上文)中内容块 */
MARGIN-TOP: -40px;
}
.r_content .narrow {/* narrow(见上文)中各项内容块(背景) */
FLOAT: left;
}
.r_content .wide {/* wide(见上文)中各项内容块 (背景)*/
FLOAT: right
}
.r_content {/* 主体部分各项内容块(背景) */
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#space_avatar {/* 空间主人头像 */
PADDING-BOTTOM: 1em; OVERFLOW: hidden; TEXT-ALIGN: center
}
#space_action .online {/* "在线"行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 6px; BACKGROUND: url(image/online.gif) no-repeat 98% 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px
}
| #space_appicon LI {/* "在线"行下面5个图标所在格子 */ BACKGROUND-POSITION: 0px 5px; FLOAT: left; BACKGROUND-IMAGE: url(image/appicons.gif); OVERFLOW: hidden; WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px } #space_appicon LI.app-doing {/* "在线"行下面5个图标格子中"迷你博客"图标那格 */ BACKGROUND-POSITION: 0px 5px } #space_appicon LI.app-photo {/* "在线"行下面5个图标格子中"相册"图标那格 */ BACKGROUND-POSITION: 0px -35px } #space_appicon LI.app-blog {/* "在线"行下面5个图标格子中"日志"图标那格 */ BACKGROUND-POSITION: 0px -75px } #space_appicon LI.app-share {/* "在线"行下面5个图标格子中"分享"图标那格 */ BACKGROUND-POSITION: 0px -115px } #space_appicon LI.app-thread {/* "在线"行下面5个图标格子中"话题"图标那格 */ BACKGROUND-POSITION: 0px -355px } #space_appicon LI A {/* "在线"行下面5个图标所在格子中的链接属性 */ FLOAT: left; WIDTH: 25px; TEXT-INDENT: -999em; HEIGHT: 25px } .box {/* mainarea(见上文)中各项有更新内容的格子 */ PADDING-BOTTOM: 1em } .box_action {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块中标题下面那行(如"最新2篇")*/ BORDER-TOP: #ddd 1px solid; BACKGROUND: #eee; COLOR: #666; TEXT-INDENT: 0.8em; LINE-HEIGHT: 1.8em; POSITION: relative; HEIGHT: 1.8em; } .box_action .action {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块中标题下面那行右边的链接(如"全部")*/ RIGHT: 0.8em; POSITION: absolute; TOP: 0px } .box H3 {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块的标题行*/ BORDER-TOP: #1461a9 1px solid; FONT-SIZE: 1em; BACKGROUND: #c9dff4; TEXT-INDENT: 0.8em; LINE-HEIGHT: 1.8em } .box_content { /* wide(见上文)中各项有更新内容的格子 */ PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0px; PADDING-TOP: 0.8em } .line_list LI {/* "编辑我的资料/发短消息/加为好友/打招呼/迷你博客的更新内容格/日志的更新内容格" */ BORDER-BOTTOM: #ddd 1px solid; } .avatar_list {/* 好友头像列表 */ OVERFLOW: hidden; ZOOM: 1 } .avatar_list LI {/* 好友头像列表中各列表项 */ PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; TEXT-ALIGN: center } .avatar_list IMG {/* 好友头像列表中图片 */ WIDTH: 48px; HEIGHT: 48px } .avatar_list P {/* 好友头像列表中好友id */ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; PADDING-TOP: 2px; HEIGHT: 16px } .post_list LI {/* 日志内容列表 */ PADDING-RIGHT: 15px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; POSITION: relative } .post_list .detail {/* 日志内容列表(不含标题) */ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em } .feed LI {/* 个人动态列表各项 */ PADDING-RIGHT: 10px; MARGIN-LEFT: 2em; MARGIN-RIGHT: 1em; PADDING-TOP: 0.7em; ZOOM: 1; POSITION: relative; BORDER-BOTTOM-STYLE: none } .feed LI.type_blog {/* 个人动态列表项中日志类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_album {/* 个人动态列表项中相册类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_thread {/* 个人动态列表项中话题类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_doing {/* 个人动态列表项中迷你博客类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_share {/* 个人动态列表项中分享类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI:unknown {/* 个人动态列表项中未知/其他类项 */ CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } .feed A.type {/* 个人动态列表项各项前面放图标的格子*/ DISPLAY: inline; LEFT: -1.8em; OVERFLOW: hidden; WIDTH: 16px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 0.7em; HEIGHT: 16px } .feed H6 {/* 个人动态列表项中各项单个条目 */ FONT-WEIGHT: normal; } .feed .detail {/* 个人动态列表项中各项(不含标题) */ PADDING-TOP: 0.4em } .feed LI .time {/* 个人动态列表项中时间部分 */ WHITE-SPACE: nowrap; background-color: transparent; } .feed IMG {/* 个人动态中的图片 */ BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; MAX-WIDTH: 70px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; ; WIDTH: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); MAX-HEIGHT: 100px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; ; HEIGHT: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true) } .feed A:hover IMG {/* 个人动态列表项中带链接的图片鼠标悬停的属性 */ BORDER-LEFT-COLOR: #69c! important; BORDER-BOTTOM-COLOR: #69c! important; BORDER-TOP-COLOR: #69c! important; BORDER-RIGHT-COLOR: #69c! important } .feed .summaryimg {/* 个人动态列表项中图片的缩略图 */ FLOAT: left; MARGIN: 8px 4px 8px 0px } .feed .thumbimg { FLOAT: right } .feed .category { CLEAR: both } A.type {/* 各项图标 */ BACKGROUND-IMAGE: url(image/miniicons.gif); BACKGROUND-REPEAT: no-repeat } .type_doing .type {/*迷你博客图标的位置 */ BACKGROUND-POSITION: 0px 1px } .type_album .type {/*相册博客图标的位置 */ BACKGROUND-POSITION: 0px -40px } .type_blog .type {/*日志图标的位置 */ BACKGROUND-POSITION: 0px -80px } .type_share .type {/*分享图标的位置 */ BACKGROUND-POSITION: 0px -120px } .type_mtag .type {/*手机图标的位置 */ BACKGROUND-POSITION: 0px -160px } .type_thread .type {/*话题图标的位置 */ BACKGROUND-POSITION: 0px -160px } .type_video .type {/*视频图标的位置 */ BACKGROUND-POSITION: 0px -200px } .type_friend .type {/*好友图标的位置 */ BACKGROUND-POSITION: 0px -280px } .type_profile .type {/*个人档案图标的位置 */ BACKGROUND-POSITION: 0px -440px } .type_network .type {/*网络图标的位置 */ BACKGROUND-POSITION: 0px -320px } .type_comment .type {/*回复图标的位置 */ BACKGROUND-POSITION: 0px -400px } .type_wall .type { BACKGROUND-POSITION: 0px -400px } .infotable {/* 个人信息区域 */ } .infotable TH {/* 个人信息区域条目名称 */ VERTICAL-ALIGN: top; PADDING-TOP: 0.2em; COLOR: #999999 * { WORD-BREAK: break-all } BODY {/* 页面 */ TEXT-ALIGN: center; FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px} TH {/* “性别生日……网址”那列 */ FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; TEXT-ALIGN: left; } TD {/* 简介，相册，资料等个人定制的列表项 */ FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; } SELECT {/* 被选中的部分 */ FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif } TEXTAREA {/* 输入框 */ FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; } BUTTON {/* 按钮，如“留言” */ FONT: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif } H1 { /* 空间主人id和昵称所在的行 */ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-SIZE: 1em; } H2 {/* ucenterhome logo所占矩形块 */ FONT-SIZE: 1em; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } H3 {/* 各子模块标题 如 "迷你博客""好友""个人动态"*/ FONT-SIZE: 1em; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } H6 {/* "个人动态""相册""日志"中各更新项的小标题 */ FONT-SIZE: 1em; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } P {/*个人动态/相册/留言版/好友/日志 中标题行下一行以及有时间那行;好友列表中好友id;页面最下copyright行;自己空间头像下面"在线(现在)"*/ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL {/* "首页....私信"那行;"迷你博客,日志...."那列;"个人动态"+"日志"的更新内容;好友列表;自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"以及5个图标所在行 */ |
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {/* 留言按钮+留言框一带 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL LI {/* UL(参见上文)中的各列表项部分 */
LIST-STYLE-TYPE: none
}
A {/* 链接的属性 */
COLOR: #06c; TEXT-DECORATION: none
}
.feed A:visited {/* 个人动态 模块中已点击过的链接 */
COLOR: #5181b7;
}
A:hover {/* 链接鼠标悬停时的属性 */
TEXT-DECORATION: underline
}
A IMG {/* 有链接的图片 */
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.blocklink A {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行 */
DISPLAY: block; PADDING-LEFT: 0.5em; LINE-HEIGHT: 2em
}
.blocklink A:hover {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行鼠标悬停时的属性 */
BACKGROUND: #2782d6; COLOR: #fff; TEXT-DECORATION: none
}
.pipe {/* 竖线|以及"没有评论" */
PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0px; COLOR: #ddd; PADDING-TOP: 0px;
}
.time {/* 时间 */
FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #999;
}
.stat .time {/* 日志模块的更新时间 */
MARGIN-LEFT: 0px;
}
.float_del {/* 删除图标 */
DISPLAY: block; RIGHT: 0px; BACKGROUND: url(image/delete.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 13px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 0.5em; HEIGHT: 13px
}
.float_del:hover {/* 删除图标 鼠标悬停时的属性 */
BACKGROUND-POSITION: 0px -15px
}
#wrap {/*内容区域*/
MARGIN: 0px auto; WIDTH: 778px; TEXT-ALIGN: left;
}
#header {/* 页面标题行(uchome的logo+"首页...私信"+"设置...退出") */
BACKGROUND: #2782d6; WIDTH: 765px; POSITION: relative; HEIGHT: 35px;
}
#header H2 {/*ucenterhome的logo所占矩形块*/
POSITION: absolute;
WIDTH: 132px; BORDER-BOTTOM: #7dc3f6 5px solid
}
#menu {/* 首页...私信 */
POSITION: absolute;
FONT-SIZE: 1.17em; LEFT: 133px; BOTTOM: 2px; LINE-HEIGHT: 25px
}
#op {/* 设置 策略 退出 */
POSITION: absolute;
RIGHT: 1em; LINE-HEIGHT: 35px;
}
#menu LI {/* menu(见上文)中各列表项的属性 */
PADDING-RIGHT: 1em; FLOAT: left
}
#menu A {/* menu(见上文)中链接属性*/
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px
}
#menu A:hover {/* menu(见上文)中链接鼠标悬停时的属性 */
BACKGROUND: #68a8e2; TEXT-DECORATION: none
}
#menu .edit {/* 向导 */
FONT-SIZE: 12px; COLOR: #bbe2ff
}
#menu A.edit:hover {/* "向导"鼠标悬停的属性 */
BACKGROUND: none transparent scroll repeat 0% 0%
}
#op A {/* 设置 策略 退出 中链接属性*/
COLOR: #bbe2ff
}
#op .pipe {/* 设置 策略 退出 中间隔的竖线|属性*/
PADDING-RIGHT: 0.6em; PADDING-LEFT: 0.6em; PADDING-BOTTOM: 0px; COLOR: #57a7f1; PADDING-TOP: 0px
}
#content {/*迷你博客...日志...列表下方的大片空白*/
}
#side {/*侧面的列表(迷你博客,日志...)*/
BACKGROUND: #f7f7f7; FLOAT: left; OVERFLOW: hidden; WIDTH: 132px; PADDING-TOP: 15px;
}
#mainarea { /* 菜单以外的主内容部分 */
BORDER-RIGHT: #adadad 1px solid; BORDER-TOP: #adadad 1px solid; FLOAT: right; BORDER-LEFT: #adadad 1px solid; WIDTH: 644px; BORDER-BOTTOM: #adadad 1px solid; BACKGROUND-COLOR: #fff;
}
#footer {/* 整个页面最下方一行站点信息部分 +其下面一空行*/
CLEAR: both; PADDING-BOTTOM: 1em; MARGIN-LEFT: 130px; COLOR: #666; LINE-HEIGHT: 3em; TEXT-ALIGN: right
}
#footer .copyright {/* 整个页面最下方一行站点信息部分所在行*/
FLOAT: none
}
.app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.17em; PADDING-BOTTOM: 1em; LINE-HEIGHT: 2em; PADDING-TOP: 1em; BORDER-BOTTOM: #d2d2d2 1px solid
}
#side .app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0.5em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}
.app_list LI {/* 侧面列表迷你博客,日志....里各列表项*/
BACKGROUND-POSITION: 2px 5px; BACKGROUND-IMAGE: url(image/appicons.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
.app_list A {/* 侧面列表迷你博客,日志....里链接*/
DISPLAY: block; OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: 22px; WHITE-SPACE: nowrap
}
.app_list .app-doing {/* 侧表中"迷你博客" */
BACKGROUND-POSITION: 2px 5px
}
.app_list .app-photo {/* 侧表"相册"*/
BACKGROUND-POSITION: 2px -35px
}
.app_list .app-blog {/* 侧表"日志"*/
BACKGROUND-POSITION: 2px -75px
}
.app_list .app-share {/* 侧表"分享"*/
BACKGROUND-POSITION: 2px -115px
}
.app_list .app-thread {/* 侧表"话题"*/
BACKGROUND-POSITION: 2px -355px
}
.app_list .app-DISCUZ {/* 侧表"论坛"(如"中国仙剑联盟")*/
BACKGROUND-POSITION: 2px -395px
}
.app_list LI EM {/* 侧表中"发表 上传 发起"*/
FONT-SIZE: 12px; RIGHT: 0px; FONT-STYLE: normal; POSITION: absolute; TOP: 0px
}
.app_list LI EM A {/* 侧表中"发表 上传 发起"(链接)*/
DISPLAY: inline; COLOR: #666; TEXT-INDENT: 0px
}
.i_header {/* 空间主人id所在的行(大) */
PADDING-RIGHT: 0px; PADDING-LEFT: 238px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 3px; PADDING-TOP: 20px; BORDER-BOTTOM: #ccc 1px solid
}
.i_header H1 {/* 空间主人id所在的行(小) */
FONT-WEIGHT: bold; FONT-SIZE: 1.33em; COLOR: #333
}
.i_header EM {/* 空间主人昵称 */
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-STYLE: normal
}
.i_header SPAN {/* 空间主人id所在行最后的等级星星的格子 */
PADDING-RIGHT: 5px; FLOAT: right;
}
.narrow {/* 内容区域内窄的那列(头像好友迷你博客那列) */
OVERFLOW: hidden;
WIDTH: 200px
}
.wide {/*内容区域内宽的那列(个人信息及动态相册日志更新留言)*/
OVERFLOW: hidden;
WIDTH: 395px
}
#i_narrow {/* narrow(见上文)中内容块 */
MARGIN-TOP: -40px;
}
.r_content .narrow {/* narrow(见上文)中各项内容块(背景) */
FLOAT: left;
}
.r_content .wide {/* wide(见上文)中各项内容块 (背景)*/
FLOAT: right
}
.r_content {/* 主体部分各项内容块(背景) */
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#space_avatar {/* 空间主人头像 */
PADDING-BOTTOM: 1em; OVERFLOW: hidden; TEXT-ALIGN: center
}
#space_action .online {/* "在线"行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 6px; BACKGROUND: url(image/online.gif) no-repeat 98% 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px
}
#space_appicon LI {/* "在线"行下面5个图标所在格子 */
BACKGROUND-POSITION: 0px 5px; FLOAT: left; BACKGROUND-IMAGE: url(image/appicons.gif); OVERFLOW: hidden; WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px
}
#space_appicon LI.app-doing {/* "在线"行下面5个图标格子中"迷你博客"图标那格 */
BACKGROUND-POSITION: 0px 5px
}
#space_appicon LI.app-photo {/* "在线"行下面5个图标格子中"相册"图标那格 */
BACKGROUND-POSITION: 0px -35px
}
#space_appicon LI.app-blog {/* "在线"行下面5个图标格子中"日志"图标那格 */
BACKGROUND-POSITION: 0px -75px
}
#space_appicon LI.app-share {/* "在线"行下面5个图标格子中"分享"图标那格 */
BACKGROUND-POSITION: 0px -115px
}
#space_appicon LI.app-thread {/* "在线"行下面5个图标格子中"话题"图标那格 */
BACKGROUND-POSITION: 0px -355px
}
#space_appicon LI A {/* "在线"行下面5个图标所在格子中的链接属性 */
FLOAT: left; WIDTH: 25px; TEXT-INDENT: -999em; HEIGHT: 25px
}
.box {/* mainarea(见上文)中各项有更新内容的格子 */
PADDING-BOTTOM: 1em
}
.box_action {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块中标题下面那行(如"最新2篇")*/
BORDER-TOP: #ddd 1px solid; BACKGROUND: #eee; COLOR: #666; TEXT-INDENT: 0.8em; LINE-HEIGHT: 1.8em; POSITION: relative; HEIGHT: 1.8em;
}
.box_action .action {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块中标题下面那行右边的链接(如"全部")*/
RIGHT: 0.8em; POSITION: absolute; TOP: 0px
}
.box H3 {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块的标题行*/
BORDER-TOP: #1461a9 1px solid; FONT-SIZE: 1em; BACKGROUND: #c9dff4; TEXT-INDENT: 0.8em; LINE-HEIGHT: 1.8em
}
.box_content {
/* wide(见上文)中各项有更新内容的格子 */
PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0px; PADDING-TOP: 0.8em
}
.line_list LI {/* "编辑我的资料/发短消息/加为好友/打招呼/迷你博客的更新内容格/日志的更新内容格" */
BORDER-BOTTOM: #ddd 1px solid;
}
.avatar_list {/* 好友头像列表 */
OVERFLOW: hidden; ZOOM: 1
}
.avatar_list LI {/* 好友头像列表中各列表项 */
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.avatar_list IMG {/* 好友头像列表中图片 */
WIDTH: 48px; HEIGHT: 48px
}
.avatar_list P {/* 好友头像列表中好友id */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; PADDING-TOP: 2px; HEIGHT: 16px
}
.post_list LI {/* 日志内容列表 */
PADDING-RIGHT: 15px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; POSITION: relative
}
.post_list .detail {/* 日志内容列表(不含标题) */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em
}
}
FORM {/* 留言按钮+留言框一带 */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL LI {/* UL(参见上文)中的各列表项部分 */
LIST-STYLE-TYPE: none
}
A {/* 链接的属性 */
COLOR: #06c; TEXT-DECORATION: none
}
.feed A:visited {/* 个人动态 模块中已点击过的链接 */
COLOR: #5181b7;
}
A:hover {/* 链接鼠标悬停时的属性 */
TEXT-DECORATION: underline
}
A IMG {/* 有链接的图片 */
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.blocklink A {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行 */
DISPLAY: block; PADDING-LEFT: 0.5em; LINE-HEIGHT: 2em
}
.blocklink A:hover {/* 自己头像下面"编辑我的资料/发短消息/打招呼/加为好友"所在行鼠标悬停时的属性 */
BACKGROUND: #2782d6; COLOR: #fff; TEXT-DECORATION: none
}
.pipe {/* 竖线|以及"没有评论" */
PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0px; COLOR: #ddd; PADDING-TOP: 0px;
}
.time {/* 时间 */
FONT-SIZE: 12px; MARGIN-LEFT: 9px; COLOR: #999;
}
.stat .time {/* 日志模块的更新时间 */
MARGIN-LEFT: 0px;
}
.float_del {/* 删除图标 */
DISPLAY: block; RIGHT: 0px; BACKGROUND: url(image/delete.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 13px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 0.5em; HEIGHT: 13px
}
.float_del:hover {/* 删除图标 鼠标悬停时的属性 */
BACKGROUND-POSITION: 0px -15px
}
#wrap {/*内容区域*/
MARGIN: 0px auto; WIDTH: 778px; TEXT-ALIGN: left;
}
#header {/* 页面标题行(uchome的logo+"首页...私信"+"设置...退出") */
BACKGROUND: #2782d6; WIDTH: 765px; POSITION: relative; HEIGHT: 35px;
}
#header H2 {/*ucenterhome的logo所占矩形块*/
POSITION: absolute;
WIDTH: 132px; BORDER-BOTTOM: #7dc3f6 5px solid
}
#menu {/* 首页...私信 */
POSITION: absolute;
FONT-SIZE: 1.17em; LEFT: 133px; BOTTOM: 2px; LINE-HEIGHT: 25px
}
#op {/* 设置 策略 退出 */
POSITION: absolute;
RIGHT: 1em; LINE-HEIGHT: 35px;
}
#menu LI {/* menu(见上文)中各列表项的属性 */
PADDING-RIGHT: 1em; FLOAT: left
}
#menu A {/* menu(见上文)中链接属性*/
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px
}
#menu A:hover {/* menu(见上文)中链接鼠标悬停时的属性 */
BACKGROUND: #68a8e2; TEXT-DECORATION: none
}
#menu .edit {/* 向导 */
FONT-SIZE: 12px; COLOR: #bbe2ff
}
#menu A.edit:hover {/* "向导"鼠标悬停的属性 */
BACKGROUND: none transparent scroll repeat 0% 0%
}
#op A {/* 设置 策略 退出 中链接属性*/
COLOR: #bbe2ff
}
#op .pipe {/* 设置 策略 退出 中间隔的竖线|属性*/
PADDING-RIGHT: 0.6em; PADDING-LEFT: 0.6em; PADDING-BOTTOM: 0px; COLOR: #57a7f1; PADDING-TOP: 0px
}
#content {/*迷你博客...日志...列表下方的大片空白*/
}
#side {/*侧面的列表(迷你博客,日志...)*/
BACKGROUND: #f7f7f7; FLOAT: left; OVERFLOW: hidden; WIDTH: 132px; PADDING-TOP: 15px;
}
#mainarea { /* 菜单以外的主内容部分 */
BORDER-RIGHT: #adadad 1px solid; BORDER-TOP: #adadad 1px solid; FLOAT: right; BORDER-LEFT: #adadad 1px solid; WIDTH: 644px; BORDER-BOTTOM: #adadad 1px solid; BACKGROUND-COLOR: #fff;
}
#footer {/* 整个页面最下方一行站点信息部分 +其下面一空行*/
CLEAR: both; PADDING-BOTTOM: 1em; MARGIN-LEFT: 130px; COLOR: #666; LINE-HEIGHT: 3em; TEXT-ALIGN: right
}
#footer .copyright {/* 整个页面最下方一行站点信息部分所在行*/
FLOAT: none
}
.app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.17em; PADDING-BOTTOM: 1em; LINE-HEIGHT: 2em; PADDING-TOP: 1em; BORDER-BOTTOM: #d2d2d2 1px solid
}
#side .app_list {/* 侧面列表迷你博客,日志....*/
PADDING-RIGHT: 0.5em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}
.app_list LI {/* 侧面列表迷你博客,日志....里各列表项*/
BACKGROUND-POSITION: 2px 5px; BACKGROUND-IMAGE: url(image/appicons.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
.app_list A {/* 侧面列表迷你博客,日志....里链接*/
DISPLAY: block; OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: 22px; WHITE-SPACE: nowrap
}
.app_list .app-doing {/* 侧表中"迷你博客" */
BACKGROUND-POSITION: 2px 5px
}
.app_list .app-photo {/* 侧表"相册"*/
BACKGROUND-POSITION: 2px -35px
}
.app_list .app-blog {/* 侧表"日志"*/
BACKGROUND-POSITION: 2px -75px
}
.app_list .app-share {/* 侧表"分享"*/
BACKGROUND-POSITION: 2px -115px
}
.app_list .app-thread {/* 侧表"话题"*/
BACKGROUND-POSITION: 2px -355px
}
.app_list .app-DISCUZ {/* 侧表"论坛"(如"中国仙剑联盟")*/
BACKGROUND-POSITION: 2px -395px
}
.app_list LI EM {/* 侧表中"发表 上传 发起"*/
FONT-SIZE: 12px; RIGHT: 0px; FONT-STYLE: normal; POSITION: absolute; TOP: 0px
}
.app_list LI EM A {/* 侧表中"发表 上传 发起"(链接)*/
DISPLAY: inline; COLOR: #666; TEXT-INDENT: 0px
}
.i_header {/* 空间主人id所在的行(大) */
PADDING-RIGHT: 0px; PADDING-LEFT: 238px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 3px; PADDING-TOP: 20px; BORDER-BOTTOM: #ccc 1px solid
}
.i_header H1 {/* 空间主人id所在的行(小) */
FONT-WEIGHT: bold; FONT-SIZE: 1.33em; COLOR: #333
}
.i_header EM {/* 空间主人昵称 */
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-STYLE: normal
}
.i_header SPAN {/* 空间主人id所在行最后的等级星星的格子 */
PADDING-RIGHT: 5px; FLOAT: right;
}
.narrow {/* 内容区域内窄的那列(头像好友迷你博客那列) */
OVERFLOW: hidden;
WIDTH: 200px
}
.wide {/*内容区域内宽的那列(个人信息及动态相册日志更新留言)*/
OVERFLOW: hidden;
WIDTH: 395px
}
#i_narrow {/* narrow(见上文)中内容块 */
MARGIN-TOP: -40px;
}
.r_content .narrow {/* narrow(见上文)中各项内容块(背景) */
FLOAT: left;
}
.r_content .wide {/* wide(见上文)中各项内容块 (背景)*/
FLOAT: right
}
.r_content {/* 主体部分各项内容块(背景) */
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#space_avatar {/* 空间主人头像 */
PADDING-BOTTOM: 1em; OVERFLOW: hidden; TEXT-ALIGN: center
}
#space_action .online {/* "在线"行 */
PADDING-RIGHT: 0px; PADDING-LEFT: 6px; BACKGROUND: url(image/online.gif) no-repeat 98% 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px
}
#space_appicon LI {/* "在线"行下面5个图标所在格子 */
BACKGROUND-POSITION: 0px 5px; FLOAT: left; BACKGROUND-IMAGE: url(image/appicons.gif); OVERFLOW: hidden; WIDTH: 25px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px
}
#space_appicon LI.app-doing {/* "在线"行下面5个图标格子中"迷你博客"图标那格 */
BACKGROUND-POSITION: 0px 5px
}
#space_appicon LI.app-photo {/* "在线"行下面5个图标格子中"相册"图标那格 */
BACKGROUND-POSITION: 0px -35px
}
#space_appicon LI.app-blog {/* "在线"行下面5个图标格子中"日志"图标那格 */
BACKGROUND-POSITION: 0px -75px
}
#space_appicon LI.app-share {/* "在线"行下面5个图标格子中"分享"图标那格 */
BACKGROUND-POSITION: 0px -115px
}
#space_appicon LI.app-thread {/* "在线"行下面5个图标格子中"话题"图标那格 */
BACKGROUND-POSITION: 0px -355px
}
#space_appicon LI A {/* "在线"行下面5个图标所在格子中的链接属性 */
FLOAT: left; WIDTH: 25px; TEXT-INDENT: -999em; HEIGHT: 25px
}
.box {/* mainarea(见上文)中各项有更新内容的格子 */
PADDING-BOTTOM: 1em
}
.box_action {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块中标题下面那行(如"最新2篇")*/
BORDER-TOP: #ddd 1px solid; BACKGROUND: #eee; COLOR: #666; TEXT-INDENT: 0.8em; LINE-HEIGHT: 1.8em; POSITION: relative; HEIGHT: 1.8em;
}
.box_action .action {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块中标题下面那行右边的链接(如"全部")*/
RIGHT: 0.8em; POSITION: absolute; TOP: 0px
}
.box H3 {/*"个人动态/好友/迷你博客/相册/留言板/日志"模块的标题行*/
BORDER-TOP: #1461a9 1px solid; FONT-SIZE: 1em; BACKGROUND: #c9dff4; TEXT-INDENT: 0.8em; LINE-HEIGHT: 1.8em
}
.box_content {
/* wide(见上文)中各项有更新内容的格子 */
PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0px; PADDING-TOP: 0.8em
}
.line_list LI {/* "编辑我的资料/发短消息/加为好友/打招呼/迷你博客的更新内容格/日志的更新内容格" */
BORDER-BOTTOM: #ddd 1px solid;
}
.avatar_list {/* 好友头像列表 */
OVERFLOW: hidden; ZOOM: 1
}
.avatar_list LI {/* 好友头像列表中各列表项 */
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.avatar_list IMG {/* 好友头像列表中图片 */
WIDTH: 48px; HEIGHT: 48px
}
.avatar_list P {/* 好友头像列表中好友id */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; PADDING-TOP: 2px; HEIGHT: 16px
}
.post_list LI {/* 日志内容列表 */
PADDING-RIGHT: 15px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; POSITION: relative
}
.post_list .detail {/* 日志内容列表(不含标题) */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em
}
| .feed LI {/* 个人动态列表各项 */ PADDING-RIGHT: 10px; MARGIN-LEFT: 2em; MARGIN-RIGHT: 1em; PADDING-TOP: 0.7em; ZOOM: 1; POSITION: relative; BORDER-BOTTOM-STYLE: none } .feed LI.type_blog {/* 个人动态列表项中日志类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_album {/* 个人动态列表项中相册类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_thread {/* 个人动态列表项中话题类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_doing {/* 个人动态列表项中迷你博客类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI.type_share {/* 个人动态列表项中分享类项 */ PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #ddd 1px solid; ZOOM: 1 } .feed LI:unknown {/* 个人动态列表项中未知/其他类项 */ CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "." } .feed A.type {/* 个人动态列表项各项前面放图标的格子*/ DISPLAY: inline; LEFT: -1.8em; OVERFLOW: hidden; WIDTH: 16px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 0.7em; HEIGHT: 16px } .feed H6 {/* 个人动态列表项中各项单个条目 */ FONT-WEIGHT: normal; } .feed .detail {/* 个人动态列表项中各项(不含标题) */ PADDING-TOP: 0.4em } .feed LI .time {/* 个人动态列表项中时间部分 */ WHITE-SPACE: nowrap; background-color: transparent; } .feed IMG {/* 个人动态中的图片 */ BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; MAX-WIDTH: 70px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; ; WIDTH: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); MAX-HEIGHT: 100px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; ; HEIGHT: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true) } .feed A:hover IMG {/* 个人动态列表项中带链接的图片鼠标悬停的属性 */ BORDER-LEFT-COLOR: #69c! important; BORDER-BOTTOM-COLOR: #69c! important; BORDER-TOP-COLOR: #69c! important; BORDER-RIGHT-COLOR: #69c! important } .feed .summaryimg {/* 个人动态列表项中图片的缩略图 */ FLOAT: left; MARGIN: 8px 4px 8px 0px } .feed .thumbimg { FLOAT: right } .feed .category { CLEAR: both } A.type {/* 各项图标 */ BACKGROUND-IMAGE: url(image/miniicons.gif); BACKGROUND-REPEAT: no-repeat } .type_doing .type {/*迷你博客图标的位置 */ BACKGROUND-POSITION: 0px 1px } .type_album .type {/*相册博客图标的位置 */ BACKGROUND-POSITION: 0px -40px } .type_blog .type {/*日志图标的位置 */ BACKGROUND-POSITION: 0px -80px } .type_share .type {/*分享图标的位置 */ BACKGROUND-POSITION: 0px -120px } .type_mtag .type {/*手机图标的位置 */ BACKGROUND-POSITION: 0px -160px } .type_thread .type {/*话题图标的位置 */ BACKGROUND-POSITION: 0px -160px } .type_video .type {/*视频图标的位置 */ BACKGROUND-POSITION: 0px -200px } .type_friend .type {/*好友图标的位置 */ BACKGROUND-POSITION: 0px -280px } .type_profile .type {/*个人档案图标的位置 */ BACKGROUND-POSITION: 0px -440px } .type_network .type {/*网络图标的位置 */ BACKGROUND-POSITION: 0px -320px } .type_comment .type {/*回复图标的位置 */ BACKGROUND-POSITION: 0px -400px } .type_wall .type { BACKGROUND-POSITION: 0px -400px } .infotable {/* 个人信息区域 */ } .infotable TH {/* 个人信息区域条目名称 */ VERTICAL-ALIGN: top; PADDING-TOP: 0.2em; COLOR: #999999 } .infotable TD {/* 个人信息区域 条目内容*/ VERTICAL-ALIGN: top; PADDING-TOP: 0.2em } .space_wall_post {/* 留言+留言按钮区域 */ PADDING-RIGHT: 0.5em; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0.5em; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; } .space_wall_post TEXTAREA {/* 留言框 */ WIDTH: 377px } TEXTAREA {/* 留言框 */ BORDER-RIGHT: #c3c3c3 1px solid; BORDER-TOP: #7c7c7c 1px solid; OVERFLOW: auto; BORDER-LEFT: #c3c3c3 1px solid; BORDER-BOTTOM: #ddd 1px solid } .formtable {/* 选吧模块内容*/ WIDTH: 100%; } .formtable TD {/* 选吧模块内容(不包括最下面空行)*/ PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } .formtable TH { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } .formtable TH { PADDING-RIGHT: 1em; TEXT-ALIGN: right } .submit {/* 按钮 */ BORDER-RIGHT: #264f6e 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 10px; BACKGROUND: #2782d6; PADDING-BOTTOM: 0px; BORDER-LEFT: #ddd 1px solid; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #264f6e 1px solid; LETTER-SPACING: 1px; HEIGHT: 22px } .f_status {/* 订阅分享top所在行 */ CLEAR: both; PADDING-RIGHT: 10px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 10px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #a_top {/* top图标 */ BORDER-RIGHT: #7f93bc 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #7f93bc 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: #fff no-repeat right top; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN-LEFT: 4px; OVERFLOW: hidden; BORDER-LEFT: #7f93bc 1px solid; WIDTH: 25px; LINE-HEIGHT: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: #7f93bc 1px solid; HEIGHT: 15px; BACKGROUND-IMAGE: url(image/top.gif) } #a_share { /* 分享图标 */ BORDER-RIGHT: #7f93bc 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #7f93bc 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: #fff no-repeat right top; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN-LEFT: 4px; OVERFLOW: hidden; BORDER-LEFT: #7f93bc 1px solid; WIDTH: 25px; LINE-HEIGHT: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: #7f93bc 1px solid; HEIGHT: 15px; BACKGROUND-IMAGE: url(image/share.gif); } #a_rss {/*订阅图标*/ BORDER-RIGHT: #7f93bc 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #7f93bc 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: #fff no-repeat right top; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN-LEFT: 4px; OVERFLOW: hidden; BORDER-LEFT: #7f93bc 1px solid; WIDTH: 25px; LINE-HEIGHT: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: #7f93bc 1px solid; HEIGHT: 15px; BORDER-LEFT-COLOR: #e0862d; BACKGROUND-IMAGE: url(image/rss.gif); BORDER-BOTTOM-COLOR: #e0862d; COLOR: #e0862d; BORDER-TOP-COLOR: #e0862d; BORDER-RIGHT-COLOR: #e0862d} #a_top:hover {/* 鼠标悬停时的top图标 */ BACKGROUND-POSITION: 100% -20px; COLOR: #fff; BACKGROUND-COLOR: #576ea5; TEXT-DECORATION: none } #a_share:hover {/*鼠标悬停时的分享图标*/ BACKGROUND-POSITION: 100% -20px; COLOR: #fff; BACKGROUND-COLOR: #576ea5; TEXT-DECORATION: none } #a_rss:hover {/* 鼠标悬停时的订阅图标 */ BACKGROUND-POSITION: 100% -20px; COLOR: #fff; BACKGROUND-COLOR: #576ea5; TEXT-DECORATION: none;BACKGROUND-COLOR: #f1ad3e } .s_clear {/* /* 侧面列表下方大片空白,空间主人头像下面几行的5个图标所在格子*/ */ ZOOM: 1 } .post_list LI { /* 迷你博客和日志的更新内容 */ ZOOM: 1; } |