Team:CityU HK/lablog/project1.css

From 2014.igem.org

(Difference between revisions)

Latest revision as of 15:18, 25 September 2014

@import url('https://2014.igem.org/Team:CityU_HK/lablog/project1.css2');

/* Toggle slide box Style */

title {

       font-family: 'Raleway', sans-serif;
       text-align: center;
       font-size: 2em;
       font-weight: 700;
       text-shadow: 0px 3px 2px rgba(0,0,0,0.2);
       color: #676767;
       background-color: #fff;
       margin: 0;
       width:100%;
       padding-top: 70px;
       padding-bottom: 30px;

}

/* Flexible Slide-to-top Accordion Style*/ .wrapper{ width:90%; max-width:800px; margin:30px auto;

       margin-top:0px;
       margin-bottom: 50px;
       background-color:#F0EEEA;

} .st-accordion{

   width:100%;
   min-width:270px;
   margin: 0 auto;
   padding: 10px 0 10px 0;
   border-radius: 2px;

} .st-accordion ul li{

   height: 100px;
   border-bottom: 1px solid #e3e3e3;
   border-top:1px solid #fff;
   overflow: hidden;
   padding: 0 50px 0 50px;

} .st-accordion ul li:first-child{

   border-top:none;

} .st-accordion ul li > a{

   color: #555555;
   font-family: 'Raleway',san-serif;
   font-weight: 300;
   font-size: 25px;
   display: block;

position: relative;

   line-height: 100px;

outline:none;

   -webkit-transition:  color 0.2s ease-in-out;

-moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .st-accordion ul li > a span{ background: transparent url() no-repeat center center; text-indent:-9000px; width: 26px; height: 14px; position: absolute; top: 50%; right: -26px; margin-top: -7px; opacity:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .st-accordion ul li > a:hover{

   color: #40e0d0;

} .st-accordion ul li > a:hover span{ opacity:1; right: 10px; } .st-accordion ul li.st-open > a{

   color: #40e0d0;

} .st-accordion ul li.st-open > a span{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);

   transform:rotate(180deg);

right:10px; opacity:1; } .st-content{

   padding: 5px 0px 30px 0px;

} .st-content p{

   font-size:  16px;
   font-family:  Georgia, serif;
   font-style: italic;
   line-height:  28px;
   padding: 0px 4px 15px 4px;

} .st-content img{

   width:125px;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;

} @media screen and (max-width: 320px){ .st-accordion ul li > a{ font-size:36px; } }

@@ Line 1: / Line 1: @@
 @import url('https://2014.igem.org/Team:CityU_HK/lablog/project1.css2');
-/* General Demo Style */
+/* Toggle slide box Style */
-body{
-	background:#f7f7f7 url(../images/pattern.png) repeat top left;
+#title {
-	color:#000;
+        font-family: 'Raleway', sans-serif;
-	font-family: 'Arial Narrow', Arial, sans-serif;
+        text-align: center;
-	font-size:13px;
+        font-size: 2em;
-	min-height:2000px;
+        font-weight: 700;
+        text-shadow: 0px 3px 2px rgba(0,0,0,0.2);
+        color: #676767;
+        background-color: #fff;
+        margin: 0;
+        width:100%;
+        padding-top: 70px;
+        padding-bottom: 30px;
 }
-a{
-	color:#000;
-	text-decoration:none;
-}
-.clr{
-	clear:both;
-}
-h1{
-	padding:20px;
-	font-size:28px;
-	color:#333;
-	font-family: 'Josefin Slab',Georgia, serif;
-	font-weight:400;
-    text-align:center;
-    text-shadow:1px 1px 1px #fff;
-}
-h1 span{
-	font-size:18px;
-	color:#1693eb;
-}
-.more{
-	font-family: 'Josefin Slab',Georgia, serif;
-	margin:0 auto;
-	text-align:center;
-	color:#ddd;
-	font-size:15px;
-	color:#444;
-}
-.more p{
-	display:block;
-	margin:10px;
-}
-.more a{
-	color:#666;
-	white-space: nowrap;
-	font-weight:bold;
-	background:#fff;
-	padding:1px 6px;
-	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-}
-.more a.current,
-.more a.current:hover{
-	color:#fff;
-	background:#000;
-}
-.more a:hover{
-	background-color:#1693eb;
-	color:#fff;
-}
-/* Header Style */
-.header{
-	line-height:24px;
-	font-size:11px;
-	background:#000;
-	opacity:0.9;
-	text-transform:uppercase;
-	z-index:4;
-	-moz-box-shadow:1px 0px 2px #000;
-	-webkit-box-shadow:1px 0px 2px #000;
-	box-shadow:1px 0px 2px #000;
-}
-.header a{
-	padding:0px 10px;
-	letter-spacing:1px;
-	color:#ddd;
-	display:block;
-	float:left;
-}
-.header a:hover{
-	color:#fff;
-}
-.header span.right{
-	float:right;
-}
-.header span.right a{
-	float:none;
-	display:inline;
-}
 /* Flexible Slide-to-top Accordion Style*/
@@ Line 96: / Line 22: @@
 	max-width:800px;
 	margin:30px auto;
+        margin-top:0px;
+        margin-bottom: 50px;
+        background-color:#F0EEEA;
 }
 .st-accordion{
@@ Line 101: / Line 30: @@
      min-width:270px;
      margin: 0 auto;
+    padding: 10px 0 10px 0;
+    border-radius: 2px;
 }
 .st-accordion ul li{
      height: 100px;
-     border-bottom: 1px solid #c7deef;
+     border-bottom: 1px solid #e3e3e3;
      border-top:1px solid #fff;
      overflow: hidden;
+    padding: 0 50px 0 50px;
 }
 .st-accordion ul li:first-child{
@@ Line 112: / Line 44: @@
 }
 .st-accordion ul li > a{
-     font-family: 'Josefin Slab',Georgia, serif;
+    color: #555555;
-     text-shadow: 1px 1px 1px #fff;
+     font-family: 'Raleway',san-serif;
-     font-size: 46px;
+     font-weight: 300;
+     font-size: 25px;
      display: block;
 	position: relative;
@@ Line 126: / Line 59: @@
 }
 .st-accordion ul li > a span{
-	background: transparent url(../images/down.png) no-repeat center center;
+	background: transparent url(https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_lablog_down.png) no-repeat center center;
 	text-indent:-9000px;
 	width: 26px;
@@ Line 142: / Line 75: @@
 }
 .st-accordion ul li > a:hover{
-     color: #1693eb;
+     color: #40e0d0;
 }
 .st-accordion ul li > a:hover span{
@@ Line 149: / Line 82: @@
 }
 .st-accordion ul li.st-open > a{
-     color: #1693eb;
+     color: #40e0d0;
 }
 .st-accordion ul li.st-open > a span{