自制CSS备份展示

2015-03-15 01:13:16 -0400

自己做的新年喜庆CSS风格，只是还有些问题。

CSS：

body{
background:green;
font-weight:bold;
font-style:normal;
font-size:1.0em;
font-family:fantasy,monospace,cursive,serif,sans-serif;
text-align:center;
padding-top:0px;
padding-bottom:0px;
margin:0px;
text-overflow:ellipsis;
word-wrap:break-word;
}
ul.file_list{
margin:0px 0px 50px 0px;
padding:1px;
}
ul.file_list a:hover{
background:red;
color:#FFD700;
box-shadow:inset 1px 1px 3px #750000;
}
.file_list span{
color:#333;
font-family:cursive,monospace,arial,sans-serif,Georgia;
font-weight:bolder;
font-size:1.0em;
padding:0 5px;
float:right;
position:relative;
}
.pagination{
margin:2px 1px 2px 1px;
font-style:normal;
text-shadow:0px 0px 0px;
border:1px solid red;
box-shadow:inset 2px 2px 5px #000000;
border-radius:5px;
padding:5px;
background-color:red;
}
a:link{
color:#FFD700;
}
a:hover{
color:red;
}
a:visited{
color:#750000;;
}
textarea,input[type="input"],input[type="text"]{
border:0px solid white;
border-radius:5px;
border:2px solid red;
box-shadow:inset 1px 1px 3px #555;
font-style:normal;
font-weight:bolder;
font-size:105%;
font-variant:small-caps;
font-family:Georgia,Serif;
}
input[type="submit"],input[type="button"]{
background:#CE0000;
background:-webkit-gradient(linear, left top, left bottom, from(#CE0000), to(#AE0000));
color:#FFD700;
padding:5px 10px 5px 10px;
border-radius:3px;
margin:10px auto;
text-align:center;
border:1px solid #930000;
}
#whole_body{
background-color:#FF2D2D;
color:#750000;
text-shadow:1px 1px 2px #AE0000;
border:2px solid black;
border-radius:8px;
padding:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
margin:0px auto;
max-width:480px;
}
input[type="submit"]:hover,input[type="button"]:hover{
background:#FFD700;
color:#CE0000;
}
form[action^="http://s.wodemo."] textarea{
border:2px solid red;
width:98%;
margin-top:5px;
margin-bottom:5px;
}
form[action^="http://s.wodemo."] input[type="submit"]{
margin-top:10px;
width:100%;
height:1.85em;
color:#000;
font-size:1.05em;
display:block;
}
ax4 a:link{
padding:2px;
margin:2px;
background:#3C3C3C;
color:#E0E0E0;
text-shadow:0px 0px 0px;
font-style:normal;
border:2px solid #007500;
width:20%;
border-radius:5px;
text-decoration:none;
display:inline-block;
}
ax4 a:hover{
color:#656565;
background:#ececec;
background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#ececec));
}
ax4 a:visited{
padding:2px;
margin:2px;
background:#3C3C3C;
color:#E0E0E0;
text-shadow:0px 0px 0px;
font-style:normal;
border:2px solid #007500;
width:20%;
border-radius:5px;
text-decoration:none;
display:inline-block;
}
#ln-h a{
padding:2px;
margin:2px;
background:#3C3C3C;
color:#E0E0E0;
text-shadow:0px 0px 0px;
font-style:normal;
border:2px solid #007500;
width:20%;
border-radius:5px;
text-decoration:none;
display:inline-block;
}
#ln-h a:hover{
color:#656565;
background:#ececec;
background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#ececec));
}
form[action^="http://s.wodemo."]{
color: #006000;
text-shadow: 0px 0px 0px #CCC;
padding: 2px 3px 2px 3px;
margin: 2px 3px 10px 3px;
}
img{
max-width:95%;
}
ax1{
background:gray;
padding:0px;
padding-bottom:5px;
margin:0px;
display:block;
border-radius:8px 8px 0px 0px;
box-shadow:inset 2px 2px 5px #000000;
}
ax2{
background:#CE0000;
background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FF2D2D), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #FF2D2D), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #FF2D2D)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #FF2D2D));
background-image: -moz-linear-gradient(45deg, #FF2D2D 25%, transparent 25%, transparent),
-moz-linear-gradient(-45deg, #FF2D2D 25%, transparent 25%, transparent),
-moz-linear-gradient(45deg, transparent 75%, #FF2D2D 75%),
-moz-linear-gradient(-45deg, transparent 75%, #FF2D2D 75%);
background-image: -o-linear-gradient(45deg, #FF2D2D 25%, transparent 25%, transparent),
-o-linear-gradient(-45deg, #FF2D2D 25%, transparent 25%, transparent),
-o-linear-gradient(45deg, transparent 75%, #FF2D2D 75%),
-o-linear-gradient(-45deg, transparent 75%, #FF2D2D 75%);
background-image: linear-gradient(45deg, #FF2D2D 25%, transparent 25%, transparent),
linear-gradient(-45deg, #FF2D2D 25%, transparent 25%, transparent),
linear-gradient(45deg, transparent 75%, #FF2D2D 75%),
linear-gradient(-45deg, transparent 75%, #FF2D2D 75%);
background-size:55px 55px;
text-shadow:0px 0px 0px #AE0000;
padding:5px;
padding-left:0px;
padding-right:0px;
margin:0px;
margin-bottom:5px;
border-top:1px solid #CE0000;
border-bottom:2px solid #CE0000;
display:block;
box-shadow:2px 2px 5px #000000;
}
ax3{
background:red;
background:-webkit-gradient(linear,left top,left bottom,from(red),to(#AE0000));
color:#600000;
text-align:center;
font-size:2.0em;
text-shadow:0px 0px 0px #AE0000;
padding:5px;
margin:0px;
border-radius:8px 8px 0px 0px;
display:block;
}
.wo-file-title,.wo-entry-title{
background:red;
background:-webkit-gradient(linear,left top,left bottom,from(red),to(#AE0000));
text-align:center;
font-size:1.5em;
text-shadow:0px 0px 0px #AE0000;
padding:5px;
margin:0px;
margin-bottom:5px;
border-bottom:1px solid #CE0000;
border-radius:8px 8px 0px 0px;
display:block;
}
.file_list li{
padding-top:1px;
padding-bottom:23px;
margin-left:0px;
border-bottom:1px solid #CE0000;
border-top:1px solid #FF5D5D;
background:#FF2D2D;
text-align:left;
list-style-type:upper-roman;
list-style-position:inside;
}
ul.file_list a{
background:#FFD700;
color:red;
display:block;
padding:5px;
margin:2px 1px;
text-align:left;
text-shadow:0px 0px 0px #AE0000;
height:2.6em;
border-radius:10px 0px 10px 0px;
word-wrap:break-word;
word-break:break-all;
border:1px solid #750000;
box-shadow:1px 1px 3px #750000;
overflow: hidden;
}
.wo-file-main{
background:#CE0000;
background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FF2D2D), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #FF2D2D), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #FF2D2D)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #FF2D2D));
background-image: -moz-linear-gradient(45deg, #FF2D2D 25%, transparent 25%, transparent),
-moz-linear-gradient(-45deg, #FF2D2D 25%, transparent 25%, transparent),
-moz-linear-gradient(45deg, transparent 75%, #FF2D2D 75%),
-moz-linear-gradient(-45deg, transparent 75%, #FF2D2D 75%);
background-image: -o-linear-gradient(45deg, #FF2D2D 25%, transparent 25%, transparent),
-o-linear-gradient(-45deg, #FF2D2D 25%, transparent 25%, transparent),
-o-linear-gradient(45deg, transparent 75%, #FF2D2D 75%),
-o-linear-gradient(-45deg, transparent 75%, #FF2D2D 75%);
background-image: linear-gradient(45deg, #FF2D2D 25%, transparent 25%, transparent),
linear-gradient(-45deg, #FF2D2D 25%, transparent 25%, transparent),
linear-gradient(45deg, transparent 75%, #FF2D2D 75%),
linear-gradient(-45deg, transparent 75%, #FF2D2D 75%);
background-size:55px 55px;
text-shadow:0px 0px 0px #AE0000;
border-bottom:2px solid #900000;
border-radius:8px;
}
.wo-file-main a{
background:red;
padding:2px;
margin:5px;
border-radius:8px;
}
.wo-entry-prev-next{
display:none;
}
.wo-search-home { 
display:none;
}

/*此CSS由翱翔的雄鹰制作，转载请注明。
                                                                      2015-02-18
*/

HTML：

<div><ax1><ax3>翱翔的雄鹰资源站</ax3><ax2><a href=/entry/259672><font color=#750000><big>公告</big></font></a>：翱翔的雄鹰资源站祝大家羊年喜气洋洋，大吉大利，万事顺意！<form action="/search">
<input type="text" name="q" value="">
<select name="all"><option value="0">本站</option><option value="1" >全站</option></select><input type="submit" value="搜索" />
</form><a href=/entry/243709>留言</a>|<a href=http://wodemo.net/group/share>小组</a>|<a href=/entry/256448>友链</a>|<a href=/entry/227809>导航</a>|<a href= "javascript:alert('欢迎来到翱翔的雄鹰资源站\n本站提供的所有资源仅用于分享\n如果大量转载本站资源，请注明出处\n请在评论时理性回复\n切勿出现刷屏以及辱骂等现象\n建议将本站点存为书签\nCopyright © 2013-2015 Axdxy');" >关于</a></select><style type="text/css">
.menutitle{
background:#3C3C3C;
color:#E0E0E0;
text-shadow:0px 0px 0px;
font-style:normal;
padding:5px;
margin:0px;
margin-top:5px;
border-top:2px solid #007500;
border-bottom:2px solid #007500;
text-decoration:none;
display:block;
}
</style><script type="text/javascript">
if (document.getElementById){
document.write('<style type="text/css">\n');
document.write('.submenu{display: none;}\n');
document.write('</style>\n');
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script><div class="menutitle" onclick="SwitchMenu('sub1')"> 文 件 分 类 </div></ax2><div id="masterdiv"><span class="submenu" id="sub1"><ax4>
(分类)</a></ax4></span></div></ax1>

截图：

«Newer Older»

----Comments(1)----
梦缘溪行 (@myxx) | @ at 2015-03-21 07:45:
很不错！！

Back to home

Subscribe | Register | Login | N