Difference between revisions of "Template:Mingdao"

 
(30 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<script>
 
<script>
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
$(document).ready(function() {
 
 
//remove the HQ_page id
 
$("#HQ_page").attr('id','');
 
 
 
//highlight current page on the menu
 
highlight_current_page_menu();
 
 
//accessing submenus
 
$(".menu_item").click(function(){
 
$(".submenu_control_icon", this).toggleClass("open");
 
$(this).next(".submenu").fadeToggle(400);
 
});
 
 
//mobile menu access
 
$(".igem_2019_team_mobile_bar").click(function(){
 
$(this).next().toggleClass("displaying_menu");
 
});
 
 
});
 
 
 
function highlight_current_page_menu() {
 
 
var page_url="https://2019.igem.org/";
 
page_url = page_url + wgPageName;
 
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 
 
}
 
}
 
  
  
Line 252: Line 214:
 
/*general styling*/
 
/*general styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
 +
@font-face {
 +
font-family: 'MavenPro';
 +
src: url('https://static.igem.org/mediawiki/2019/0/05/T--Mingdao--MavenPro-Regular.ttf')  format('truetype'),
 +
      url('https://static.igem.org/mediawiki/2019/a/a6/T--Mingdao--MavenPro-Regular.woff') format('woff');
 +
font-weight: normal;
 +
font-style: normal;
 +
}
 +
 +
@font-face {
 +
font-family: 'MavenPro';
 +
src: url('https://static.igem.org/mediawiki/2019/3/34/T--Mingdao--MavenPro-Bold.ttf')  format('truetype'),
 +
      url('https://static.igem.org/mediawiki/2019/7/74/T--Mingdao--MavenPro-Bold.woff') format('woff');
 +
font-weight: bold;
 +
font-style: normal;
 +
}
 +
 +
@font-face {
 +
font-family: 'Barlow Condensed';
 +
src: url('https://static.igem.org/mediawiki/2019/4/4e/T--Mingdao--BarlowCondensed-Regular.ttf')  format('truetype'),
 +
      url('https://static.igem.org/mediawiki/2019/7/76/T--Mingdao--BarlowCondensed-Regular.woff') format('woff');
 +
font-weight: normal;
 +
font-style: normal;
 +
}
  
 
/*size for title h tags*/
 
/*size for title h tags*/
Line 266: Line 252:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;
 
color: #635d5d;
font-family: "Arial Black", Gadget, sans-serif;
+
/*font-family: "Comic Sans MS", "Arial Black", Gadget, sans-serif;*/
 +
                font-family: 'MavenPro', 'Open Sans Condensed', sans-serif;
 
padding: 10px 0px;
 
padding: 10px 0px;
 
}
 
}
Line 277: Line 264:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;   
 
color: #635d5d;   
font-family: "Arial Black", Gadget, sans-serif;
+
/*font-family: "Comic Sans MS", "Arial Black", Gadget, sans-serif;*/
 +
                font-family: 'MavenPro', 'Open Sans Condensed', sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 284: Line 272:
 
.igem_2019_team_content .igem_2019_team_column_wrapper p {  
 
.igem_2019_team_content .igem_2019_team_column_wrapper p {  
 
font-size: 130%;
 
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
+
/*font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;*/
 +
                font-family: 'MavenPro', 'Open Sans Condensed', sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
text-align: left;
 
text-align: left;
 
color: #484848;
 
color: #484848;
 
}
 
}
 
+
.igem_2019_team_content .igem_2019_team_column_wrapper p{
 +
              font-family: 'MavenPro'!important;
 +
        }
 +
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2, .igem_2019_team_content .igem_2019_team_column_wrapper h3, .igem_2019_team_content .igem_2019_team_column_wrapper h4, .igem_2019_team_content .igem_2019_team_column_wrapper h5, .igem_2019_team_content .igem_2019_team_column_wrapper h6{
 +
              font-family: 'MavenPro'!important;
 +
        }
 
/* Links a tag*/
 
/* Links a tag*/
 
.igem_2019_team_content .igem_2019_team_column_wrapper a {
 
.igem_2019_team_content .igem_2019_team_column_wrapper a {
 
color: #00a19b;
 
color: #00a19b;
 
font-weight: bold;  
 
font-weight: bold;  
text-decoration: underline;
+
text-decoration: none;
 
text-decoration-color:#00a19b;
 
text-decoration-color:#00a19b;
 
transition: all 0.4s ease;
 
transition: all 0.4s ease;
Line 309: Line 303:
 
}
 
}
  
 
+
/* a */
/* Table tag*/
+
.igem_2019_team_content .igem_2019_team_column_wrapper a {
.igem_2019_team_content .igem_2019_team_column_wrapper table {  
+
text-decoration: none;
border: 1px solid #635d5d;
+
border-collapse: collapse;
+
font-size: 130%;
+
width: 100%;  
+
 
}
 
}
 
/* table cells */
 
.igem_2019_team_content .igem_2019_team_column_wrapper td {
 
border: 1px solid #cecece;
 
border-collapse: collapse;
 
font-size: 105%;
 
padding: 10px;
 
vertical-align: text-top;
 
}
 
 
/* table headers */
 
.igem_2019_team_content .igem_2019_team_column_wrapper th {
 
background-color:#cecece;
 
border: 1px solid #635d5d;
 
border-collapse: collapse;
 
font-size: 110%;
 
padding: 10px;
 
vertical-align: text-top;
 
}
 
 
 
  
 
/* non numbered lists */
 
/* non numbered lists */
 
.igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
 
.igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
 
font-size: 130%;
 
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
+
/*font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;*/
 +
                font-family: 'MavenPro', 'Open Sans Condensed', sans-serif;
 
padding:0px 20px;
 
padding:0px 20px;
 
}
 
}
Line 523: Line 493:
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
  
  
Line 538: Line 509:
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 
+
        <link rel="stylesheet" href="https://2019.igem.org/Template:Mingdao/CSS/Font-Awesome?action=raw&ctype=text/css">
 +
        <link rel="stylesheet" href="https://2019.igem.org/Template:Mingdao/CSS/Bootstrap?action=raw&ctype=text/css">
 +
        <script type="text/javascript" src="https://2019.igem.org/Template:Mingdao/JS/jQuery?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2019.igem.org/Template:Mingdao/JS/Popper?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2019.igem.org/Template:Mingdao/JS/Bootstrap?action=raw&ctype=text/javascript"></script>
 
</head>
 
</head>
  
Line 913: Line 888:
  
 
.path-btns {
 
.path-btns {
   position: fixed;
+
   position: -webkit-sticky;
 +
  position: sticky;
 +
  z-index: 1020;
 
   width: 250px;
 
   width: 250px;
 
   top: 100px;
 
   top: 100px;
Line 1,035: Line 1,012:
 
             margin: 20px auto !important;
 
             margin: 20px auto !important;
 
           }
 
           }
 
.bg-dark {
 
  background-color: #343a40 !important;
 
}
 
 
.text-white {
 
  color: #fff !important;
 
}
 
 
.text-secondary {
 
  color: #6c757d !important;
 
}
 
 
.text-info {
 
  color: #17a2b8 !important;
 
}
 
 
.text-y {
 
color: #67C2B8 !important;
 
}
 
 
.text-o {
 
  color: #99D2D8 !important;
 
}
 
 
.bg-main {
 
  background-color: #F5F6CE !important;
 
}
 
 
.bg-secondary {
 
  background-color: #CEF6EC !important;
 
}
 
 
.bg-last{
 
  background-color: #FDEDEF !important;
 
}
 
 
.text-c{
 
  color: #FA9829 !important;
 
}
 
 
.text-l{
 
  color: #F08392 !important;
 
}
 
 
.text-k{
 
  color: #FD9564 !important;
 
}
 
 
tr{
 
  font-family:verdana !important;
 
  font-size:15px !important;
 
  color: #7A7B7A !important;
 
  background-color: #E6FEF8 !important;
 
}
 
 
th{
 
  font-family:verdana !important;
 
  font-size:25px !important;
 
  background-color: #73A7B0 !important;
 
  color: #FFFFFF !important;
 
 
}
 
  
 
.text-decoration-none {
 
.text-decoration-none {

Latest revision as of 01:42, 22 October 2019