Difference between revisions of "Template:Austin UTexas"
(Undo revision 49344 by Martinez.zacharya (talk)) |
|||
| Line 107: | Line 107: | ||
/**************************************************************** MENU ***************************************************************/ | /**************************************************************** MENU ***************************************************************/ | ||
| − | + | /* Wrapper for the menu */ | |
| − | + | .igem_2017_menu_wrapper { | |
| − | + | width: 15%; | |
| − | + | height:100vh; | |
| − | + | position:fixed; | |
| − | + | right:0%; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | /* Wrapper for the menu */ | + | |
| − | . | + | |
| − | width: | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
padding:0px; | padding:0px; | ||
| − | + | float:right; | |
| − | + | border-left: 1px solid #d3d3d3; | |
| − | + | background-color:#dddddd; | |
| − | + | text-align:left; | |
| − | + | font-family:Tahoma, Geneva, sans-serif; | |
| − | + | overflow-y: auto; | |
| − | + | overflow-x: hidden; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | border- | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | /* | + | /* this hides the scrollbar to keep view consistency */ |
| − | . | + | .igem_2017_menu_wrappe::-webkit-scrollbar { |
| − | + | display: none; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | /* | + | |
| − | . | + | /* styling for links in the menu, removes the line under text */ |
| − | + | .igem_2017_menu_wrapper a { | |
| − | + | text-decoration: none; | |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* styling for the | + | |
| − | + | /* styling for the images in the menu */ | |
| − | width:100% | + | .igem_2017_menu_wrapper img { |
| − | + | width: 100%; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | /* styling for | + | /* styling for the menu buttons */ |
| − | . | + | .igem_2017_menu_wrapper .menu_button { |
| − | width:100% | + | width: 100%; |
| − | + | padding: 10px 0px 10px 15px; | |
| − | padding: 0px | + | float:left; |
| − | + | border-bottom: 1px solid #d3d3d3; | |
| − | border-bottom: 1px solid #d3d3d3 | + | font-size: 12px; |
| − | font- | + | font-weight: bold; |
| − | + | color: #5e5f5f; | |
| − | color:# | + | cursor: pointer; |
| − | + | ||
| − | + | ||
| − | cursor:pointer; | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | |
| − | width: 100%; | + | .igem_2017_menu_wrapper .menu_bottom_padding { |
| − | + | width: 100%; | |
| − | + | height: 30px; | |
| − | + | float:left; | |
| − | + | ||
} | } | ||
| − | + | .menu_button.direct_to_page { | |
| − | . | + | padding-left: 36px; |
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { | ||
| + | width:10%; | ||
| + | float:left; | ||
} | } | ||
| − | /* | + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { |
| − | + | content: "+"; | |
| − | + | } | |
| − | + | ||
| − | + | .open::before { | |
| + | content: "-" !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* 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 { | ||
| + | background-color: #3399ff; | ||
| + | text-decoration: none; | ||
| + | color:#ffffff; | ||
} | } | ||
| − | /*styling for the | + | /* styling for the menu button when it is the current page */ |
| − | + | .current_page { | |
| − | + | background-color:#7fc1f7 !important; | |
| − | + | color:#5e5f5f !important; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | /* | + | /* styling for the submenu buttons */ |
| − | . | + | .igem_2017_menu_wrapper .submenu_button { |
width: 100%; | width: 100%; | ||
| − | padding: | + | padding: 10px 0px 10px 34px; |
| − | + | float:left; | |
| − | border-bottom: 1px solid #d3d3d3; | + | background-color:#f2f2f2; |
| − | + | border-bottom: 1px solid #d3d3d3; | |
| − | + | font-size: 12px; | |
| − | + | color: #5e5f5f; | |
| + | cursor: pointer; | ||
} | } | ||
| − | . | + | /* wrapper for the submenu items, they are hidden by default*/ |
| − | + | .igem_2017_menu_wrapper .submenu_wrapper { | |
| − | + | display:none; | |
} | } | ||
| − | + | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ | |
| − | /* | + | .igem_2017_menu_wrapper #display_menu_control { |
| − | . | + | display:none; |
| − | + | text-align:center; | |
| − | + | ||
| − | display:none | + | |
| − | + | ||
| − | text-align:center | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | |||
| − | /* | + | /***************************************************** CONTENT OF THE PAGE ****************************************************/ |
| − | . | + | |
| − | background-color: | + | /* Wrapper for the content */ |
| − | + | .igem_2017_content_wrapper { | |
| + | width: 81%; | ||
| + | margin: 2%; | ||
| + | display:block; | ||
| + | float:left; | ||
| + | background-color:white; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
| − | |||
Revision as of 06:35, 11 July 2017
Austin_UTexas
