zoukankan      html  css  js  c++  java
  • CSS 分享

    原来的那个暂时不用了,贴出来一下,有兴趣可以参考,原型是Metro,不要禁用css

    改了很多次~

    面码大法好!!!

      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    100%;
     44    background-color:#46A3FF;
     45    color:#000000;
     46    max- 700px;
     47 }
     48 h2{
     49    text-align:left;
     50    box-shadow:3px 3px 2px #888888;
     51    100%;
     52    background-color:#BEBEBE;
     53    color:#000000;
     54 }
     55 
     56 
     57 
     58 /*悬浮的那两个玩意儿*/
     59 #div_digg {
     60     position: fixed;
     61     bottom: 10px;
     62      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      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      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      725px;
    117 }
    118 
    119 .newsItem {
    120     border: 1px solid #AAAAAA;
    121     padding: 15px;
    122     margin-bottom: 15px;
    123 }
    124 
    125 #mainContent .forFlow {
    126      750px;
    127 }
    128 
    129 /*透明*/
    130 #home{
    131 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  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     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     730px;
    240     max-940px;
    241     min-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,由于不是自己的,不能分享~

    版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!
  • 相关阅读:
    解决前端从url路径上拿到的中文乱码
    仪表盘双层结构图
    element ui 按钮显示
    vue在手机上运行,打包之后显示
    echarts使用遇到的一些问题总结,比如颜色改变,文字位置调整
    微信小程序地图移动到指定的位置
    微信小程序多边形地图显示
    button取消边框
    代码审计小记 (一)
    [root-me](web-client)write up 一个大坑怎么填啊
  • 原文地址:https://www.cnblogs.com/radiumlrb/p/5875851.html
Copyright © 2011-2022 走看看