Difference between revisions of "Template:CCU Taiwan/CSS"

(Blanked the page)
Line 1: Line 1:
 +
@font-face {
 +
    font-family:open sans;
 +
    src: url('https://static.igem.org/mediawiki/2016/1/14/T--Lubbock_TTU--Lubbock_TTU_opensans.ttf');
 +
}
  
 +
@font-face {
 +
    font-family:roboto;
 +
    src: url('https://static.igem.org/mediawiki/2016/e/e4/T--Lubbock_TTU--Lubbock_TTU_roboto.ttf');
 +
}
 +
 +
@font-face {
 +
    font-family:fontawesome;
 +
    src: url('https://static.igem.org/mediawiki/2016/5/50/T--Lubbock_TTU--Lubbock_TTU_fontawesome.otf');
 +
}
 +
 +
.row * {
 +
    box-sizing: border-box;
 +
}
 +
 +
.row {
 +
    background:#fff;
 +
}
 +
 +
body {
 +
    font-family:open sans;
 +
}
 +
 +
html, body {
 +
    height:100%;
 +
}
 +
 +
a, a:hover {
 +
    color:#aaa;
 +
    text-decoration: none;
 +
    -webkit-transition:all .5s ease;
 +
    -moz-transition:all .5s ease;
 +
    -o-transition:all .5s ease;
 +
    transition:all .5s ease-in-out;
 +
}
 +
 +
/* main title */
 +
h1 {
 +
    font-size:60px;
 +
    font-weight:bold;
 +
    text-align:center;
 +
    color:#fff;
 +
    text-shadow: 1px 1px .2px #000;
 +
    letter-spacing: 3px;
 +
    border-bottom:none;
 +
}
 +
 +
/*main subtitle*/
 +
h2 {
 +
    font-size: 20px;
 +
    text-align:center;
 +
    color:#fff;
 +
}
 +
 +
/*section header*/
 +
h3 {
 +
    text-align:center;
 +
    font-size:30px;
 +
    letter-spacing: 2px;
 +
    padding-top:50px;
 +
    padding-bottom:20px;
 +
}
 +
 +
h4 {
 +
    font-size: 20px;
 +
    text-align: center;
 +
    margin-bottom:20px;
 +
}
 +
 +
.container, .container-fluid {
 +
    color:#555;
 +
}
 +
 +
.navbar-default {
 +
    background-color: #fff;
 +
    border: none;
 +
    box-shadow: 0 0 10px #555;
 +
}
 +
 +
.navbar-default .navbar-toggle {
 +
    border: none;
 +
}
 +
 +
#banner {
 +
    position:relative;
 +
    z-index: 0;
 +
    background:url('https://static.igem.org/mediawiki/2016/3/39/T--Lubbock_TTU--File_ttu.jpg');
 +
    background-color:#aaa;
 +
    background-size: cover;
 +
    background-attachment: fixed;
 +
}
 +
 +
#bannercontent {
 +
    height:100%;
 +
    padding-top:20%;
 +
    padding-left:20px;
 +
    padding-right:20px;
 +
    box-sizing: border-box;
 +
    margin:auto;
 +
    background:rgba(0, 0, 0, 0.5);
 +
}
 +
 +
#continue {
 +
    padding-bottom:100px;
 +
    color:#fff;
 +
    text-align: center;
 +
    margin-top:200px;
 +
    font-size:50px;
 +
}
 +
 +
#continue a {color:#fff;text-decoration:none;}
 +
#continue a:hover {color:#fff;text-decoration:none;}
 +
 +
#icon {
 +
    height:100px;
 +
    width:100px;
 +
    width:100px;
 +
    display:block;
 +
    border-radius: 100px;
 +
    margin-bottom:50px;
 +
}
 +
 +
.section {
 +
/*    padding:50px;*/
 +
}
 +
 +
.content {
 +
    max-width:550px;
 +
    margin:auto;
 +
    line-height: 170%;
 +
    font-family: roboto;
 +
    margin:20px auto;
 +
}
 +
 +
#teamphoto {
 +
    max-width: 100%;
 +
    max-height: 100%;
 +
    margin:100px auto;
 +
}
 +
 +
#readmore {
 +
    font-size:18px;
 +
    margin-top:10px;
 +
    text-align: center;
 +
}
 +
 +
#readmore a {color:#3875A2;}
 +
 +
#sitemap {
 +
    background-image: url('https://static.igem.org/mediawiki/2016/9/94/T--Lubbock_TTU--ulabsloc.jpg');
 +
    background-attachment: fixed;
 +
}
 +
 +
 +
#sitelinks {
 +
    padding-bottom:50px;
 +
    min-height:300px;
 +
    color:#fff;
 +
    text-align: center;
 +
    background:rgba(0, 0, 0, 0.6);
 +
}
 +
 +
#sitelinks a {
 +
    display:inline-block;
 +
    border:3px solid #fff;
 +
 
 +
    color:#fff;
 +
    padding:10px 20px;
 +
    margin:10px
 +
}
 +
 +
#sitemap h3 {
 +
    color:#fff;
 +
    text-shadow: 1px 1px .2px #000;
 +
}
 +
 +
#footer {
 +
    background:#333;
 +
    text-align: center;
 +
    color:#fff;
 +
    line-height: 50px;
 +
}
 +
 +
 +
 +
#footer a {
 +
    color:#fff;
 +
}
 +
 +
 +
 +
#sponsors {
 +
    padding:50px 0;
 +
}
 +
 +
#sponsors img {
 +
    max-height:150px;
 +
    max-width:100%;
 +
    margin:20px;
 +
}
 +
 +
/* hide components when screen is smaller*/
 +
@media screen and (max-width: 760px) {
 +
 +
    #bannercontent {
 +
        padding-top:80px;
 +
    }
 +
 +
    h1 {
 +
        font-size:40px;
 +
    }
 +
   
 +
    #continue {
 +
        margin-top:80px;
 +
    }
 +
   
 +
    #teamphoto {margin:100px auto;}
 +
}
 +
 +
/*
 +
#sitemap img {
 +
    width:100%;
 +
    display:block;
 +
    margin-bottom:30px;;
 +
}
 +
 +
#header {
 +
    position:absolute;
 +
    display:inline-block;
 +
    width:calc(100% - 30px);
 +
    text-align: center;
 +
    color:#fff;
 +
    background: rgba(0, 0, 0, 0.8);
 +
    height:50px;
 +
    margin-top:-80px;
 +
    line-height:50px;
 +
}
 +
*/
 +
 +
#subicon {
 +
    font-family: fontawesome;
 +
    height:100px;
 +
    width:100px;
 +
    border-radius: 100px;
 +
    box-sizing: border-box;
 +
    padding:20px;
 +
    font-size: 60px;
 +
    text-align: center;
 +
    color:#fff;
 +
    background:#333;
 +
    margin-bottom:30px;
 +
}

Revision as of 10:02, 23 July 2017

@font-face { 

   font-family:open sans;
   src: url('https://static.igem.org/mediawiki/2016/1/14/T--Lubbock_TTU--Lubbock_TTU_opensans.ttf');

}

@font-face { 

   font-family:roboto;
   src: url('https://static.igem.org/mediawiki/2016/e/e4/T--Lubbock_TTU--Lubbock_TTU_roboto.ttf');

}

@font-face { 

   font-family:fontawesome;
   src: url('https://static.igem.org/mediawiki/2016/5/50/T--Lubbock_TTU--Lubbock_TTU_fontawesome.otf');

}

.row * { 

   box-sizing: border-box;

}

.row { 

   background:#fff;

}

body { 

   font-family:open sans;

}

html, body { 

   height:100%;

}

a, a:hover { 

   color:#aaa;
   text-decoration: none;
   -webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
   -o-transition:all .5s ease;
   transition:all .5s ease-in-out;

}

/* main title */ h1 { 

   font-size:60px;
   font-weight:bold;
   text-align:center;
   color:#fff;
   text-shadow: 1px 1px .2px #000;
   letter-spacing: 3px;
   border-bottom:none;

}

/*main subtitle*/ h2 { 

   font-size: 20px;
   text-align:center;
   color:#fff;

}

/*section header*/ h3 { 

   text-align:center;
   font-size:30px;
   letter-spacing: 2px;
   padding-top:50px;
   padding-bottom:20px;

}

h4 { 

   font-size: 20px;
   text-align: center;
   margin-bottom:20px;

}

.container, .container-fluid { 

   color:#555;

}

.navbar-default { 

   background-color: #fff;
   border: none;
   box-shadow: 0 0 10px #555;

}

.navbar-default .navbar-toggle { 

   border: none;

}

  1. banner {
   position:relative;
   z-index: 0;
   background:url('https://static.igem.org/mediawiki/2016/3/39/T--Lubbock_TTU--File_ttu.jpg');
   background-color:#aaa;
   background-size: cover;
   background-attachment: fixed;

}

  1. bannercontent {
   height:100%;
   padding-top:20%;
   padding-left:20px;
   padding-right:20px;
   box-sizing: border-box;
   margin:auto;
   background:rgba(0, 0, 0, 0.5);

}

  1. continue {
   padding-bottom:100px;
   color:#fff;
   text-align: center;
   margin-top:200px;
   font-size:50px;

}

  1. continue a {color:#fff;text-decoration:none;}
  2. continue a:hover {color:#fff;text-decoration:none;}
  1. icon {
   height:100px;
   width:100px;
   width:100px;
   display:block;
   border-radius: 100px;
   margin-bottom:50px;

}

.section { /* padding:50px;*/ }

.content { 

   max-width:550px;
   margin:auto;
   line-height: 170%;
   font-family: roboto;
   margin:20px auto;

}

  1. teamphoto {
   max-width: 100%;
   max-height: 100%;
   margin:100px auto;

}

  1. readmore {
   font-size:18px;
   margin-top:10px;
   text-align: center;

}

  1. readmore a {color:#3875A2;}
  1. sitemap {
   background-image: url('https://static.igem.org/mediawiki/2016/9/94/T--Lubbock_TTU--ulabsloc.jpg');
   background-attachment: fixed;

}


  1. sitelinks {
   padding-bottom:50px;
   min-height:300px;
   color:#fff;
   text-align: center;
   background:rgba(0, 0, 0, 0.6);

}

  1. sitelinks a {
   display:inline-block;
   border:3px solid #fff;
  
   color:#fff;
   padding:10px 20px;
   margin:10px

}

  1. sitemap h3 {
   color:#fff;
   text-shadow: 1px 1px .2px #000;

}

  1. footer {
   background:#333;
   text-align: center;
   color:#fff;
   line-height: 50px;

}


  1. footer a {
   color:#fff;

}


  1. sponsors {
   padding:50px 0;

}

  1. sponsors img {
   max-height:150px;
   max-width:100%;
   margin:20px;

}

/* hide components when screen is smaller*/ @media screen and (max-width: 760px) { 

   #bannercontent {
       padding-top:80px;
   }

   h1 {
       font-size:40px;
   }
   
   #continue {
       margin-top:80px;
   }
   
   #teamphoto {margin:100px auto;}

}

/*

  1. sitemap img {
   width:100%;
   display:block;
   margin-bottom:30px;;

}

  1. header {
   position:absolute;
   display:inline-block;
   width:calc(100% - 30px);
   text-align: center;
   color:#fff;
   background: rgba(0, 0, 0, 0.8);
   height:50px;
   margin-top:-80px;
   line-height:50px;

}

  • /
  1. subicon {
   font-family: fontawesome;
   height:100px;
   width:100px;
   border-radius: 100px;
   box-sizing: border-box;
   padding:20px;
   font-size: 60px;
   text-align: center;
   color:#fff;
   background:#333;
   margin-bottom:30px;

}