|
|
| Line 2: |
Line 2: |
| | {{Uppsala/Bootstrap-theme.css}} | | {{Uppsala/Bootstrap-theme.css}} |
| | <html> | | <html> |
| | + | <head> |
| | <style type="text/css"> | | <style type="text/css"> |
| | + | |
| | + | #HQ_page p { |
| | + | text-align: left; |
| | + | } |
| | + | |
| | + | #HQ_page h2, #HQ_page p, #HQ_page h3, #HQ_page h4, figcaption { |
| | + | color: #34495e; |
| | + | } |
| | + | |
| | + | figcaption { |
| | + | font-style: italic; |
| | + | margin-bottom: 10px; |
| | + | } |
| | + | |
| | + | #HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4 { |
| | + | /*margin: 1.414em 0 0.5em; */ |
| | + | font-weight: inherit; |
| | + | line-height: 1.2; |
| | + | } |
| | + | |
| | + | #HQ_page h1 { |
| | + | margin-top: 0; |
| | + | font-size: 6.854em; |
| | + | } |
| | + | |
| | + | div.thumb div { |
| | + | border: 0px solid white; |
| | + | } |
| | + | |
| | + | #HQ_page h2 {font-size: 4.236em;} |
| | + | |
| | + | #HQ_page h3 {font-size: 2.618em;} |
| | + | |
| | + | #HQ_page h4 {font-size: 1.618em;} |
| | + | |
| | + | #HQ_page p { |
| | + | /* line-height: 33px; */ |
| | + | line-height: 1.45; |
| | + | /* font-size: 22px; */ |
| | + | font-size: 1.25em; |
| | + | font-family: 'Lora', serif; |
| | + | } |
| | + | </style> |
| | | | |
| | <script> | | <script> |
| Line 79: |
Line 123: |
| | else { | | else { |
| | setTimeout(hide_show_menu, 15); | | setTimeout(hide_show_menu, 15); |
| − | }
| + | , } |
| | } | | } |
| | | | |
| Line 87: |
Line 131: |
| | | | |
| | </script> | | </script> |
| − | /* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/
| + | </head> |
| − |
| + | |
| − | top_menu_14,
| + | |
| − | #top_menu_under,
| + | |
| − | #top_menu_inside {
| + | |
| − | box-sizing: initial;
| + | |
| − | }
| + | |
| − |
| + | |
| − | top_menu_inside {
| + | |
| − | margin-left: 20px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | bars_box,
| + | |
| − | #menu_BarsBox,
| + | |
| − | h5 {
| + | |
| − | -webkit-box-sizing: initial;
| + | |
| − | box-sizing: initial;
| + | |
| − | line-height: normal;
| + | |
| − | }
| + | |
| − |
| + | |
| − | menu_BarsBox > h5 {
| + | |
| − | color: rgb(0, 0, 0);
| + | |
| − | font-family: arial, sans-serif;
| + | |
| − | font-size: 12px;
| + | |
| − | line-height: normal;
| + | |
| − | margin-bottom: 0px;
| + | |
| − | margin-top: 0px;
| + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .accordion-content li {
| + | |
| − | -height: 18px;
| + | |
| − | -webkit-box-sizing: initial;
| + | |
| − | box-sizing: initial;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .accordion-header,
| + | |
| − | .active-header,
| + | |
| − | .accordion-header_noaction {
| + | |
| − | -webkit-box-sizing: initial;
| + | |
| − | box-sizing: initial;
| + | |
| − | color: rgb(101, 100, 89);
| + | |
| − | font-family: Arial, Gadget, sans-serif;
| + | |
| − | font-size: 13.92px;
| + | |
| − | font-weight: bold;
| + | |
| − | line-height: normal;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sideMenu, #top_title {
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #sideMenu {
| + | |
| − | width: 200px;
| + | |
| − | position: fixed;
| + | |
| − | }
| + | |
| − | | + | |
| − | #content {
| + | |
| − | width: 100% !important;
| + | |
| − | padding:0px;
| + | |
| − | margin-top:-7px;
| + | |
| − | margin: auto;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .expand_Submenus { height:30px |!important;}
| + | |
| − | | + | |
| − | .menuDisplay.MainPage_menu.main.expand_Submenu { height: 30px |!important;}
| + | |
| − | {
| + | |
| − | width: 170 |!important;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| − | | + | |
| − | <!-- Blog stuff -->
| + | |
| − | .blog-header {
| + | |
| − | padding-top: 20px;
| + | |
| − | padding-bottom: 20px;
| + | |
| − | }
| + | |
| − | #blog_page .blog-title {
| + | |
| − | margin-top: 30px;
| + | |
| − | margin-bottom: 0;
| + | |
| − | font-size: 60px;
| + | |
| − | color: #34495e;
| + | |
| − | font-weight: normal;
| + | |
| − | }
| + | |
| − | .blog-description {
| + | |
| − | font-size: 20px;
| + | |
| − | color: #999;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Sidebar modules for boxing content */
| + | |
| − | .sidebar-module {
| + | |
| − | padding: 15px;
| + | |
| − | margin: 0 -15px 15px;
| + | |
| − | }
| + | |
| − | .sidebar-module-inset {
| + | |
| − | padding: 15px;
| + | |
| − | background-color: #f5f5f5;
| + | |
| − | border-radius: 4px;
| + | |
| − | }
| + | |
| − | .sidebar-module-inset p:last-child,
| + | |
| − | .sidebar-module-inset ul:last-child,
| + | |
| − | .sidebar-module-inset ol:last-child {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*
| + | |
| − | * Blog posts
| + | |
| − | */
| + | |
| − | | + | |
| − | .blog-post {
| + | |
| − | margin-bottom: 60px;
| + | |
| − | }
| + | |
| − | .blog-post-title {
| + | |
| − | margin-bottom: 5px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | .blog-post-meta {
| + | |
| − | margin-bottom: 20px;
| + | |
| − | color: #999;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | html body div.
| + | |
| − | </style> | + | |
| | </html> | | </html> |
