Team:ATOMS-Turkiye/mfa3Styles

From 2014.igem.org

/* ---------------------------------------- */ /* ---------------------------------------- */ /* ---- CSS+xHTML written by tehorionx ---- */ /* --------- tehorionx@gmail.com ---------- */ /* ---------------------------------------- */ /* --------------- CSS3 ------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, abbr, fieldset, form, label, legend {

  1. cont h2 span { font-weight: 400 }
  2. cont .shwnews { 
   width: 720px;
   margin: 0 auto;
   overflow: hidden;

}

  1. cont .shwnews ul { 
   display: block;
   width: 712px;
   padding: 4px 0 0 15px;
   color: #fff;

}

  1. cont .shwnews ul.scnd { display: none }
  2. cont .shwnews .scndDiv { display: none }
  3. cont .shwnews ul li { 
   width: 210px;
   height: 220px;
   margin: 0 12px 20px 0;
   padding: 5px;
   background: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 0 5px rgba(0,0,0,0.3);
   float: left;

}

  1. cont .shwnews ul li div { 
   width: 210px;
   height: 220px;
   position: relative;

}

  1. cont .shwnews ul li img { 
   width: 210px;
   height: 220px;

}

  1. cont .shwnews ul li b { 
   width: 198px;
   height: 30px;
   padding: 10px 6px;
   font-size: 14px;
   /* background: url(op5.png) repeat; */
   background-color: #000;
   position: absolute;
   left: 0;
   bottom: 0px;
   z-index: 3;
   font-size: 12pt;
   opacity:0.7;
   height:38px;
   line-height:22px;

}

  1. cont .shwnews ul li a { 
   background: url(fix.gif) repeat;
   position: absolute;
   z-index: 4;

}

  1. cont .shwnews ul li a.lnk { 
   width: 195px;
   height: 173px;
   padding: 37px 5px 10px 10px;
   line-height: 17px;
   color: #fff;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 4;
   transition: background-color .2s ease-out 0s;

}

  1. cont .shwnews ul li a.lnk strong { 
   display: block;
   margin-bottom: 20px;
   line-height: 20px;
   font-size: 18px;

}

  1. cont .shwnews ul li a.lnk span { 
   display: none;
   width: 195px;
   height: 173px;
   line-height: 18px;

}

  1. cont .shwnews ul li a.tit { 
   height: 18px;
   line-height: 20px;
   padding: 0 8px;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   right: 0;
   top: 0;
   z-index: 5;

}

  1. cont .shwnews ul li.one a.tit { background: #9e1d0a }
  2. cont .shwnews ul li.two a.tit { background: #264ea0 }
  3. cont .shwnews ul li.thr a.tit { background: #1877b6 }
  4. cont .shwnews ul li.fou a.tit { background: #d50000 }
  5. cont .shwnews ul li.fiv a.tit { background: #137f39 }
  6. cont .shwnews ul li.six a.tit { background: #c1570a }
  7. cont .shwnews ul li.svn a.tit { background: #741784 }
  8. cont .shwnews ul li.one a.lnk:hover { background: #9e1d0a }
  9. cont .shwnews ul li.two a.lnk:hover { background: #264ea0 }
  10. cont .shwnews ul li.thr a.lnk:hover { background: #1877b6 }
  11. cont .shwnews ul li.fou a.lnk:hover { background: #d50000 }
  12. cont .shwnews ul li.fiv a.lnk:hover { background: #137f39 }
  13. cont .shwnews ul li.six a.lnk:hover { background: #c1570a }
  14. cont .shwnews ul li.svn a.lnk:hover { background: #741784 }
  15. cont .shwnews ul li a.lnk:hover span { display: block }
  16. cont .shwnews .more { 
   width: 700px;
   height: 1px;
   margin: 16px 0 36px 0;
   background: #ededed;
   position: relative;

}

  1. cont .shwnews .more span { 
   width: 120px;
   height: 33px;
   line-height: 33px;
   padding-left: 37px;
   color: #666;
   font-size: 12px;
   background: #ebeaea;
   border-radius: 10px;
   cursor: pointer;
   position: absolute;
   left: 271px;
   top: -16px;
   z-index: 3;

}

  1. cont .shwnews .more span:hover { 
   color: #333;
   background: #e2e2e2;

}

  1. cont .shwnews .more span i { 
   width: 14px;
   height: 8px;
   background: url(site.png) -209px -120px no-repeat;
   position: absolute;
   left: 13px;
   top: 13px;
   z-index: 3;

}

  1. cont .shwnews .bnws { 
   width: 678px;
   height: 240px;
   margin: 0 auto 20px auto;
   padding: 5px;
   background: #fff;
   border: 1px solid #ccc;
   box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

  1. cont .shwnews .bnws .pht { 
   width: 360px;
   height: 240px;
   position: relative;
   float: left;

}

  1. cont .shwnews .bnws .pht img { 
   width: 360px;
   height: 240px;

}

  1. cont .shwnews .bnws .pht span { display: block }
  2. cont .shwnews .bnws .pht b { 
   height: 18px;
   line-height: 20px;
   padding: 0 8px;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 5;

}

  1. cont .shwnews .bnws .lst { 
   width: 318px;
   height: 240px;
   background: #fff;
   float: left;

}

  1. cont .shwnews .bnws .lst li { 
   width: 318px;
   height: 47px;
   color: #606060;
   font-weight: 700;
   font-size: 16px;
   background: #ebebeb;
   border-bottom: 1px dotted #b2b2b2;

}

  1. cont .shwnews .bnws .lst li a { 
   display: block;
   height: 32px;
   padding: 13px 10px 0 15px;
   color: #606060;
   position: relative;

}

  1. cont .shwnews .bnws .lst li i { 
   width: 0;
   height: 0;
   border-top: 23px solid transparent;
   border-bottom: 23px solid transparent;
   position: absolute;
   left: -15px;
   top: 0;
   z-index: 10;

}

  1. cont .shwnews .bnws .lst li.end { 
   border: 0;
   height: 49px;

}

  1. cont .shwnews .bnws .lst li.end a { height: 35px }
  2. cont .shwnews .bnws .lst li.act a { color: #fff }
  3. cont .shwnews .bnws .lst li span { display: none }
  4. cont .shwnews .bnws.one .pht b { background: #9e1d0a }
  5. cont .shwnews .bnws.two .pht b { background: #264ea0 }
  6. cont .shwnews .bnws.thr .pht b { background: #1877b6 }
  7. cont .shwnews .bnws.fou .pht b { background: #d50000 }
  8. cont .shwnews .bnws.fiv .pht b { background: #137f39 }
  9. cont .shwnews .bnws.six .pht b { background: #c1570a }
  10. cont .shwnews .bnws.svn .pht b { background: #741784 }
  11. cont .shwnews .bnws.one .lst li.act a { background: #9e1d0a }
  12. cont .shwnews .bnws.two .lst li.act a { background: #264ea0 }
  13. cont .shwnews .bnws.thr .lst li.act a { background: #1877b6 }
  14. cont .shwnews .bnws.fou .lst li.act a { background: #d50000 }
  15. cont .shwnews .bnws.fiv .lst li.act a { background: #137f39 }
  16. cont .shwnews .bnws.six .lst li.act a { background: #c1570a }
  17. cont .shwnews .bnws.svn .lst li.act a { background: #741784 }
  18. cont .shwnews .bnws.one .lst li.act i { border-right: 15px solid #9e1d0a }
  19. cont .shwnews .bnws.two .lst li.act i { border-right: 15px solid #264ea0 }
  20. cont .shwnews .bnws.thr .lst li.act i { border-right: 15px solid #1877b6 }
  21. cont .shwnews .bnws.fou .lst li.act i { border-right: 15px solid #d50000 }
  22. cont .shwnews .bnws.fiv .lst li.act i { border-right: 15px solid #137f39 }
  23. cont .shwnews .bnws.six .lst li.act i { border-right: 15px solid #c1570a }
  24. cont .shwnews .bnws.svn .lst li.act i { border-right: 15px solid #741784 }
  25. cont .vdoglry { 
   width: 720px;
   height: 225px;
   overflow: hidden;

}

Retrieved from "http://2014.igem.org/Team:ATOMS-Turkiye/mfa3Styles"