Difference between revisions of "Template:Grenoble-Alpes"
NoreenLouis (Talk | contribs) |
NoreenLouis (Talk | contribs) |
||
| (17 intermediate revisions by 2 users not shown) | |||
| Line 109: | Line 109: | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
.igem_2017_menu_wrapper { | .igem_2017_menu_wrapper { | ||
| − | width: | + | width: 15%; |
| − | height: | + | height:100vh; |
position:fixed; | position:fixed; | ||
| − | right:0%; | + | right:0%; |
padding:0px; | padding:0px; | ||
float:right; | float:right; | ||
border-left: 1px solid #d3d3d3; | border-left: 1px solid #d3d3d3; | ||
| − | + | background-color:#dddddd; | |
text-align:left; | text-align:left; | ||
| − | font-family: | + | font-family:Tahoma, Geneva, 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: 100%; |
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: #5e5f5f; |
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: "+"; | |
} | } | ||
.open::before { | .open::before { | ||
| − | + | 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; | |
text-decoration: none; | text-decoration: none; | ||
| − | color:# | + | color:#ffffff; |
} | } | ||
/* 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:#7fc1f7 !important; |
| − | color: # | + | color:#5e5f5f !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: 100%; |
padding: 10px 0px 10px 34px; | padding: 10px 0px 10px 34px; | ||
float:left; | float:left; | ||
| − | + | background-color:#f2f2f2; | |
| − | + | border-bottom: 1px solid #d3d3d3; | |
font-size: 12px; | font-size: 12px; | ||
| − | color: # | + | color: #5e5f5f; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Line 222: | Line 222: | ||
.igem_2017_content_wrapper { | .igem_2017_content_wrapper { | ||
width: 81%; | width: 81%; | ||
| − | margin: | + | margin: 2%; |
display:block; | display:block; | ||
float:left; | float:left; | ||
background-color:white; | background-color:white; | ||
| − | font-family: | + | font-family:Tahoma, Geneva, sans-serif; |
} | } | ||
| Line 236: | Line 236: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
| − | color: # | + | color: #3399ff; |
| − | + | ||
} | } | ||
| Line 245: | Line 244: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
| − | color: # | + | color: #000000; |
} | } | ||
| Line 253: | Line 252: | ||
padding: 0px 15px; | padding: 0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
| + | text-align: justify; | ||
| + | |||
} | } | ||
| Line 258: | Line 259: | ||
.igem_2017_content_wrapper a { | .igem_2017_content_wrapper a { | ||
font-weight: bold; | font-weight: bold; | ||
| − | text-decoration: | + | text-decoration: underline; |
| − | text-decoration-color: # | + | text-decoration-color: #3399ff; |
| − | color: # | + | color: #3399ff; |
-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 271: | Line 272: | ||
.igem_2017_content_wrapper a:hover { | .igem_2017_content_wrapper a:hover { | ||
text-decoration:none; | text-decoration:none; | ||
| − | color: # | + | color:#000000; |
} | } | ||
| Line 278: | Line 279: | ||
padding:0px 20px; | padding:0px 20px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: | + | font-family:Tahoma, Geneva, sans-serif; |
} | } | ||
| Line 285: | Line 286: | ||
padding:0px; | padding:0px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: | + | font-family:Tahoma, Geneva, sans-serif; |
} | } | ||
| Line 342: | Line 343: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
} | } | ||
| + | |||
| Line 456: | Line 458: | ||
<!-- 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"> |
| − | + | ||
| − | + | ||
</head> | </head> | ||
Latest revision as of 09:09, 28 June 2017
Grenoble-Alpes
