Difference between revisions of "Template:Grenoble-Alpes"
(Prototype team template page) |
NoreenLouis (Talk | contribs) |
||
| Line 109: | Line 109: | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
.igem_2017_menu_wrapper { | .igem_2017_menu_wrapper { | ||
| − | width: | + | width: 100%; |
| − | height: | + | height:10%; |
position:fixed; | position:fixed; | ||
| − | right:0%; | + | right:0%; /*Position du menu*/ |
padding:0px; | padding:0px; | ||
float:right; | float:right; | ||
border-left: 1px solid #d3d3d3; | border-left: 1px solid #d3d3d3; | ||
| − | background-color:#dddddd; | + | /*background-color:#dddddd; */ |
text-align:left; | text-align:left; | ||
| − | font-family: | + | font-family:'Ubuntu', Helvetica, Arial, sans-serif; |
overflow-y: auto; | overflow-y: auto; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
| Line 142: | Line 142: | ||
/* styling for the menu buttons */ | /* styling for the menu buttons */ | ||
.igem_2017_menu_wrapper .menu_button { | .igem_2017_menu_wrapper .menu_button { | ||
| − | width: | + | width: 10%; |
padding: 10px 0px 10px 15px; | padding: 10px 0px 10px 15px; | ||
| − | float:left; | + | float:left; |
border-bottom: 1px solid #d3d3d3; | border-bottom: 1px solid #d3d3d3; | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
| − | color: # | + | color: #18457D; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Line 170: | Line 170: | ||
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { | ||
| − | content: "+"; | + | /*content: "+"; */ |
} | } | ||
.open::before { | .open::before { | ||
| − | content: "-" !important; | + | /*content: "-" !important; */ |
} | } | ||
| Line 181: | Line 181: | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | ||
| − | background-color: #3399ff; | + | /*background-color: #3399ff; */ |
text-decoration: none; | text-decoration: none; | ||
| − | color:# | + | color:#1F97C6; |
} | } | ||
/* styling for the menu button when it is the current page */ | /* styling for the menu button when it is the current page */ | ||
.current_page { | .current_page { | ||
| − | background-color:# | + | background-color:#AFAFAF !important; |
| − | color:# | + | color: #1F97C6 !important; |
} | } | ||
| Line 195: | Line 195: | ||
/* styling for the submenu buttons */ | /* styling for the submenu buttons */ | ||
.igem_2017_menu_wrapper .submenu_button { | .igem_2017_menu_wrapper .submenu_button { | ||
| − | width: | + | width: auto; |
padding: 10px 0px 10px 34px; | padding: 10px 0px 10px 34px; | ||
float:left; | float:left; | ||
| − | background-color:#f2f2f2; | + | /*background-color:#f2f2f2; */ |
| − | border-bottom: 1px solid #d3d3d3; | + | /*border-bottom: 1px solid #d3d3d3; */ |
font-size: 12px; | font-size: 12px; | ||
| − | color: # | + | color: #1F97C6; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Line 222: | Line 222: | ||
.igem_2017_content_wrapper { | .igem_2017_content_wrapper { | ||
width: 81%; | width: 81%; | ||
| − | margin: | + | margin: 0%; |
display:block; | display:block; | ||
float:left; | float:left; | ||
background-color:white; | background-color:white; | ||
| − | font-family: | + | font-family:'Vollkorn', Georgia, Times, serif; |
} | } | ||
| Line 236: | Line 236: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
| − | color: # | + | color: #1F97C6; |
| + | font-family:'Ubuntu', Helvetica, Arial, sans-serif; | ||
} | } | ||
| Line 244: | Line 245: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
| − | color: # | + | color: #18457D; |
} | } | ||
| Line 257: | Line 258: | ||
.igem_2017_content_wrapper a { | .igem_2017_content_wrapper a { | ||
font-weight: bold; | font-weight: bold; | ||
| − | text-decoration: | + | text-decoration: none; |
| − | text-decoration-color: # | + | text-decoration-color: #AFAFAF; |
| − | color: # | + | color: #AFAFAF; |
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
-moz-transition: all 0.4s ease; | -moz-transition: all 0.4s ease; | ||
| Line 270: | Line 271: | ||
.igem_2017_content_wrapper a:hover { | .igem_2017_content_wrapper a:hover { | ||
text-decoration:none; | text-decoration:none; | ||
| − | color:# | + | color: #18457D; |
} | } | ||
| Line 277: | Line 278: | ||
padding:0px 20px; | padding:0px 20px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: | + | font-family:'Vollkorn', Georgia, Times, serif; |
} | } | ||
| Line 284: | Line 285: | ||
padding:0px; | padding:0px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: | + | font-family:'Vollkorn', Georgia, Times, serif; |
} | } | ||
| Line 341: | Line 342: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
} | } | ||
| − | |||
| Line 456: | Line 456: | ||
<!-- 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 href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'> | ||
| + | <link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'> | ||
</head> | </head> | ||
Revision as of 11:25, 26 June 2017
Grenoble-Alpes
