Difference between revisions of "Team:Tianjin/Resources/CSS:photodemon"

Revision as of 14:33, 1 November 2017

@charset "utf-8"; /* CSS Document */

img {

   border: 0;
   max-width: 100%;

}

/*自适应圆角投影*/ .round_shade_box {

   width: 1px;
   height: 1px;
   font-size: 0;
   display: none;
   _background: white;
   _border: 1px solid #cccccc;

}

.round_shade_top {

   margin: 0 12px 0 10px;
   background: url(image/zxx_round_shade.png) repeat-x -20px -40px;
   _background: white;
   zoom: 1;

}

.round_shade_topleft {

   width: 11px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat 0 0;
   _background: none;
   float: left;
   margin-left: -11px;
   position: relative;

}

.round_shade_topright {

   width: 12px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat -29px 0;
   _background: none;
   float: right;
   margin-right: -12px;
   position: relative;

}

.round_shade_centerleft {

   background: url(image/zxx_round_shade.png) no-repeat 0 -1580px;
   _background: none;

}

.round_shade_centerright {

   background: url(image/zxx_round_shade.png) no-repeat right -80px;
   _background: none;

}

.round_shade_center {

   font-size: 14px;
   margin: 0 12px 0 10px;
   padding: 10px;
   background: white;
   letter-spacing: 1px;
   line-height: 1.5;

}

.round_shade_bottom {

   margin: 0 12px 0 11px;
   background: url(image/zxx_round_shade.png) repeat-x -20px bottom;
   _background: white;
   zoom: 1;

}

.round_shade_bottomleft {

   width: 11px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat 0 -30px;
   _background: none;
   float: left;
   margin-left: -11px;
   position: relative;

}

.round_shade_bottomright {

   width: 12px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat -29px -30px;
   _background: none;
   float: right;
   margin-right: -12px;
   position: relative;

}

.round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after {

   display: block;
   content: ".";
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden;

}

.round_box_close {

   padding: 2px 5px;
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
   border: 1px solid #cccccc;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background: #000000;
   opacity: 0.8;
   filter: alpha(opacity=80);
   position: absolute;
   right: -5px;
   top: -5px;

}

.round_box_close:hover {

   opacity: 0.95;
   filter: alpha(opacity=95);

} /*自适应圆角投影结束*/ .zxx_zoom_left {

   width: 100%;
   height: 34rem;
   position: relative;

}

.small_pic {

   width: 40%;
   height: 32rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_big {

       width: 100%;
       height:75rem;
       position:relative;

}

.small_pic_big {

   width: 100%;
   height: 70rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_big img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_mid {

       width: 100%;
       height:58rem;
       position:relative;

}

.small_pic_mid {

   width: 100%;
   height: 50rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_mid img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_one {

       width: 100%;
       height:12%;
       position:relative;

}

.small_pic_one {

   width: 100%;
   height: 10%;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_one img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_hpint {

   width: 100%;
   height: 46rem;
   position: relative;

}

.small_pic_hpint {

   width: 40%;

height:43rem;

   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_hpint img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo {

   width: 100%;
   height: 46rem;
   position: relative;

}

.small_pic_demo {

   width: 40%;
   height:42rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_long {

   width: 100%;
   height: 61rem;
   position: relative;

}

.small_pic_long {

   width: 40%;
   height:49rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_long img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_joinpic {

   width: 100%;
   height: 47rem;
   position: relative;

}

.small_pic_joinpic {

   width: 80%;
   height: 47rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_joinpic img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_figthree {

   width: 100%;
   height: 60rem;
   position: relative;
   padding-top:3rem;

}

.small_pic_figthree {

   width: 80%;
   height: 55rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_figthree img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_figseven {

   width: 100%;
   height: 58rem;
   position: relative;

}

.small_pic_figseven {

   width: 80%;
   height: 52rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_figseven img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_qqq {

   width: 100%;
   height: 37rem;
   position: relative;

}

.small_pic_demo_qqq {

   width: 40%;
   height:42rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_qqq img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_qqqq {

   width: 100%;
   height: 43rem;
   position: relative;

}

.small_pic_demo_qqqq {

   width: 40%;
   height:38rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_qqqq img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_qqqqq {

   width: 100%;
   height: 40rem;
   position: relative;

}

.small_pic_demo_qqqqq {

   width: 40%;
   height:38rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_qqqqq img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_qqqqqq {

   width: 100%;
   height: 44rem;
   position: relative;

}

.small_pic_demo_qqqqqq {

   width: 60%;
   height:40rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_qqqqqq img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_qqqqqqq {

   width: 100%;
   height: 37rem;
   position: relative;

}

.small_pic_demo_qqqqqqq {

   width: 40%;
   height:35rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_qqqqqqq img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_angry {

   width: 100%;
   height: 52rem;
   position: relative;

}

.small_pic_demo_angry {

   width: 40%;
   height:50rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_angry img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}