Template:Team:KIT-Kyoto/Common

From 2014.igem.org

(Difference between revisions)
(Created page with "@charset "utf-8"; html { overflow-y: scroll; } h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,th,td { color: #000; margin:0; padding:0; line-height:1.6; } h1,h2,h3,h4,h5,h6 { let...")
 
(553 intermediate revisions not shown)
Line 1: Line 1:
-
@charset "utf-8";  
+
<html>
 +
<style type="text/css">
 +
*{
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
font-size:16px;
 +
}
 +
.sentence a{
 +
color: rgb(0,20,300);
 +
}
-
html {
+
#contentSub, #footer-box, #catlinks,#search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
-
overflow-y: scroll;
+
display: none;
}
}
-
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,th,td {
+
#top-section li,#top-section a{
-
color: #000;
+
font-size:13px;
-
margin:0;
+
-
padding:0;
+
-
line-height:1.6;
+
}
}
-
h1,h2,h3,h4,h5,h6 {
+
#menubar ul{
-
letter-spacing:1px;
+
line-height:1em;
-
font-weight:normal;
+
}
}
-
th {
+
#menubar ul li a:link,#menubar ul li a:visited,#menubar ul li a:active{
-
font-weight: normal;
+
color:gray;
}
}
-
p {
+
 
-
line-height: 1.6;
+
#menubar ul li a:hover{
 +
color:lime;
}
}
-
li {
+
 
-
list-style: none;
+
#bgimg {  
 +
position: fixed; 
 +
left:0;
 +
top:0;
 +
z-index: -1;
 +
height: 100%;
 +
width: 100%;  
}
}
-
em{
+
 
-
font-style:normal;
+
#bgimg img {  
 +
position: fixed;
 +
min-height: 100%;
 +
min-width: 800px;
 +
width: 100%;
 +
height: auto;
 +
left:0;
 +
top:0;  
}
}
-
img {
+
 
-
border: 0;
+
div#container{
-
vertical-align: bottom;
+
margin:0 30px 0 270px;
 +
height:100%;
}
}
-
body {
+
 
-
font-size:12px;
+
div#container div.main-contents{
 +
padding:30px;
 +
position:relative;
 +
width:70%;
 +
min-width:730px;
 +
max-width:930px;
 +
margin:100px auto;
 +
background-color:rgba(300,300,300,0.85);
 +
overflow:hidden;
}
}
-
table {
+
 
-
border-collapse: collapse;
+
.sentence{
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
text-align:justify;
 +
line-height:2em;
 +
text-indent:1em;
}
}
-
a {
+
 
-
text-decoration: none;
+
.sentence span{
-
color:#000;
+
border-bottom:2px solid rgba(300,0,0,0.5);
-
/* -webkit-transition: 0.3s ease-in-out;
+
-
  -moz-transition: 0.3s ease-in-out;
+
-
-o-transition: 0.3s ease-in-out;
+
-
transition: 0.3s ease-in-out;*/
+
}
}
-
a:hover{
+
 
-
text-decoration: underline;
+
.kitimg{
 +
float:right;
 +
margin:20px;
}
}
-
a:focus{
+
 
-
outline: none;
+
.box1{
 +
margin:30px 30px 30px 200px;
 +
text-align:justify;
 +
border-bottom:dashed 1px rgba(0,0,0,0.2);
}
}
-
* html body {
+
.box2{
-
text-align: center; /* IE6.0 */
+
margin:30px 200px 30px 30px;
 +
text-align:justify;
 +
border-bottom:dashed 1px rgba(0,0,0,0.2);
}
}
-
.clear {
+
 
-
clear: both;
+
ul.materials{
 +
padding-left:10px;
 +
list-style:disc;
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
}
}
-
.clearfix {
+
 
-
    zoom:1;  /* for IE 5.5-7 */
+
.procedure{
 +
padding-left:10px;
 +
list-style:decimal;
 +
font-family:'Lucida Grande',
 +
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
line-height:2em;
}
}
-
.clearfix:after {
+
 
-
  content: "";
+
.note{
-
  clear: both;
+
padding-left:10px;
-
  display: block;
+
list-style:none;
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
}
}
-
#all {
 
 +
.toplogo img{
 +
position:relative;
 +
margin:14px -10px -10px -15px;
 +
z-index:1;
}
}
-
a img:hover {
+
 
-
filter: alpha(opacity=80);
+
.hp_top{
-
-moz-opacity:0.80;
+
position:relative;
-
opacity:0.80;
+
left:50%;
 +
margin-left:-200px;
}
}
-
.center {
+
 
-
text-align:center;
+
 
 +
h1, h2, h3, h4, h5 {  
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
}
}
-
img {
+
 
-
max-width: 100%;
+
h1{
-
height: auto;
+
font-size:40px;
-
min-height: auto;
+
-
width /***/:auto;
+
}
}
-
.pagenavi {
+
h2{
-
text-align:left;
+
padding-left:10px;
-
margin-bottom:10px;
+
border-left:5px solid rgba(0,200,100,0.8);
 +
font-size:30px;
 +
font-weight:bold;
}
}
-
.pagenavi .wp-pagenavi {
+
 
-
clear:both;
+
h2 a{
-
line-height:1.8;
+
display:block;
 +
font-size:30px;
 +
font-weight:bold;
 +
cursor:text;
}
}
-
.pagenavi .wp-pagenavi a, .wp-pagenavi span {
+
 
-
text-decoration: none;
+
h2 a:link,h2 a:hover,h2 a:visited,h2 a:active{
-
padding: 0 18px 0 0;
+
color:#000000;
 +
text-decoration:none;
}
}
-
.pagenavi .wp-pagenavi a {
+
 
 +
#top-section {  
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 100%; 
}
}
-
.pagenavi .wp-pagenavi a.previouspostslink,
+
 
-
.pagenavi .wp-pagenavi a.nextpostslink{
+
#top-section-bar {  
-
text-decoration: none;
+
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
}
}
-
.pagenavi .wp-pagenavi a.previouspostslink:hover,
+
 
-
.pagenavi .wp-pagenavi a.nextpostslink:hover{
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover {  
-
text-decoration: none;
+
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
}
}
-
.pagenavi .wp-pagenavi a:hover, .wp-pagenavi span.current {
+
#kitfooter-box {
-
text-decoration: underline;
+
  border-top: 1px solid rgba(0,120,200,0.4);
 +
        margin:10px auto -25px auto;
 +
padding:5px 5px;
 +
        z-index:1;
 +
        position:relative;
 +
        overflow:hidden;
}
}
-
.pagenavi .wp-pagenavi a:hover {
+
 
 +
#kitfooter-box a {
 +
        background-color: transparent;
 +
color: midnightblue;
 +
font-size:90%;
}
}
 +
#kitfooter{
 +
width:70%;
 +
height:50px;
 +
margin:auto;
 +
}
-
/* ============================================================ footer */
+
ul#fkit{
-
#footer {
+
margin:5px 0px 0px 0px;
-
clear: both;
+
text-align:center;
-
width:100%;
+
}
 +
 
 +
ul#fkit li{
 +
        display:inline;
 +
        list-style:none;
 +
        margin:2px 1%;
 +
font-size:12px;
 +
}
 +
 
 +
 
 +
body {
 +
background-color: #fff;
 +
padding:0;
 +
margin:0;
 +
}
 +
 
 +
#globalWrapper, #content {  
 +
width: 100%;  
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
.clear {
 +
    clear:both;
 +
} 
 +
.clear hr {
 +
    display:none;
 +
}
 +
.mimg1{
 +
width: 240px;
 +
}
 +
.mimg2{
 +
width:400px;
 +
}
 +
figure.mimg1,.mimg2 {
 +
position: relative;
 +
overflow: hidden;
 +
background: #37e996;
 +
        margin:10px;
}
}
-
#footer .footer-area {
+
figure.mimg1 img,figure.mimg2 img {
 +
position: relative;
 +
z-index: 1;
 +
-webkit-transition: .3s;
 +
transition: .3s;
}
}
-
#footer ul li {
+
figcaption.mcap1 ,figcaption.mcap2{
-
float:left;
+
position: absolute;
-
width:17px;
+
bottom: -70px;
-
line-height:12px;
+
left: 0;
 +
z-index: 2;
 +
        width:100%;
 +
height: 70px;
 +
background: #37e996;
 +
-webkit-transition: .3s;
 +
transition: .3s;
}
}
-
#footer ul li img {
+
.mimg1:hover img ,.mimg2:hover img{
-
width:17px;
+
-webkit-transform: translateY(-40px);
 +
transform: translateY(-40px);
}
}
-
#footer ul li.tw {
+
.mimg1:hover figcaption ,.mimg2:hover figcaption{
-
margin-right:7px;
+
bottom: 0;
 +
-webkit-transform: translateY(-30px);
 +
transform: translateY(-30px);
}
}
 +
</style>
 +
</html>

Latest revision as of 18:15, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/Common"