Team:SYSU-Software/download.css

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
         padding:0;
         padding:0;
         line-height: 23px;
         line-height: 23px;
-
}
 
-
 
-
.wrapper {
 
-
width: 100%;
 
-
padding: 50px 0;
 
-
        font-size: 17px;
 
-
}
 
-
 
-
.wrapper.colored-wrapper {
 
-
background-color: #dff5f2;
 
}
}

Revision as of 03:27, 26 September 2013

body { font-family: Arial; font-weight: bold; margin: 0; padding: 0; }

p { word-break: break-all;

       margin:0;
       padding:0;
       line-height: 23px;

}

.container { width: 980px; margin: 0 auto; }

.download-info { overflow: hidden; color: #9d9c9b; width: 100%; height: 373px; }

.download-header { display: block; color: #65d2c0; font-size: 30px;

       line-height: 30px;

}

.download-intro { position: relative; float: left; width: 460px; margin: 50px 30px 0;

       line-height: 20px;

}

.download-bubble { position: relative; float: left; margin-left: 90px; width: 322px; height: 361px; }

.download-bubble a { display: block; width: 100%; height: 100%; background-image: url(Bubble-before.png); }

.download-bubble a:hover { background-image: url(Bubble-after.png); }

  1. dottedline {

position: relative; left: 499px; }

.download-show { padding-left: 30px; }

.download-show .show-board { width: 564px; height: 370px; margin: 10px auto; padding: 30px 145px; background-color: #6bd2bd; border: 8px solid #000; border-radius: 12px;

color: #445d72; font-size: 18px; }

.show-board .board-header { display: block; color: #dff5f2; font-size: 30px;

       margin-bottom: 20px;

}

.download-show #download-arrow { position: relative; left: 50%; bottom: 35px; margin-left: -35px }

.download-show .next-step { width: 152px; height: 52px; margin: -38px auto 0; background-color: #445d72; border: 7px solid #000; border-radius: 9px;

font-size: 25px; text-align: center; color: #fff; line-height: 52px;

       cursor: pointer;

}

/*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;
     position: relative;
     bottom: 0px;
     overflow: hidden;
     background-color: #dff5f2;
   }
   #bottom-image{
     width: 100%;
   }