Team:ZJU-China/CSS/Paragraph.css

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 8: Line 8:
     box-shadow: 0px 0px 0px #c4c4ef;
     box-shadow: 0px 0px 0px #c4c4ef;
     overflow: auto;
     overflow: auto;
 +
    background-color:#def;
}
}
Line 14: Line 15:
     margin-left: auto;
     margin-left: auto;
     margin-right: 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 {
div.zju_sec {
     position: relative;
     position: relative;
-
     border-radius: 5px;
+
     border-radius: 2px;
     padding: 15px;
     padding: 15px;
     display:block;
     display:block;
Line 25: Line 72:
     margin: 20pt auto 20pt;
     margin: 20pt auto 20pt;
     box-shadow: 0px 0px 20px #95c5f5;
     box-shadow: 0px 0px 20px #95c5f5;
 +
    font-size: 12pt;
 +
    font-size: Arial, sans-serif;
     overflow: auto;
     overflow: auto;
}
}
Line 57: Line 106:
     float: left;
     float: left;
     margin-right:10px;
     margin-right:10px;
 +
    margin-left:10px;
     text-align: center;
     text-align: center;
     border-radius: 5px;
     border-radius: 5px;
Line 67: Line 117:
     font-style: italic;
     font-style: italic;
     margin:0;
     margin:0;
-
    right:20px;
 
-
    top:50px;
 
-
    position: absolute;
 
     text-align: right;
     text-align: right;
}
}
-
div.zju_cha p {  
+
div.zju_cha p {
-
     font-family: cursive;
+
     font-family: "Comic Sans MS", Arial, sans-serif;
}
}
 +
 +
div.ani {
 +
  display:block;
 +
  margin:0 auto;
 +
  text-align: center;
 +
}
 +
 +
div.ani img{
 +
  margin: 0 auto;
 +
}
 +
 +
div.pan {
 +
    display: block;
 +
    background: white;
 +
    overflow:visible;
 +
    position:relative;
 +
}
 +
 +
div.pan img.pan {
 +
    position: absolute;
 +
}
 +
 +
div.pan img.pan:hover {
 +
    cursor: pointer;
 +
    box-shadow: 0px 0px 10px #222;
 +
    z-index: 1;
 +
}
 +
 +
div.sld{
 +
    font-size: 13.3px;
 +
    font-family: Arial, sans-serif;
 +
}
 +
 +
div.ft{
 +
    position: absolute;
 +
    margin:0;
 +
    padding:0;
 +
    font-size:500%;
 +
    font-family: Arial;
 +
    z-index: 1;
 +
    color: white;
 +
    line-height: normal;
 +
}
 +
 +
div.ft a,div.ft a:hover,div.ft a:active,div.ft a:visited{
 +
    color:white;
 +
    text-decoration: none;
 +
}
 +
p.cutline {
p.cutline {

Latest revision as of 01:59, 18 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;
   background-color:#def;

}

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: 2px;
   padding: 15px;
   display:block;
   width: 80%;
   background-color: rgba(228,236,255,0.85);
   margin: 20pt auto 20pt;
   box-shadow: 0px 0px 20px #95c5f5;
   font-size: 12pt;
   font-size: Arial, sans-serif;
   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;

}

div.ani { 

  display:block;
  margin:0 auto;
  text-align: center;

}

div.ani img{ 

  margin: 0 auto;

}

div.pan { 

   display: block;
   background: white;
   overflow:visible;
   position:relative;

}

div.pan img.pan { 

   position: absolute;

}

div.pan img.pan:hover { 

   cursor: pointer;
   box-shadow: 0px 0px 10px #222;
   z-index: 1;

}

div.sld{ 

   font-size: 13.3px;
   font-family: Arial, sans-serif;

}

div.ft{ 

   position: absolute;
   margin:0;
   padding:0;
   font-size:500%;
   font-family: Arial;
   z-index: 1;
   color: white;
   line-height: normal;

}

div.ft a,div.ft a:hover,div.ft a:active,div.ft a:visited{ 

   color:white;
   text-decoration: none;

}


p.cutline { 

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

}

Retrieved from "http://2014.igem.org/Team:ZJU-China/CSS/Paragraph.css"