Team:ZJU-China/CSS/Paragraph.css

From 2014.igem.org

(Difference between revisions)

Revision as of 14:34, 15 October 2014

div.zju_frame {

   position: relative;
   display: block;
   width: 100%;
   min-width: 720px;
   height:auto;
   margin: 0px;
   box-shadow: 0px 0px 0px #c4c4ef;
   overflow: auto;

}

div.zju_frame table{

   background: transparent;
   margin-left: auto;
   margin-right: auto;

}

div.zju_frame span.guide{

   display: block;
   position: absolute;
   text-align: center;
   background-color: transparent;
   height: 15%;
   width: 100%;

}

div.zju_frame span.guide img {

   position: relative;
   display: none;
   border-radius: 30pt;
   margin:0 auto;
   cursor: pointer;

}

div.zju_frame span.guide:hover img {

   display: block;
   opacity: 0.5;

}

div.zju_frame span.guide img:active {

   display: block;
   opacity: 0.9;

}

div.zju_frame img#home_bar {

   position: absolute;
   transition: opacity 1s;
   width: 22.65625%;
   top: 52.66064257%;
   left: 66.40625%;
   opacity: 0;

}

div.zju_frame img#home_bar:hover {

   opacity: 0.5;
   cursor: pointer;

}

div.zju_frame img#home_bar:active {

   opacity: 1.0;
   cursor: pointer;

}

div.zju_sec {

   position: relative;
   border-radius: 5px;
   padding: 15px;
   display:block;
   width: 80%;
   background-color: rgba(228,236,255,0.85);
   margin: 20pt auto 20pt;
   box-shadow: 0px 0px 20px #95c5f5;
   overflow: auto;

}

div.zju_sec p {

   text-indent: 2em;

}

div.zju_sec img {

   float: right;

}

div.zju_sec table.img {

   float: right;
   text-align: center;
   background-color: transparent;

}

div.zju_cha {

   position: relative;
   width: 90%;
   border-radius: 5px;
   background-color: rgba(228,236,255,0.85);
   box-shadow: 0px 0px 20px #95c5f5;
   margin: 20pt auto 20pt;
   overflow: auto;
   padding: 15px;
   display:block;

}

div.zju_cha img.profile {

   float: left;
   margin-right:10px;
   margin-left:10px;
   text-align: center;
   border-radius: 5px;
   padding: 10px;
   background-color: #fff;
   box-shadow: 0px 0px 10px #000;

}

div.zju_cha h4 {

   font-style: italic;
   margin:0;
   text-align: right;

}

div.zju_cha p {

   font-family: "Comic Sans MS", Arial, sans-serif;

}

p.cutline {

   font-size: 0pt;
   margin:0px;
   height:0px;

}