模仿黑客界面>原文转自杨豆yangdou

仿黑客界面CSS代码
2018-05-27 13:04:33 +0800
body {font-size:15px;font-family:"\5FAE\8F6F\96C5\9ED1";color:#333;background:#f2f2f2;-webkit-text-size-adjust:none;text-align:center;padding:0px;line-height:170%; } #whole_body { -webkit-text-size-adjust:none; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } #ln-h{display:none; } #ln-h a,a[href^="/cat/"] {display:inline-block; } #ln-h a:link,#ln-h a:visited,a:link[href^="/cat/"],a:visited[href^="/cat/"] { font-weight:bold; background-color:#bebebe; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } #ln-h a:hover,#ln-h a:active,a:hover[href^="/cat/"],a:active[href^="/cat/"] { background-color:#cc0000; }.file_list li{background:url(http://zzz.wodemo.com/down/20130808/194145/right.gif) no-repeat 99% center; text-align:left; width:100%;height:auto;min-height:30px;min-line-height:35px;font-size:15px;border-top:1px solid #fff;border-bottom:1px solid #D5D7D7; border-left:2px solid #fff; border-right:2px solid #D5D7D7;} .file_list span {display:inline; width:auto;height:15px;padding:0 5px;background:#f60;border-radius:2px;text-align:center;line-height:15px;color:#fff;font-size:10px;margin:10px 10px 0 10px;} ul.file_list { margin:1px;} #ln-h a,a[href^="/cat/"],p a{ box-shadow: 5px 3px 16px #ddd; position:relative; padding:3px 6px; border-radius: 4px; box-shadow: 0 0 4px #ddd; text-shadow: 0 1px 1px#F6F6F6; border: 1px solid #ddd; background: #ADADAD; color:#444; background-image: -webkit-gradient(linear, left top, left bottom,from(#eee), to(#ddd)); } p{background: #6590bd;border: 1px solid #4876a8;-webkit-box-shadow: 0 1px 0px #7da0c6 inset; box-shadow: 0 1px 0px #7da0c6 inset;color: #fff; } img { -webkit-box-shadow:4px 4px 10px #999; -moz-box-shadow:4px 4px 10px #999; -o-box-shadow:4px 4px 10px #999; box-shadow:4px 4px 10px #999; max-width:98%; height:auto; } #ln-ha:before,a[href^="/cat/"]:before{color:#97cbfFF;} .file_list li a:before{content:"◎ ";color:#97CBFF;} a { text-decoration: none; text-shadow: 2px 2px 2px#CCC; border-bottom: 0px solid#155; }/*链接文字的定义*/ a:link { color:#1ba1e2; 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-image: -webkit-gradient(linear, left top, left bottom, from(#8E8E8E ), to( #ADADAD )); color: #fff; border: 1px solid transparent; box-shadow: 0 0 2px #222; border-radius: 3px; margin: 15px 0px; padding: 2px 10px; }/*提交按钮定义*/ #tj{display:none;} gg a{ margin:0 2px 00; text-shadow: 3px 3px 3px#CCC; display:inline-block; } gl{border: 1px solid transparent; border-radius: 7px; box-shadow: inset 0 0 3px #222; padding: auto;} ggl li{text-align:left; width:100%;height:auto;min-height:30px;line-height:auto;min-line-height:35px;font-size:15px;border-top:1px solid#fff;border-bottom:1px solid#D5D7D7; border-left:2px solid #fff; border-right:2px solid #D5D7D7; } h1 { font: bold 30px/20px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }
发表评论: