我的磨本人的各个版本CSS样式

2013-06-18 10:25:36 +0800

方案一：

body {
background-color:#AAAAAA; /*网页主体背景色*/
-webkit-background-size: cover;
-moz-background-size: #E8CCFF;
-o-background-size: #FFFFBB;
background-size: cover;
color: #EEFFBB;/*默认字体颜色*/
font: 11px Trebuchet MS, Tahoma;
overflow-wrap: break-word;
margin: 10px;/*上面的全是字体设置*/
}
#whole_body {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
text-align: center;
margin: auto;
padding: 20px 5px;
background: #222;
border-radius: 12px;
box-shadow: 5px 3px 16px #111;
}
#ln-h {
color:red;
}
.file_list {
margin: 2px 5px;
}/*文件列表区域定义*/
.file_list li {
border-bottom: 1px solid #233;
padding: 2px 5px;
}/*文件列表文件名区域定义*/
.file_list span {
color: #CCC;
padding: 0 3px;
}/*文件扩展名区域定义*/
a {
text-decoration: blink;
border-bottom: 1px solid #155;
}/*链接文字的定义*/
a:link {
color: #CCBBFF; text-decoration: blink;
}/*未访问的链接颜色*/
a:visited {
color: #99ff33;
}/*已访问的链接颜色*/
a:hover {
color: #d28eff;
}/*当有鼠标悬停在链接上时的颜色*/
a:active {
color: #F00;
}/*被选择的链接颜色*/
textarea,input[type="input"] {
background: lightcyan;
color: black;
border: 1px solid transparent;
border-radius: 7px;
box-shadow: inset 0 0 3px #222;
padding: 3px;
}/*输入框定义*/
input[type="submit"] {
background: #333;
color: #EEE;
border: 1px solid transparent;
box-shadow: 0 0 3px #222;
border-radius: 3px;
margin: 20px 0px;
padding: 5px 16px;
}/*提交按钮定义*/
img {
max-width:100%;
}/*主要作用是让网页图片不要溢出框架，自己可以设置百分比，也可以去除，看情况而定*/
Copyright © Daydream (QQ:897651818;zzz.wodemo.com) 2012-2013
欢迎使用，复制请保留这段

方案二（来自wapid）：

@charset "utf-8";
a[href^="/cat/"]:link, a[href^="/cat/"]:visited , a:link, a:visited {
color : #fe8f17;
text-decoration : none;
}
a[href^="/cat/"]:hover, a[href^="/cat/"]:focus, a:hover, a:focus {
text-decoration : none;
text-shadow: 0 0 6px #ff4e00;
background-image: url(http://wapid.wodemo.com/down/20130530/147295/lightning.gif);
}
input, textarea, select {
color : #6d6d6d;
background-color : #101010;
border : 1px solid #363636;
}
input:hover, textarea:hover, select:hover {
color : #8f8f8f;
background-color : #212121;
border : 1px solid #434343;
}
input:focus, textarea:focus, select:focus {
color : #78b100;
background-color : #1c2900;
border : 1px solid #385400;
}
img {
max-width:100%;
}
body {
color : #787878;
background-color : #000;
font: 11px Trebuchet MS, Tahoma;
margin : 0;
padding : 0;
border : 1px solid #3b3b3b;
margin: auto; max-width: 640px;
text-align: center;
}
form {
font-size : small;
margin : 0;
padding : 0;
}
h3 {
margin : 0;
padding : 0;
padding-bottom : 2px;
}
hr {
margin-top : 2px;
margin-bottom : 2px;
border-top : 1px solid #434343;
border-right-style : none;
border-right-width : 0;
border-bottom-style : none;
border-bottom-width : 0;
border-left-style : none;
border-left-width : 0;
}
p {
margin-top : 6px;
margin-bottom : 6px;
}
a[href^="/cat/"] {
display: block;
margin: 1px;
padding: 1px;
color : #0084b5;
text-shadow : #000000 1px 1px 2px;
background-color : #000406;
background-image : url(http://wapid.wodemo.com/down/20130530/147286/bmenu.gif);
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #005064;
text-align: left;
}
ul.file_list {
margin:1px;
padding;1px;
}
.file_list li {
background-color : #101010;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #323232;
text-align: left;
display: block;
}
.logo {
margin: 1px;
padding: 1px;
color : #b94201;
text-align : center;
background-color : #020100;
background-image : url(http://wapid.wodemo.com/down/20130530/147300/tmn.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border-top : 1px solid #5c2901;
border-bottom : 1px solid #5c2901;
border-left : 1px solid #5c2901;
border-right : 1px solid #5c2901;
}
.header {
margin: 1px;
padding: 1px;
background-image : url(http://wapid.wodemo.com/down/20130530/147292/header.gif);
color : #a9a9a9;
text-shadow : #000000 1px 1px 2px;
background-color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #333333;
text-align: left;
}
.footer {
margin: 1px;
padding: 1px;
background-image : url(http://wapid.wodemo.com/down/20130530/147292/header.gif);
color : #787878;
text-shadow : #000000 1px 1px 2px; 
background-color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #333333;
}
.footer a:link {
color : #a9a9a9;
text-decoration : none;
border-bottom : 1px dotted #3f3f3f;
}
.footer a:hover {
color : #d2d2d2;
text-decoration : none;
border-bottom : 1px dotted #696969;
}
.maintxt {
padding-right : 1px;
padding-left : 1px;
border : 1px solid #3b3b3b;
}
.tmn {
margin: 1px;
padding: 1px;
color : #b94201;
text-shadow : #000000 1px 1px 2px;
background-color : #020100;
background-image : url(http://wapid.wodemo.com/down/20130530/147300/tmn.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #5c2901;
text-align: left;
}
.tmn a:link, .tmn a:visited {
color : #b94201;
text-decoration : none;
border-bottom : 1px dotted #602200;
}
.tmn a:hover {
color : #ff5a00;
border-bottom : 1px dotted #933400;
}

方案三（基于方案一改写）：

body {
background-color:#6C6C6C; /*网页主体背景色*/
-webkit-background-size: cover;
-moz-background-size: #E8CCFF;
-o-background-size: #FFFFBB;
background-size: cover;
color: #9999CC;/*默认字体颜色*/
font: 11px Trebuchet MS, Tahoma;
overflow-wrap: break-word;
margin: 10px;/*上面的全是字体设置*/
}
#whole_body {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
text-align: center;
margin: auto;
padding: 20px 5px;
background: #F5FFFA;
border-radius: 12px;
box-shadow: 5px 3px 16px #111;
}
#ln-h {
color:red;
}
.file_list {
margin: 2px 5px;
}/*文件列表区域定义*/
.file_list li {
border-bottom: 1px solid #8E8E8E;
padding: 2px 5px;
}/*文件列表文件名下划线区域定义*/
.file_list span {
color: #CCC;
padding: 0 3px;
}/*文件扩展名区域定义*/
a {
text-decoration: blink;
border-bottom: 1px solid #155;
}/*链接文字的定义*/
a:link {
color: #6b8e23; text-decoration: blink;
}/*未访问的链接颜色*/
a:visited {
color: ##8C8C00;
}/*已访问的链接颜色*/
a:hover {
color: #d28eff;
}/*当有鼠标悬停在链接上时的颜色*/
a:active {
color: #F00;
}/*被选择的链接颜色*/
textarea,input[type="input"] {
background: lightcyan;
color: black;
border: 1px solid transparent;
border-radius: 7px;
box-shadow: inset 0 0 3px #222;
padding: 3px;
}/*输入框定义*/
input[type="submit"] {
background: #333;
color: #EEE;
border: 1px solid transparent;
box-shadow: 0 0 3px #222;
border-radius: 3px;
margin: 20px 0px;
padding: 5px 16px;
}/*提交按钮定义*/
img {
max-width:100%;
}/*主要作用是让网页图片不要溢出框架，自己可以设置百分比，也可以去除，看情况而定*/
Copyright © Daydream (QQ:897651818;zzz.wodemo.com) 2012-2013
欢迎使用，复制请保留这段

方案四（小修改）：

body {
background-color:#6C6C6C; /*网页主体背景色*/
-webkit-background-size: cover;
-moz-background-size: #E8CCFF;
-o-background-size: #FFFFBB;
background-size: cover;
color: #9999CC;/*默认字体颜色*/
font: 11px Trebuchet MS, Tahoma;
overflow-wrap: break-word;
margin: 10px;/*上面的全是字体设置*/
}
#whole_body {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
text-align: center;
margin: auto;
padding: 20px 5px;
background: #F5FFFA;
border-radius: 12px;
box-shadow: 5px 3px 16px #111;
}
#ln-h {
color:red;
}
ul.file_list {
margin:1px;
padding;1px;
}
.file_list li {
background-color : #101010;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #323232;
text-align: left;
display: block;
}
.file_list span {
color: #CCC;
padding: 0 3px;
}/*文件扩展名区域定义*/
a {
text-decoration: blink;
border-bottom: 1px solid #155;
}/*链接文字的定义*/
a:link {
color: #6b8e23; text-decoration: blink;
}/*未访问的链接颜色*/
a:visited {
color: ##8C8C00;
}/*已访问的链接颜色*/
a:hover {
color: #d28eff;
}/*当有鼠标悬停在链接上时的颜色*/
a:active {
color: #F00;
}/*被选择的链接颜色*/
textarea,input[type="input"] {
background: lightcyan;
color: black;
border: 1px solid transparent;
border-radius: 7px;
box-shadow: inset 0 0 3px #222;
padding: 3px;
}/*输入框定义*/
input[type="submit"] {
background: #333;
color: #EEE;
border: 1px solid transparent;
box-shadow: 0 0 3px #222;
border-radius: 3px;
margin: 20px 0px;
padding: 5px 16px;
}/*提交按钮定义*/
img {
max-width:100%;
}/*主要作用是让网页图片不要溢出框架，自己可以设置百分比，也可以去除，看情况而定*/
Copyright © Daydream (QQ:897651818;zzz.wodemo.com) 2012-2013
欢迎使用，复制请保留这段

方案五

ul.file_list {
margin:1px;
padding;1px;
}

body {
background-color:#ECF5FF; /*网页主体背景色*/
-webkit-background-size: cover;
-webkit-text-size-adjust:none;
-moz-background-size: #E8CCFF;
-o-background-size: #FFFFBB;
background-size: cover;
color: #D6D6AD;/*默认字体颜色*/
overflow-wrap: break-word;
font: 16px Trebuchet MS, Tahoma;
text-align: center;
margin: 10px;/*上面的全是字体设置*/
}
.file_list li a:before{content:"◎  ";color:#97CBFF;}/*文件名定义*/
.file_list span {
color: #CCC;
padding: 0 0px;
}/*文件扩展名区域定义*/
a {
text-decoration: none;
border-bottom: 0px solid #155;
background-color:#FDfFFF;
}/*链接文字的定义*/
a:link {
color: #9999cc; text-decoration: none;
}/*未访问的链接颜色*/
a:visited {
color: #FF5151;
}/*已访问的链接颜色*/
a:hover {
color: #d28eff;
}/*当有鼠标悬停在链接上时的颜色*/
a:active {
color: #F00;
}/*被选择的链接颜色*/
textarea,input[type="input"] {
background: lightcyan;
color: black;
border: 1px solid transparent;
border-radius: 7px;
box-shadow: inset 0 0 3px #222;
padding: auto;
}/*输入框定义*/
input[type="submit"] {
background: #f5ffee;
color: #black;
border: 1px solid transparent;
box-shadow: 0 0 2px #222;
border-radius: 3px;
margin: 15px 0px;
padding: 2px 10px;
}/*提交按钮定义*/
img {
max-width:100%;
}/*主要作用是让网页图片不要溢出框架，自己可以设置百分比，也可以去除，看情况而定*/
#wo-entry-section{color:##C2C287;}

/*下面是自定义的了，请舍弃*/
#fl a:before{content:"⊙  ";color:#CA8EFF;}
#html a{color:red}
#fl{text-align: center;}
#html{text-align: center;}
Copyright © Daydream (QQ:897651818;zzz.wodemo.com) 2012-2013
欢迎使用，复制请保留

«Newer Older»

----Comments(7)----
@nansan | @ at 2013-12-12 16:20:
这些只不过用来参考，能不能帮我做一个啊。万分感谢了。

陌煜网络 (@mywl) | @ at 2013-12-04 08:39:
拿走了。感谢分享

霸绝 (@bajue) | @ at 2013-11-14 20:32:
留名收藏

清欢 (@tsinghuan) | @ at 2013-10-27 17:42:
Fate家族。
呼呼。

csngmap (@csngmap) | @ at 2013-10-11 23:36:
确实不错！

@rimu | @ at 2013-10-04 22:35:
挺不错的，花了不少心思吧！

耀眼阳光 (@luozhihao) | @ at 2013-06-18 10:33:
：GOOD

Back to home

Subscribe | Register | Login | N