码迷,mamicode.com
首页 > Web开发 > 详细

CSS 分享

时间:2016-09-16 07:51:31      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

原来的那个淘汰了,贴出来一下,有兴趣可以参考,原型是Metro

改了很多次~

面码大法好!!!

  1 /*测试区域*/
  2 
  3 
  4 
  5 
  6 
  7 
  8 
  9 
 10 
 11 /*标题备份*/
 12 h7   {
 13         background: #2B6695;
 14         border-radius: 6px 6px 6px 6px;
 15         box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
 16         color: #FFFFFF;
 17         font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
 18         font-size: 17px;
 19         font-weight: bold;
 20         height: 25px;
 21         line-height: 25px;
 22         margin: 18px 0 !important;
 23         padding: 8px 0 5px 5px;
 24         text-shadow: 2px 2px 3px #222222;
 25     }
 26  h5{
 27         background: #2B6600;
 28         border-radius: 6px 6px 6px 6px;
 29         box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
 30         color: #FFFFFF;
 31         font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
 32         font-size: 13px;
 33         font-weight: bold;
 34         height: 24px;
 35         line-height: 23px;
 36         margin: 12px 0 !important;
 37         padding: 5px 0 5px 10px;
 38         text-shadow: 2px 2px 3px #222222;
 39     }
 40 h3{
 41    text-align:left;
 42    box-shadow:3px 3px 2px #888888;
 43    width:100%;
 44    background-color:#46A3FF;
 45    color:#000000;
 46    max-width: 700px;
 47 }
 48 h2{
 49    text-align:left;
 50    box-shadow:3px 3px 2px #888888;
 51    width:100%;
 52    background-color:#BEBEBE;
 53    color:#000000;
 54 }
 55 
 56 
 57 
 58 /*悬浮的那两个玩意儿*/
 59 #div_digg {
 60     position: fixed;
 61     bottom: 10px;
 62     width: 50px;
 63     right: 420px;
 64     filter: alpha(opacity=20);
 65     opacity: 0.60;
 66     -moz-opacity: 0.80;
 67     border: 2px solid #6FA833;
 68     padding: 3px;
 69     background-color: #FFF;
 70     border-radius: 5px 5px 5px 5px !important;
 71     box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
 72 }
 73 #comment_nav {
 74     width: 203px;
 75     right: 990px;
 76     filter: alpha(opacity=20);
 77     opacity: 0.60;
 78     -moz-opacity: 0.80;
 79     margin-right: 0;
 80     margin-bottom: 10px;
 81     text-align: center;
 82     padding-top: 3px;
 83     position: fixed;
 84     bottom: 10px;
 85     padding: 3px;
 86     border-radius: 5px 5px 5px 5px !important;
 87     box-shadow: 0 0 0 1px #77E0C3, 1px 1px 6px 1px rgba(0, 0, 0, 0.5);
 88     padding-bottom: 3px;
 89     padding-left: 6px;
 90     padding-right: 15px;
 91     background-color: green;
 92 }
 93 
 94 
 95 
 96 /*自制侧边栏*/
 97 
 98 #cnblogs_post_body {
 99     word-break: break-word;
100     width: 750px;
101 }
102 
103 #leftcontentcontainer>div {
104     border: 1px solid #aaaaaa;
105     padding: 15px;
106     margin-bottom: 15px;
107 }
108 
109 #MySignature {
110     background-color: #f8f8ee;
111     border: solid 1px #e8e7d0;
112     box-shadow: 0 0 15px #aaa;
113     padding: 10px;
114     margin-bottom: 10px;
115     color: gray;
116     width: 725px;
117 }
118 
119 .newsItem {
120     border: 1px solid #AAAAAA;
121     padding: 15px;
122     margin-bottom: 15px;
123 }
124 
125 #mainContent .forFlow {
126     width: 750px;
127 }
128 
129 /*透明*/
130 #home{
131 width:1050px;
132 height:auto;
133 min-height:250px;/* 必需 */
134 _height:250px;/* 必需 */
135 overflow:hidden;
136 background-color:#FF0000;/* 背景色 */
137 }
138 #home{
139 filter:alpha(opacity=20); /* IE 透明度20% */
140 }
141 #home{
142 background-color:#FFFFFF;
143 -moz-opacity:0.80; /* Moz FF 透明度20%*/
144 opacity: 0.80; /* 支持CSS3的浏览器(FF 1.5也支持)透明度20%*/
145 }
146 #home{
147 position:absolute;
148 }
149 /*背景图片*/
150 body {
151 margin-top: 0px;
152 margin-right: auto;
153 margin-bottom: 0px;
154 margin-left: auto;
155 width: 1100px;
156 font-size: 12px;
157 color: #8F8F8F;
158 -moz-opacity:0.8;filter:alpha(opacity=80);
159 background-image:url(http://images.cnblogs.com/cnblogs_com/radiumlrb/871769/o_6c224f4a20a44623a7931a289b22720e0cf3d71b.jpg);}
160 
161 
162 /*评论按钮*/
163 .comment_btn {
164     font-family:Microsoft Yahei;
165     border:none;
166     height:48px;
167     width:120px;
168     font-size:18px;
169     cursor:pointer;
170     position:relative;
171     vertical-align:middle;
172     display:inline-block;
173     background:#55895B;
174     color:#fff;
175 }
176 
177 /*踩一下隐藏*/
178 .buryit {
179     display:none;
180 }
181 .diggword {
182     display:none;
183 }
184 #btn_comment_submit:hover {
185     background:#6DA47D;
186 }
187 
188 
189 /*广告隐藏*/
190 .c_ad_block{
191    display:none;
192 }
193 
194 
195 /*评论标题*/
196 .feedback_area_title {
197     padding:10px;
198     font-size:24px;
199     font-weight:bold;
200     color:#ffffff;
201     border-bottom:solid 6px #ffffff;
202 }
203 .feedbackListSubtitle {
204     font-size:12px;
205     color:#888;
206 }
207 .feedbackListSubtitle a {
208     color:#888;
209 }
210 .comment_quote {
211     background:#FCFAAC;
212     padding:15px;
213     border:1px solid #CCC;
214 }
215 #commentform_title {
216     color:#55895B;
217     background-image:none;
218     background-repeat:no-repeat;
219     margin-bottom:10px;
220     padding:10px 20px 10px 10px;
221     font-size:24px;
222     font-weight:bold;
223     border-bottom:solid 6px #55895B;
224 }
225 /*评论框*/
226 #comment_form {
227     margin:10px 0;
228     padding:0;
229 }
230 .commentform {
231     margin:10px 0;
232     padding:10px 20px;
233     background:#fff;
234 }
235 /*评论输入域*/
236 #tbCommentBody {
237     font-family:MIcrosoft Yahei;
238     margin-top:10px;
239     width:730px;
240     max-width:940px;
241     min-width:640px;
242     background:white;
243     color:#333;
244     border:2px solid #fff;
245     box-shadow:inset 0 0 8px #aaa;
246     padding:10px;
247     height:120px;
248     font-size:14px;
249     min-height:120px;
250 }
251 /*评论条目*/
252 .feedbackItem {
253     font-size:14px;
254     line-height:24px;
255     margin:10px 0;
256     padding:20px;
257     background:#F2F2F2;
258     box-shadow:0 0 5px #aaa;
259 }
260 .feedbackListSubtitle {
261     font-weight:normal;
262 }

 

现在这个主题是抄来的,特别鸣谢@WABoss,由于不是自己的,不能分享~

CSS 分享

标签:

原文地址:http://www.cnblogs.com/radiumlrb/p/5875851.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!