Team:XMU-China/STYLE XMU INDEX

From 2014.igem.org

Revision as of 00:10, 16 August 2014

• { margin: 0; padding: 0; outline:0; }

body {

   font-size: 12px;
   line-height: 20px;
   font-family: Georgia, Arial, Helvetica, Sans-Serif;
   color: #333;
   background: url();

}

a { color: #ff0000; text-decoration: none; cursor:pointer; } a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; } textarea { overflow:auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; } .border { border: 1px solid #e8e8e8; background: #fff; position: absolute; margin-top: 45px; }/*调整纸张*/ .shadow-l { background: url() no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;left:-25px; } .shadow-r { background: url() no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;right:-25px; } .shadow-b { background: url() no-repeat 0 0; width: 980px; height: 20px; position: absolute; bottom:-20;left:0; }

1. header { background: url(images/colorpiece.gif) 0 0; height: 780px; position: relative; } /*放吉祥物和logo的界面*/
2. logo a { background: url() no-repeat 15px 5px; width: 200px; height: 99px; position: absolute; top:0;left:0; }
3. color { background:url(images/header-bg.gif) repeat-x 0 0; width:980px;height:500px;position:absolute;top:-5px;left:0;}

1. main { width: 932px; padding: 37px 24px 17px 24px; }
2. main h1 { font-size: 18px; line-height: 15px; color: #000; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; padding: 0 0 10px 0; }
3. main a.more { background: url(images/more.gif) no-repeat 0 3px; font-size: 11px; line-height: 14px; color: #ff0000; text-decoration: underline; padding: 0 0 0 13px; }
4. main a.more:hover { text-decoration: none; }

1. content { width: 605px; }

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.highlight { position:absolute; top: 800px;left:0; } .highlight h3 { margin: 0 0 11px 0; } .highlight p { padding: 0 0 9px 0; } /*.highlight img { margin: 4px 12px 0 12px; } */

.projects { padding: 65px 0 0 0; } .projects h3 { margin: 0 0 17px 0; } .projects .item { margin: 0 0 28px 0; } .projects .image { width: 183px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; } .projects .text { width: 393px; } .projects .text h4 { font-size: 12px; line-height: 15px; color: #333; text-transform: uppercase; padding: 3px 0 2px 0; } .projects .text p { padding: 0 0 3px 0; }

1. sidebar { width: 300px; }

.btn-buy { background: url(images/btn-buy.gif) no-repeat 0 0; display: block; width: 307px; height: 86px; font-size: 40px; line-height: 90px; color: #b50000; font-weight: bold; text-align: center; margin: 0 0 17px 0; position: relative; left:-3px; top: 10px;} .btn-buy:hover { text-decoration: none; }

1. sidebar .info { }
2. sidebar .info h3 { margin: 0 0 7px 0; }
3. sidebar .info p { }

img{border:0;} .navigation_bar{text-decoration:none;color:#333;} .navigation_bar:hover{color:#FF8400;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.navBar{height: 62px; border-top: 0 solid #dbdbdb; /*border-bottom: 1px solid #dbdbdb;*/position:absolute; top:20px; left:0;} .nav{list-style: none;} .nav a{ float: left; height: 43px; color: #000; padding: 0 33px; text-decoration:none} .nav h3{font-size:100%;font-weight:normal;} .nav .m{float: left; height: 43px; border-right: 1px solid #dbdbdb; font-size: 12px; line-height: 43px; font-weight: bold; text-transform: uppercase;} .nav h3 a{display:block;width:126px;text-align:center;font-weight:bold;} .nav .sub{display:none;border:1px solid #E6E4E3;border-top:0;background:#fff; text-decoration:none} .nav .sub li{text-align:center; height: 55px; border-right: 1px solid #dbdbdb; line-height: 43px; font-weight: bold; text-transform: uppercase;display:absolute} .nav .sub li a{display:block; height: 43px; color: #000; padding: 0 33px; } .nav .sub li a:hover{color:#FE7700;} .nav .block{height:8px;width:198px;background:#FE7700;position:absolute;left:0;top:42px;overflow:hidden;align:center}

ul{list-style:none;} .topic_img_word{display:none}

/**

* and has the classname "jcarousel-container".
*/

   position: relative;

   z-index: 2;
   padding: 0;
   margin: 0;
   overflow: hidden;
   position: relative;
   width: 928px;
   height: 298px;

   z-index: 1;
   overflow: hidden;
   position: relative;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;

   float: left;
   list-style: none;
   /* We set the width/height explicitly. No width/height causes infinite loops. */
   width: 928px;
   height: 298px;
   position: relative; /*IE6 PNG fix with link inside*/

* The buttons are added dynamically by jCarousel before