Difference between revisions of "Template:UPF CRG Barcelona"

 
(28 intermediate revisions by one other user not shown)
Line 46: Line 46:
  
  
−
<style>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
/**************************************************************************************************************************************************************************************************/
+
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=2.5" />
 +
  <!-- Title, Description -->
 +
  <title>Wiki</title>
 +
  <meta name="description" content="UPF CRG Barcelona 2018">
 +
  <!-- Open Graph Metadata -->
 +
  <meta property="og:url" content="" /> <!-- PAGE URL -->
 +
  <meta property="og:type" content="website" /> <!-- TYPE -->
 +
  <meta property="og:title" content="" /> <!-- TITLE -->
 +
  <meta property="og:description" content="" /> <!-- DESCRIPTION-->
 +
  <meta property="og:image" content="" /> <!-- IMAGE URL -->
  
 +
</head>
  
−
/**************************************************************************************************************************************************************************************************/
+
<style>
−
/* DEFAULT WIKI SETTINGS */
+
.mw-body {
−
/**************************************************************************************************************************************************************************************************/
+
  width: 100% !important;
 +
  padding: 0 !important;
 +
  margin: 0 !important;
 +
}
 +
#top_title {
 +
  display: none;
 +
}
  
 +
    a {
 +
      text-decoration: none !important;
 +
      -webkit-tap-highlight-color: transparent;
 +
      p {
 +
        text-decoration: none !important;
 +
      }
 +
    }
 +
:focus {
 +
    outline: none !important;
 +
}
  
−
#home_logo, #sideMenu { display:none; }
+
p, ol>li, .container>div>ul>li {
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
  font-size: 1rem;
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
}
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
 
+
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* MENU */
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*this wraps the whole of the menu*/
+
−
.igem_2018_team_menu {
+
−
background-color:#c4baba;
+
−
border-left: 1px solid #c4baba;
+
−
display:none;
+
−
float:right;
+
−
height:100vh;
+
−
max-width: 270px;
+
−
overflow-y: auto;
+
−
overflow-x: hidden;
+
−
padding:0px;
+
−
position:fixed;
+
−
right:0%;
+
−
text-align:left;
+
−
width: 15%;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_menu.displaying_menu{
+
−
display:none;
+
−
}
+
−
 
+
−
.igem_2018_team_menu  a {
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
.igem_2018_team_menu img {
+
−
width:100%;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_menu .menu_item {
+
−
    background-color: #c4baba;
+
−
    border-bottom: 1px solid #928b8b;
+
−
    clear: both;
+
−
color: #484848;
+
−
    cursor: pointer;
+
−
float: left;
+
−
    font-size: 120%;
+
−
    font-weight: bold;
+
−
    padding: 15px 0px 15px 5%;
+
−
  width: 100%;
+
−
}
+
−
 
+
−
.igem_2018_team_menu .menu_item.direct_link {
+
−
color: #484848;
+
−
padding-left: 15%;
+
−
}
+
−
.igem_2018_team_menu .menu_item:hover {
+
−
background-color: #ecb656;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
+
−
color: #484848;
+
−
float: left;
+
−
width: 10%;
+
−
}
+
−
 
+
−
/* submenu icon "+"  "-"*/
+
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
+
−
content: "+";
+
−
}
+
−
 
+
−
/* submenu icon "+"  "-"*/
+
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
−
content: "-";
+
−
}
+
−
 
+
−
/*submenu wrapper*/
+
−
.igem_2018_team_menu .submenu{
+
−
background-color: #e4dede;
+
−
clear:both;
+
−
display:none;
+
−
float: left; 
+
−
width:100%;
+
−
}
+
−
 
+
−
/*styling for a submenu item*/
+
−
.igem_2018_team_menu .submenu .submenu_item {
+
−
border-bottom: 1px solid #c4baba;
+
−
  color: #635d5d;
+
−
    height: 30px;
+
−
  float: left;
+
−
    font-size: 110%;
+
−
font-weight: bold;
+
−
    padding: 12px 0px 0px 15%;
+
−
    width: 100%;
+
−
}
+
−
 
+
−
.igem_2018_team_menu .submenu .submenu_item:hover {
+
−
background-color: #f3bd5d;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
+
−
.igem_2018_team_menu .menu_item.current_page,
+
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
−
background-color:#7acbd8;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/*mobile menu bar styling*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
.igem_2018_team_mobile_bar {
+
−
background-color:#e4dede;
+
−
border-bottom: 1px solid #c4baba;
+
−
cursor:pointer;
+
−
display:none;
+
−
float:left;
+
−
margin-top: 0;
+
−
padding: 5px 0;
+
−
position:fixed;
+
−
width:100%;
+
−
}
+
−
 
+
−
.igem_logo_mobile img {
+
−
width:70px;
+
−
}
+
−
 
+
−
.igem_logo_mobile {
+
−
float:left;
+
−
padding-left: 5%;
+
−
width: 30%;
+
−
}
+
−
 
+
−
.igem_menu_control_mobile img {
+
−
width:25px;
+
−
}
+
−
 
+
−
.igem_menu_control_mobile {
+
−
float:right;
+
−
padding-right:5%;
+
−
padding-top:5px;
+
−
text-align:right;
+
−
width: 30%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* CONTENT OF THE PAGE */
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*layout classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
+
−
/*support classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*mobile*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
  
 +
a:visited, a:hover, a:active, a:link {
 +
  color: inherit;
 +
}
  
 +
@media screen and (min-width: 400px) {
  
 +
  .container,
 +
  .container-centered,
 +
  main {
 +
    padding: 0;
 +
  }
 +
}
  
 
</style>
 
</style>
−
 
−
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
 
−
<head>
 
−
 
−
<!-- This tells the browser that your page is responsive -->
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
 
−
</head>
 
−
 
−
 
−
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- Menu --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<div style="width: 100%;">
 
−
<div style="width: 100%;">
 

Latest revision as of 13:28, 5 December 2018

Wiki