Untitled

4/2/2013 - 1:51 AM

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

dabblet.js

// alert('Hello world!');

dabblet.html

<h2>2013中脉摩纳哥、法兰西之旅 感受浪漫、文化、奢华与温馨</h2>
           <p>
			为期6天的中脉摩纳哥、法兰西之旅圆满结束，在中脉集团董事局主席王尤山，中脉国际副董事长周希俭，中脉科技中国区总裁张琦等公司高管和系统高管的带领下，近200位中脉家人体验了本次浪漫之旅。虽然旅行已经结束，但在家人们的心中，本次旅行已经成为一段难忘的记忆，或许是在一张张照片里，亦或者是在一段段微信的语音分享中，都镌刻着此次旅行收获的感动、荣耀、梦想、激励。<a href="http://www.joylifeglobal.cn/html/2013/03/1038.html" target="_blank">[查看全文]</a>
		   </p>

dabblet.css

body {
          padding-bottom: 0px;
        background: #fff url('../images/top_bg.jpg') center 0 no-repeat;
      }
      p{ background: #fd8343;}
.row {
margin-left: 0px;
}
[class*="span"] {
    float: left;
    margin-left: 0px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 957px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 288px;
    height: 274px;
    background: #fff url('../images/noticebg.png') 0 0 no-repeat;
  }
  .span5 {
    width: 277px;
    margin: 0px 22px 0 22px;
  }
  .span4 {
    width: 345px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
[class*="col"] {
    float: left;
    margin-left: 0px;
  }
  .col4 {
    width: 232px;
    margin-left: 6px;
  }
.colp1{
  width: 300px;
   margin-left: 57px;
   margin-top: 136px;
}
.colp2{
   margin-left: 195px;
   margin-top: 38px;
}
.colp3{
   margin-left: 65px;
   margin-top: 95px;
}
.colp4{
    margin-left: 175px;
   margin-top: 19px;
}
.colp5{
    margin-left: 40px;
   margin-top: 69px;
}
.colp6{
    margin-left: 34px;
   margin-top: 39px;
   background: #fd8343;

}
.colp7{
    margin-left: 25px;
   margin-top: 59px;
}
.cip3{
    float: left;
  width: 70px;
  margin-left: -420px;
  margin-top: 110px;
}
.span5 h2 {
font-size: 18px;
line-height: 24px;
color: #333;
text-align: center;
}
.span5 p {
color: #666;
line-height: 24px;
text-indent: 2em;
margin: 0 auto;
margin-top: 5px;
}

.trip{
  margin-top: 45px;
  margin-left: 10px;
  margin-right: 10px;
}
.trip .lidot{
  height: 42px;
  line-height: 20px;
  border-bottom: 2px #ccc dotted;
}
.trip .libo{
  height: 42px;
  line-height: 20px;
}

.imgFocus { width:371px; height:262px ;background:url(images/swf_bg.jpg) no-repeat;}
.imgFocus .ifocus {height: 263px;overflow: hidden;position: relative;width: 345px}
.imgFocus .ifocus .banners {position: absolute}
.imgFocus .ifocus .banners li {float: left}
.imgFocus .ifocus .banners a {display: block}
.imgFocus .ifocus .banners img {height: 266px;width: 345px}
.imgFocus .ifocus .bg {background: none repeat scroll 0 0 #000000;bottom: 0;display: block;height: 30px;opacity: 0.5;position: absolute;width: 100%}
.imgFocus .ifocus .points {bottom: 31px;height: 18px;padding-top: 2px;position: absolute;right: 8px;z-index: 20}
.imgFocus .ifocus .points li {background-color: #FFFFFF;border: 1px solid #FFFFFF;color: #333333;cursor: pointer;float: left;font-size: 11px;font-weight: bold;height: 16px;line-height: 16px;margin-left: 3px;text-align: center;width: 16px}
.imgFocus .ifocus .points li.current {background-color: #CD3137;border-color: #CD3137;color: #FFFFFF;font-weight: bold;height: 18px;line-height: 18px;margin-top: -2px;overflow: hidden;width: 18px;}
.imgFocus .ifocus .points_text {background: url("flash_bg.png") repeat-x scroll 0 0 transparent;bottom: 0;color: #FFFFFF;font-size: 14px;height: 30px;line-height: 30px;padding-left: 10px;position: absolute;width: 100%;}
.imgFocus .ifocus .points_text a:link, .imgFocus .ifocus .points_text a:visited, .imgFocus .ifocus .points_text a:active {color: #FFFFFF;}
.imgFocus .ifocus #myleft {background-color: #FCF2CF;border: 1px solid #F47500;color: #D94B01;cursor: pointer;float: left;font-size: 11px;height: 16px;line-height: 16px;margin-left: 3px;text-align: center;width: 16px;}
.imgFocus .ifocus #myright {background-color: #FCF2CF;border: 1px solid #F47500;color: #D94B01;cursor: pointer;float: left;font-size: 11px;height: 16px;line-height: 16px;margin-left: 3px;text-align: center;width: 16px;}
#banner_imga { padding:0; margin:0}
#banner_imga li{ float:left; list-style-type:none; padding:0; margin:0; margin-top:-2px;}
.js {width:297px; float:left}
.js h1{ font-size:18px; color:#333; text-align:center}
.js p{ color:#666; line-height:23px; text-indent:2em; width:255px; margin:0 auto; margin-top:15px;}
.js a{ color:#29a5da}
.hyjs{background:url(images/rc_bg.jpg); float:left; width:265px; height:212px; margin-left:10px; padding-top:57px}
.hyjs p{ line-height:22px; width:250px; margin-left:8px; font-weight:bold; color:#666}
.hyjs .b{ background-color:#e5eef5}
.footer {background:url(../images/botbg.jpg) no-repeat; clear:both; height:60px; margin-top:10px}
.footer p{ color:#000; text-align:center; line-height:30px; color:#666}
.STYLE1 {font-size: 20px}
ul, ol {
list-style: none;
}

.rowbg2{margin-top:20px;width:958px;height:1244px;background:url(../images/bg1.jpg) no-repeat;}
.rowbg3{margin-top:15px;width:959px;height:744px;background:url(../images/bg2.jpg) no-repeat;}
.rowbg4{margin-top:15px;width:959px;height:507px;background:url(../images/bg3.jpg) no-repeat;}
.r5{height: 125px;}
.photoabulm{
  margin-left: 35px;
  margin-top: 140px;
}

.squareContent{
  border:1px $000 solid;
}
.booth{
  position: relative;
  float: left;
}

.booth_show{
  width: 337px;
  height: 234px;
  overflow: hidden;
  cursor: pointer;
}
.booth_show img{
  width: 337px;
  height: 234px;
 }

.booth_description{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  
  cursor: pointer;
  background-color: #1a1e1f;
  background-color: rgba(0,0,0,.7);  
  *background-color: #1a1e1f;
}
.booth_description h2{
  color: #ffffff;
}
.booth_description p{
  color: #ffffff;
}
ul, ol {
padding: 0;
margin: 0 0 0px 0px;
}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}

.box-163css{padding:10px; background:url(../images/wall_bg.png) repeat-y center top; OVERFLOW: hidden;WIDTH: 934px; POSITION: relative; HEIGHT: 460px; margin:20px auto;}
.wall_paste {BACKGROUND: url(../images/notebg.png) no-repeat left top; OVERFLOW: hidden;WIDTH: 200px; CURSOR: move;  POSITION: absolute; HEIGHT: 197px}
.sentto {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 130px; COLOR: #2b2b2b; PADDING-TOP: 42px; HEIGHT: 20px; TEXT-ALIGN: center}
.wall_close {FLOAT: right; MARGIN: 7px 7px 0px 0px}
.wall_subcont {PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 4px; OVERFLOW: hidden; COLOR: #2b2b2b; LINE-HEIGHT: 20px; PADDING-TOP: 0px}
p.from{ padding:6px 20px 6px 20px; BACKGROUND: url(../images/wall_point.png) repeat-x left top; PADDING-BOTTOM: 6px; COLOR: #8f8f8f; LINE-HEIGHT: 18px; }

Cacher is the code snippet organizer for pro developers

We empower you and your team to get more done, faster

Untitled