Team:Peking/test/css/0926.css

From 2014.igem.org

Revision as of 00:23, 27 September 2014 by Success (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

@charset "utf-8"; body { float: none; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; margin-top: 0px; margin-bottom: 0px; background-attachment: fixed; text-align: center; background-image: url(Peking2014wcg_body2.jpg); }

  1. mainbody {

width: 85%; max-width: 1600px; min-width: 1000px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }

  1. top {

width: 100%; margin-bottom: 10px; }

  1. top #topnav {

border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; height: 70px; background-color: #FFFFFF; display: block; overflow-y: hidden; margin-bottom: 10px; }

  1. top #topnav ul {

list-style-type: none; }


  1. top #topnav ul li {

float: left; width: 10%; color: #000000; text-align: center; }

  1. top #topnav ul .a1a {

color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; line-height: 65px; display: block;

}

  1. top #topnav ul .a2a {

color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; display: block; }


  1. top #topnav .sublist {

display: none; color: #000000; position: absolute; z-index: 5; }

  1. top #topnav ul .sublist li {

text-align: left; background-color: #FFFFFF; width: 100%; position: relative; border-left: thick solid #80c269; margin-top: 8px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; line-height: 0.8em; z-index: 1; float: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; left: -2.6em; }

  1. top #topnav ul li:hover > .sublist {

display: block; }

  1. top #topnav ul li:hover > .a1a {

display: block; color: #339999; border-bottom: thick solid #339999; }

  1. top #topnav ul .sublist li:hover > .a2a {

color: #339999; }

  1. top #topnav ul .sublist li:hover {

border-left: medium solid #339999; }

  1. top #title {

width: 100%; z-index: 0; }

  1. top #title img {

width: 60%; height: 100px; }

  1. mid1 {

width: 100%; float: left; margin-bottom: 30px; }

  1. mid1 #mid1left {

width: 58%; float: left; background-image: url(Peking2014wcg_algal.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: relative; border-radius: 15px; }

  1. mid1 #mid1left #cover {

background-color: rgba(0,0,0,0.6);/*前三个参数为rgb颜色，第四个参数为透明度*/ 


   filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);/*#7F000000的前两位为16进制透明度，后六位为16进制颜色*/

color: #FFFFFF; opacity: 0.8; bottom: 0px; width: 100%; position: absolute; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }

  1. mid1 #mid1left #cover .habstract {

line-height: 60px; }

  1. mid1 #mid1left #cover #pabstract {

padding-right: 2em; padding-left: 2em; text-align: left; }

  1. mid1 #mid1right {

width: 40%; float: right; position: relative; }

  1. mid1 #mid1right #slider #SliderName_2 img {

border-radius: 15px;

}




  1. mid2 {

float: left; width: 100%; }


  1. mainbody #mid2 #mid2left {

width: 37%; float: left; margin-top: 50px; }

  1. mainbody #mid2 p {

text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }

  1. mainbody .subgroupl {

background-image: url(img/lframe.png); background-repeat: no-repeat; background-size: 100% 100%; }

  1. mainbody #mid2 #mid2center img {

width: 24%; float: left; margin-left: 0.5%; }

  1. mainbody #mid2 #mid2right {

width: 37%; float: right; }

  1. mainbody .subgroupr {

background-image: url(img/rframe.png); background-repeat: no-repeat; background-size: 100% 100%; }


  1. mid3 {

float: left; width: 100%; margin-top: 15px; }

  1. mainbody #mid3 p {

text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }

  1. mainbody #mid3 #mid3left {

width: 37%; float: left; }

  1. mainbody #mid3 #mid3center img {

width: 24%; float: left; margin-left: 0.5%; }

  1. mainbody #mid3 #mid3right {

width: 37%; float: right; }

  • {

margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; }

  1. clc {

float: none; clear: both; } .c { clear: both; }

  1. bottom {

width: 100%; margin-top: 30px; }

  1. bottom img {

width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; }

Retrieved from "http://2014.igem.org/Team:Peking/test/css/0926.css"