|
|
(354 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| | | |
− | <style type="text/css">
| |
| | | |
| + | <!-- *************************************************** CSS PART ************************************************** --> |
| + | |
| + | |
| + | <style type="text/css"> |
| | | |
| | | |
| /***** CHANGE DEFAULT WIKI SETINGS *****/ | | /***** CHANGE DEFAULT WIKI SETINGS *****/ |
| + | |
| | | |
| #sideMenu, #top_title {display:none;} /*-- hide right menu bar per default --*/ | | #sideMenu, #top_title {display:none;} /*-- hide right menu bar per default --*/ |
Line 15: |
Line 19: |
| border: 0px; | | border: 0px; |
| background-color: transparent; | | background-color: transparent; |
− | margin: 0px; | + | margin: 0 0 10px 0; |
| padding: 0px; | | padding: 0px; |
| } | | } |
Line 24: |
Line 28: |
| } | | } |
| | | |
− | /****** PLACE HOLDER DIVS *******/ | + | |
| + | /***************** DON'T HAVE ANY F****** CLUE WHY, BUT THIS RESET IS VERY IMOPORTANT! *****************/ |
| + | /*reset padding, margin and list style*/ |
| + | body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { |
| + | padding:0; |
| + | margin:0; |
| + | /* list-style-image:url('');*/ |
| + | /* background-image:url('');*/ |
| + | border-bottom:none; |
| + | } |
| + | |
| + | |
| + | a:link { |
| + | text-decoration:none; |
| + | color: #000000; |
| + | font-weight: bold; |
| + | |
| + | } |
| + | |
| + | a:visited { |
| + | text-decoration: none; |
| + | color: #000000; |
| + | |
| + | } |
| + | |
| + | |
| + | a:hover { |
| + | color: #6f6f6f; |
| + | text-decoration: none; |
| + | |
| + | } |
| + | |
| + | h1,h2,h3,h4,h5,h6{ |
| + | font-weight:normal; |
| + | font-size:100%; |
| + | } |
| + | p{ |
| + | line-height:150%; |
| + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
| + | } |
| + | body{ |
| + | background-color:#F7F7F7; |
| + | } |
| + | |
| + | td{ |
| + | text-align: center; |
| + | } |
| + | |
| + | #top-section{ |
| + | display:block; |
| + | position:relative; |
| + | margin-top:10px; |
| + | background:none; |
| + | |
| + | } |
| + | |
| + | .text ul { |
| + | list-style-type: disc !important; |
| + | } |
| + | |
| + | /*end of the reset*/ |
| + | |
| + | /***************************************************************/ |
| + | |
| + | |
| + | /****** PLACE HOLDER DIVS FROM EXAMPLE WIKI TEAMPLATE *******/ |
| | | |
| | | |
Line 70: |
Line 139: |
| font-weight:bold; | | font-weight:bold; |
| } | | } |
| + | |
| + | |
| | | |
| | | |
| /************************* SIDE BAR *************************/ | | /************************* SIDE BAR *************************/ |
| + | |
| + | html,body,.container { |
| + | height:100%; |
| + | } |
| + | |
| | | |
| /* Side Bar */ | | /* Side Bar */ |
Line 161: |
Line 237: |
| line-height:24px; | | line-height:24px; |
| } | | } |
− |
| |
− | /*
| |
− | @media (max-width: 690px) {
| |
− | .sidebar {
| |
− |
| |
− | position: absolute;
| |
− | bottom:-1px;
| |
− | /*float:none;*/
| |
− | }
| |
− | }
| |
− | */
| |
| | | |
| | | |
Line 373: |
Line 438: |
| | | |
| | | |
− | /***** NOTEBOOK *****/ | + | /*****************************************************************************************/ |
| | | |
− | /* Wrapper for the menu */
| |
− | .notebook_wrapper {
| |
− | width:100%;
| |
− | margin: auto;
| |
− | text-align:left;
| |
| | | |
− | }
| |
| | | |
− | /* styling for the menu items */
| |
− | .notebook_item {
| |
− | width:95%;
| |
− |
| |
− | margin: 0 5px 0 5px;
| |
− | padding:10px;
| |
− | border-bottom: 1px solid #d3d3d3;
| |
− | color:#000000;
| |
− | cursor: pointer;
| |
− | }
| |
| | | |
| | | |
| | | |
− | /* when hovering on a menu item */
| |
− | .notebook_item:hover {
| |
− | color:#000000;
| |
− | background-color: #e7e7e7;
| |
− | }
| |
| | | |
− | /* when menu item is active */
| + | /***************************** FONTS, HEADINGS, DIVS, etc. ********************************/ |
− | .notebook_item:focus {
| + | |
− | color:#000000;
| + | |
− | background-color: #e7e7e7;
| + | |
− | }
| + | |
| | | |
− | /* decoration icon for the menu buttons*/
| + | #bodyContent{ |
− | .icon {
| + | background-color: #f5f8fa; |
− | float:right;
| + | |
− | font-size:16px;
| + | |
− | font-weight:bold;
| + | |
− | }
| + | |
− | | + | |
− | /* this is the icon for when the content is collapsed */
| + | |
− | .plus::before {
| + | |
− | content: "▾";
| + | |
− | }
| + | |
− | /* this is the icon for when the content is expanded */
| + | |
− | .less::before {
| + | |
− | content: "▾";
| + | |
− | }
| + | |
− | | + | |
− | /* styling for the ul that creates the buttons */
| + | |
− | ul.notebook_items {
| + | |
− | width:100%;
| + | |
− | margin-left:0px;
| + | |
− | padding:0px;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | | + | |
− | /* styling for the li that are the menu items */
| + | |
− | .notebook_items li {
| + | |
− | width:90%;
| + | |
− | margin-top:-2px;
| + | |
− | padding: 15px 0px 15px 15px ;
| + | |
− | display:block;
| + | |
− | border-bottom: 1px solid #d3d3d3;
| + | |
− | text-align:left;
| + | |
− | font-weight:bold;
| + | |
− | text-decoration:none;
| + | |
− | color:#000000;
| + | |
− | list-style-type:none;
| + | |
− | cursor:pointer;
| + | |
− | -webkit-transition: all 0.4s ease;
| + | |
− | -moz-transition: all 0.4s ease;
| + | |
− | -ms-transition: all 0.4s ease;
| + | |
− | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| + | |
− | }
| + | |
− | | + | |
− | .notebook_item a {
| + | |
− | width: 100%;
| + | |
− | margin-left: -20px;
| + | |
− | padding: 11px 90px 12px 20px;
| + | |
− | text-decoration: none;
| + | |
− | color:black;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* styling for the submenus */
| + | |
− | .notebook_submenu {
| + | |
− | width:90%;
| + | |
− | min-width:200px;
| + | |
− | display: none;
| + | |
− | cursor:pointer;
| + | |
− | color: #000000;
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | /* moving the margin for the submenu ul list */
| + | |
− | ul.notebook_submenu {
| + | |
− | width: 100%;
| + | |
− | margin: 10px 0px -11px 0px;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | | + | |
− | /*styling for the submenu buttons */
| + | |
− | .notebook_submenu li {
| + | |
− | width: 90%;
| + | |
− | margin-left: 10px;
| + | |
− | margin-bottom: 0px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* hover state for the submenu buttons */
| + | |
− | .notebook_submenu li a {
| + | |
− | width: 100%;
| + | |
− | padding: 5px 0px;
| + | |
− | display: inline-block;
| + | |
− | /* border-bottom: 1px solid #d3d3d3; */
| + | |
− | text-decoration:none;
| + | |
− | color: #000000;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | .notebook_submenu li a:hover {
| + | |
− | background-color:#d8d8d8;
| + | |
− | color:#000000;
| + | |
− | }
| + | |
− | | + | |
− | .notebook_content {
| + | |
− | width:102%;
| + | |
− | background-color:#ffffff;
| + | |
− | color:#000000;
| + | |
− | padding: 10px;
| + | |
− | margin:0 0 1px 5px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /***************************** FOOTER ********************************/
| + | |
− | | + | |
− | .footer {
| + | |
− | position: absolute;
| + | |
− | width:100%;
| + | |
− | height:50px;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | padding: 1rem;
| + | |
− | background-color: red;
| + | |
− | text-align: center;
| + | |
| } | | } |
| | | |
| | | |
| | | |
− | #info {
| |
− | width: 350px;
| |
− | height: 50px;
| |
− | background-color: #fedcba;
| |
− | position: absolute; /* (2.) */
| |
− | bottom: 0px; /* (3.) */
| |
− | right: 0px; /* (4.) */
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | #slider {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | strong {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | label {
| |
− | color: teal;
| |
− | cursor: pointer;
| |
− | text-decoration: none;
| |
− | }
| |
− | label:hover {
| |
− | color: #000 !important;
| |
− | }
| |
− | * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
| |
− | label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
| |
− | .catch { display: block; height: 0; overflow: hidden; }
| |
− | #slider {
| |
− | /* margin: 0 auto; */
| |
− | }
| |
− |
| |
− | .respond {
| |
− | /* margin: 0 auto; */
| |
− | max-width: 370px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /***************************** SLIDER********************************/
| |
− |
| |
− |
| |
− | /* Slider Setup */
| |
− |
| |
− | input {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #slide1:checked ~ #slides .inner { margin-left:0; }
| |
− | #slide2:checked ~ #slides .inner { margin-left:-100%; }
| |
− | #slide3:checked ~ #slides .inner { margin-left:-200%; }
| |
− | #slide4:checked ~ #slides .inner { margin-left:-300%; }
| |
− | #slide5:checked ~ #slides .inner { margin-left:-400%; }
| |
− |
| |
− |
| |
− | #overflow {
| |
− | width: 100%;
| |
− | overflow: hidden;
| |
− |
| |
− | }
| |
− |
| |
− | article img {
| |
− | width: 100%;
| |
− | margin-top: 3px;
| |
− | }
| |
− |
| |
− | #slides .inner {
| |
− | width: 500%;
| |
− | line-height: 0;
| |
− | }
| |
− |
| |
− | #slides article {
| |
− | width: 20%;
| |
− | float: left;
| |
− | }
| |
− |
| |
− | /* Slider Styling */
| |
− |
| |
− | /* Control Setup */
| |
− |
| |
− | #controls {
| |
− | margin: -25% 0 0 15%;
| |
− | width: 70%;
| |
− | height: 50px;
| |
− | }
| |
− |
| |
− | #controls label {
| |
− | display: none;
| |
− | width: 50px;
| |
− | height: 50px;
| |
− | opacity: 0.6;
| |
− | }
| |
− |
| |
− | #active {
| |
− | margin: 23% 0 0;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | #active label {
| |
− | -webkit-border-radius: 5px;
| |
− | -moz-border-radius: 5px;
| |
− | border-radius: 5px;
| |
− | display: inline-block;
| |
− | width: 10px;
| |
− | height: 10px;
| |
− | background: #bbb;
| |
− | }
| |
− |
| |
− | #active label:hover {
| |
− | background: #ccc;
| |
− | border-color: #777 !important;
| |
− | }
| |
− |
| |
− | #controls label:hover {
| |
− | opacity: 0.8;
| |
− | }
| |
− |
| |
− | #slide1:checked ~ #controls label:nth-child(2),
| |
− | #slide2:checked ~ #controls label:nth-child(3),
| |
− | #slide3:checked ~ #controls label:nth-child(4),
| |
− | #slide4:checked ~ #controls label:nth-child(5),
| |
− | #slide5:checked ~ #controls label:nth-child(1) {
| |
− | background: url('https://static.igem.org/mediawiki/2016/5/5f/T--Goettingen--Slider_next.png') no-repeat;
| |
− | float: right;
| |
− | margin: 0 -70px 0 0;
| |
− | display: block;
| |
− | }
| |
− |
| |
− |
| |
− | #slide1:checked ~ #controls label:nth-child(5),
| |
− | #slide2:checked ~ #controls label:nth-child(1),
| |
− | #slide3:checked ~ #controls label:nth-child(2),
| |
− | #slide4:checked ~ #controls label:nth-child(3),
| |
− | #slide5:checked ~ #controls label:nth-child(4) {
| |
− | background: url('https://static.igem.org/mediawiki/2016/e/e4/T--Goettingen--Slider_prev.png') no-repeat;
| |
− | float: left;
| |
− | margin: 0 0 0 -70px;
| |
− | display: block;
| |
− | }
| |
− |
| |
− | #slide1:checked ~ #active label:nth-child(1),
| |
− | #slide2:checked ~ #active label:nth-child(2),
| |
− | #slide3:checked ~ #active label:nth-child(3),
| |
− | #slide4:checked ~ #active label:nth-child(4),
| |
− | #slide5:checked ~ #active label:nth-child(5) {
| |
− | background: #333;
| |
− | border-color: #333 !important;
| |
− | }
| |
− |
| |
− |
| |
− | }
| |
− |
| |
− | /* Slider Styling */
| |
− |
| |
− | #slides {
| |
− | margin: 45px 0 0;
| |
− | padding: 1%;
| |
− | }
| |
− |
| |
− |
| |
− | /* Animation */
| |
− |
| |
− | #slides .inner {
| |
− | -webkit-transform: translateZ(0);
| |
− | -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
| |
− |
| |
− | -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
| |
− | transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
| |
− | }
| |
− |
| |
− | #slider {
| |
− | -webkit-transform: translateZ(0);
| |
− | -webkit-transition: all 0.5s ease-out;
| |
− | -moz-transition: all 0.5s ease-out;
| |
− | -o-transition: all 0.5s ease-out;
| |
− | transition: all 0.5s ease-out;
| |
− | }
| |
− |
| |
− | #controls label{
| |
− | -webkit-transform: translateZ(0);
| |
− | -webkit-transition: opacity 0.2s ease-out;
| |
− | -moz-transition: opacity 0.2s ease-out;
| |
− | -o-transition: opacity 0.2s ease-out;
| |
− | transition: opacity 0.2s ease-out;
| |
− | }
| |
− |
| |
− | .info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile {
| |
− | -webkit-transform: translateZ(0);
| |
− | -webkit-transition: all 0.5s ease-out;
| |
− | -moz-transition: all 0.5s ease-out;
| |
− | -o-transition: all 0.5s ease-out;
| |
− | transition: all 0.5s ease-out;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | /* Responsive Styling */
| |
− |
| |
− |
| |
− | @media only screen and (max-width: 850px) and (min-width: 450px) {
| |
− |
| |
− | #slider #controls {
| |
− | margin: -25% 0 0 15%;
| |
− | width: 30%;
| |
− | height: 50px;
| |
− | }
| |
− |
| |
− | #slider #controls label {
| |
− | -moz-transform: scale(0.8);
| |
− | -webkit-transform: scale(0.8);
| |
− | -o-transform: scale(0.8);
| |
− | -ms-transform: scale(0.8);
| |
− | transform: scale(0.8);
| |
− | }
| |
− |
| |
− | #slider #slides {
| |
− | padding: 1% 0;
| |
− | -webkit-border-radius: 0px;
| |
− | -moz-border-radius: 0px;
| |
− | border-radius: 0px;
| |
− | }
| |
− |
| |
− | #slider #active {
| |
− | margin: 22% 0 0;
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | @media only screen and (max-width: 450px) {
| |
− |
| |
− | #slider #controls {
| |
− | margin: -28% 0 0 24%;
| |
− | width: 50%;
| |
− | height: 50px;
| |
− | }
| |
− |
| |
− | #slider #active {
| |
− | margin: 23% 0 0;
| |
− | }
| |
− |
| |
− | #slider #slides {
| |
− | padding: 1% 0;
| |
− | -webkit-border-radius: 0px;
| |
− | -moz-border-radius: 0px;
| |
− | border-radius: 0px;
| |
− | }
| |
− |
| |
− | #slider #slides .info {
| |
− | opacity: 0 !important;
| |
− | }
| |
− |
| |
− | #slider #controls label {
| |
− | -moz-transform: scale(0.6);
| |
− | -webkit-transform: scale(0.6);
| |
− | -o-transform: scale(0.6);
| |
− | -ms-transform: scale(0.6);
| |
− | transform: scale(0.6);
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | @media only screen and (min-width: 850px) {
| |
− |
| |
− | body {
| |
− | padding: 0 80px;
| |
− | }
| |
− | }
| |
− |
| |
− | /*************************************************************/
| |
− |
| |
− |
| |
− | /***************************** FONTS, HEADINGS, DIVS, etc. ********************************/
| |
| | | |
| .firstHeading { | | .firstHeading { |
Line 919: |
Line 560: |
| a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} |
| | | |
− | .contentpara {margin-bottom: 30px;}
| |
| | | |
− | span.email{font-family: monospace; font-weight: normal;}
| |
| | | |
− | fieldset {border: 1px solid #337f53;}
| |
| | | |
− | .greyout {color: #A0A0A0;}
| |
− | .highlightme {background-color: #FFFF00;}
| |
| | | |
− | #alertContainer { margin-bottom: 10px; width: 936px;}
| |
− | #annContainer {margin-left: 8px;}
| |
− | #newsContainer {border: 1px solid #ccc;}
| |
| | | |
− | .newsTitle {
| |
− | display: block;
| |
− | color: #414141;
| |
− | font-size: 25px;
| |
− | font-family:Helvetica, Arial, sans-serif;
| |
− | padding: 10px 15px 5px 10px;
| |
− | border-bottom: 1px solid #ccc;
| |
− | margin-bottom: 0px;
| |
− | }
| |
| | | |
− | .newsItem {
| |
− | border-bottom: 1px solid #ccc;
| |
− | display: block;
| |
− | padding: 5px 15px 0px 10px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | .newsItem h3 {
| |
− | width: auto;
| |
− | display: inline;
| |
− | font-size: 14px;
| |
− | font-family: Arial, Helvetica, sans-serif;
| |
− | padding: 0px;
| |
− | margin: 0px;
| |
− | }
| |
− |
| |
− | .newsItem img {
| |
− | float: right;
| |
− | clear: right;
| |
− | width: 80px;
| |
− | padding-left: 15px;
| |
− | display: inline-block;
| |
− | }
| |
− |
| |
− | .newsItem .newsDate {
| |
− | font-style: italic;
| |
− | font-size: 14px;
| |
− | display: inline-block;
| |
− | color: #999;
| |
− | float: right;
| |
− | padding: 0px 0px 10px 15px;
| |
− | }
| |
− |
| |
− | .newsItem p, .newsItem ul, .newsItem li {
| |
− | padding: 0px;
| |
− | margin-left: 20px;
| |
− | font-size: 12px;
| |
− | line-height: 1.2;
| |
− | }
| |
− |
| |
− | .newsItem p {margin-top: 10px;}
| |
− |
| |
− | .annItem {
| |
− | border: 2px solid #414141;
| |
− | display: block;
| |
− | padding: 0px 15px 10px 10px;
| |
− | margin-bottom: 18px;
| |
− | position: relative;
| |
− | height: 160px;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | .annItem .annCentered {
| |
− | display: table-cell;
| |
− | vertical-align: middle;
| |
− | height: 160px;
| |
− | }
| |
− |
| |
− | .annCentered h3 {
| |
− | padding: 0px;
| |
− | display: block;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| |
− | .annItem li {list-style: none; margin: 5px}
| |
− |
| |
− |
| |
− | /*reset padding, margin and list style*/
| |
− | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
| |
− | padding:0;
| |
− | margin:0;
| |
− | list-style-type:none;
| |
− | list-style-image:url('');
| |
− | background-image:url('');
| |
− | border-bottom:none;
| |
− | }
| |
− | a{
| |
− | color:#6699FF;
| |
− | }
| |
− |
| |
− | a:link {
| |
− | text-decoration:none;
| |
− | color: #000000;
| |
− | font-weight: bold;
| |
− |
| |
− | }
| |
− |
| |
− | a:visited {
| |
− | text-decoration: none;
| |
− | color: #000000;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | a:hover {
| |
− | color: #6f6f6f;
| |
− | text-decoration: none;
| |
− |
| |
− | }
| |
− |
| |
− | h1,h2,h3,h4,h5,h6{
| |
− | font-weight:normal;
| |
− | font-size:100%;
| |
− | }
| |
− | p{
| |
− | line-height:150%;
| |
− | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
| |
− | }
| |
− | body{
| |
− | background-color:#F7F7F7;
| |
− | }
| |
− |
| |
− | td{
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | #top-section{
| |
− | display:block;
| |
− | position:relative;
| |
− | margin-top:10px;
| |
− | background:none;
| |
− |
| |
− | }
| |
− |
| |
− | /*end of the reset*/
| |
| | | |
| | | |
Line 1,132: |
Line 628: |
| margin: 10px 0 0 0; | | margin: 10px 0 0 0; |
| padding:5px; | | padding:5px; |
− | background-color:transparent; | + | background-color: #ffffff; |
| border-style:solid; | | border-style:solid; |
− | border-color:#CCC; | + | border-color: #ececec; |
| border-width:1px; | | border-width:1px; |
− | border-radius:4px; | + | border-radius:3px; |
| } | | } |
| .four{ | | .four{ |
Line 1,145: |
Line 641: |
| float:left; | | float:left; |
| } | | } |
| + | |
| + | .four img { |
| + | width:90%; |
| + | max-width:90px; |
| + | display:block; |
| + | margin-left:auto; |
| + | margin-right:auto; |
| + | } |
| + | |
| + | |
| #fourParts h1{ | | #fourParts h1{ |
| display:block; | | display:block; |
Line 1,198: |
Line 704: |
| | | |
| | | |
| + | .t-left table { |
| + | border: solid 4px white; |
| + | border-bottom: solid 1px #DDDDDD; |
| + | border-top: solid 2px #DDDDDD; |
| | | |
− | /*For the pre & next buttons*/
| |
− | .button_pre{
| |
− | display:block;
| |
− | float:left;
| |
− | margin:20px 0;
| |
− | padding:5px;
| |
− | border:solid 1px #2ebaff;
| |
− | border-radius:2px;
| |
− | }
| |
− | .button_pre:hover{
| |
− | color:white;
| |
− | background-color:#0099e8;
| |
− | }
| |
− | .button_next{
| |
− | display:block;
| |
− | float:right;
| |
− | margin:20px 0;
| |
− | padding:5px;
| |
− | border:solid 1px #2ebaff;
| |
− | border-radius:2px;
| |
− | }
| |
− | .button_next:hover{
| |
− | color:white;
| |
− | background-color:#0099e8;
| |
− | }
| |
− | .trans_zh{
| |
− | display:block;
| |
− | float:right;
| |
− | padding:5px;
| |
− | border:solid 1px #2ebaff;
| |
− | border-radius:2px;
| |
| } | | } |
| | | |
− | /*For the footer*/
| |
− | #footer{
| |
− | float:left;
| |
− | margin:40px auto;
| |
− | height:31px;
| |
− | width:1002px;
| |
− | border:solid 1px #CCC;
| |
− | }
| |
− | #copyrightIco{
| |
− | float:left;
| |
− | width:88px;
| |
− | height:31px;
| |
− | }
| |
| | | |
− | #list1 ul li{
| + | .t-center table { |
− | display:block;
| + | border: solid 4px white; |
− | float:left;
| + | border-bottom: solid 1px #DDDDDD; |
− | width:130px;
| + | border-top: solid 2px #DDDDDD; |
− | height:15px;
| + | |
− | text-align:center;
| + | |
− | font-size:10px;
| + | |
− | margin:0 15px;
| + | |
| } | | } |
| | | |
− | #list2 ul li{
| |
− | display:block;
| |
− | float:left;
| |
− | width:140px;
| |
− | height:15px;
| |
− | text-align:center;
| |
− | font-size:10px;
| |
− | margin:0 22px;
| |
− | }
| |
− | #poweredByIco{
| |
− | float:right;
| |
− | }
| |
− | #footerbanner{
| |
| | | |
− | float:left;
| + | .t-center th { |
− | margin:30px 0;
| + | text-align: center !important; |
− | /* height:150px; */
| + | border-right: solid 1px #DDDDDD; |
− | width:100%;
| + | border-left: solid 1px #DDDDDD; |
− | background-color:#404040;
| + | |
− | color:white;
| + | |
| } | | } |
| | | |
− | #footerbanner h1{
| + | .t-center td { |
− | color:white;
| + | text-align: left !important; |
| + | border-right: solid 1px #DDDDDD; |
| } | | } |
| | | |
− | #footerwidget1{
| |
− | float:left;
| |
− | width:60%;
| |
− | /* margin:15px 0 30px 0; */
| |
− | padding:10px;
| |
− | background-color:transparent;
| |
| | | |
| + | .t-left .table th { |
| + | text-align: left !important; |
| + | border-right: solid 1px #DDDDDD; |
| + | border-left: solid 1px #DDDDDD; |
| } | | } |
| | | |
− | #footerwidget2{
| |
− | float:right;
| |
− | width:30%;
| |
− | /* margin:15px 0 30px 0; */
| |
− | padding:10px;
| |
− | background-color:transparent;
| |
− | font-size:10px;
| |
| | | |
| + | .t-left .table td { |
| + | text-align: left !important; |
| + | border-right: solid 1px #DDDDDD; |
| + | border-left: solid 1px #DDDDDD; |
| } | | } |
| | | |
| | | |
− | /*For the subpage*/
| |
| | | |
− | /*next and previous buttons*/
| |
− | #goenext {
| |
− | float:right;
| |
− |
| |
− | }
| |
| | | |
− | /* For team part*/
| |
− | .teamM{
| |
− | float:left;
| |
− | /*width:690px;*/
| |
− | margin-top:10px;
| |
− | border-bottom-style:solid;
| |
− | border-width:2px;
| |
− | border-color:#CCC;
| |
− | }
| |
− | .teamM img{
| |
− | width:200px;
| |
− | height:250px;
| |
− | margin-top:36px;
| |
− | border-radius:8%;
| |
− | }
| |
| | | |
− | .titleLeft{ | + | |
− | float:left;
| + | |
− | width:200px;
| + | .exp { |
− | }
| + | padding:0px; |
− | .titleRight{
| + | margin:0px; |
− | float:right;
| + | width:80%; |
− | width:200px;
| + | background-repeat: no-repeat; |
− | }
| + | display: block; |
− | .content{
| + | margin:0 auto 0 auto; |
− | float:left;
| + | |
− | width:410px;
| + | |
− | margin-left:30px;
| + | |
− | margin-bottom:25px;
| + | |
| } | | } |
| | | |
| + | .img-noborder { |
| + | margin-top:-0.5px; |
| + | margin-left:-4.5px; |
| + | padding:0; |
| + | opacity: 0; |
| | | |
| + | } |
| | | |
− | .instructors{ | + | .img-noborder1 { |
− | float:left;
| + | margin-top:-0.5px; |
− | /*width:690px;*/
| + | padding:0; |
| + | opacity: 0; |
| | | |
− | margin-top:10px;
| |
− | border-bottom-style:solid;
| |
− | border-width:2px;
| |
− | border-color:#CCC;
| |
− | }
| |
− | .instructors img{
| |
− | display:block;
| |
− | float:left;
| |
− | width:200px;
| |
− | margin-top:36px;
| |
− | border-radius:8%;
| |
− | }
| |
− | .instructors h2{
| |
− | display:block;
| |
− | float:left;
| |
− | width:410px;
| |
− | height:36px;
| |
− | margin-left:25px;
| |
− | }
| |
− | .instructors h3{
| |
− | display:block;
| |
− | float:left;
| |
− | width:410px;
| |
− | margin-left:40px;
| |
− | }
| |
− | .instructors p{
| |
− | display:block;
| |
− | float:left;
| |
− | width:410px;
| |
− | margin-left:40px;
| |
− | margin-bottom:20px;
| |
− | }
| |
− | #instr2 img{
| |
− | float: right;
| |
− | }
| |
− | #instr2 h2{
| |
− | margin-left:0;
| |
− | }
| |
− | #instr2 p{
| |
− | margin-left:20px;
| |
| } | | } |
| | | |
− | .links a{ | + | .img-noborder:hover { |
− | display:none;
| + | |
| + | opacity: 1; |
| + | |
| } | | } |
− | /*For the acknowledge part*/
| + | |
− | .ackn{ | + | .img-noborder1:hover { |
− | float:left;
| + | |
− | width:688px;
| + | opacity: 1; |
− | }
| + | |
− | .ackn img{
| + | |
− | display:block;
| + | |
− | float:left;
| + | |
− | width:120px;
| + | |
− | margin-bottom:30px;
| + | |
− | padding:0 20px 0 20px;
| + | |
− | border-radius:6%;
| + | |
− | }
| + | |
− | .ackn h3{
| + | |
− | display:block;
| + | |
− | float:left;
| + | |
− | width:520px;
| + | |
− | height:36px;
| + | |
− | }
| + | |
− | .ackn p{
| + | |
− | display:block;
| + | |
− | float:left;
| + | |
− | width:520px;
| + | |
− | }
| + | |
− | #ackn2 img{
| + | |
− | float:right;
| + | |
− | }
| + | |
− | #ackn3 p{
| + | |
− | width:688px;
| + | |
− | }
| + | |
− | #ackn5 img{
| + | |
− | float:right;
| + | |
− | }
| + | |
− | #ackn7 img{
| + | |
− | float:right;
| + | |
− | }
| + | |
− | #ackn9 img{
| + | |
− | float:right;
| + | |
− | }
| + | |
− | #ackn14 img{
| + | |
− | float:right;
| + | |
− | }
| + | |
− | #ackn10 p{
| + | |
− | width:688px;
| + | |
− | }
| + | |
− | #ackn11 p{
| + | |
− | width:688px;
| + | |
− | }
| + | |
− | #ackn15 p{
| + | |
− | width:688px;
| + | |
− | }
| + | |
− | /*For protocol part*/
| + | |
− | /*For the overview page*/
| + | |
− | #OverviewTitle{
| + | |
− | text-align:center;
| + | |
− | font-size:36px;
| + | |
− | padding:30px 0 0 0;
| + | |
− | }
| + | |
− | .linkButton{
| + | |
− | display:block;
| + | |
− | float:right;
| + | |
− | position:relative;
| + | |
− | bottom:10px;
| + | |
− | }
| + | |
− | #empty{
| + | |
− | background-color:#F7F7F7;
| + | |
− | }
| + | |
− | #protocolOverview{
| + | |
− | float:left;
| + | |
− | width:1002px;
| + | |
− | }
| + | |
− | .pro_sub{
| + | |
− | float:left;
| + | |
− | width:280px;
| + | |
− | height:250px;
| + | |
− | margin:12px;
| + | |
− | padding:15px;
| + | |
− | background-color:#e7e7e7;
| + | |
− | border-radius:10px;
| + | |
− |
| + | |
− | }
| + | |
− | .pro_sub h4 a{
| + | |
− | display:block;
| + | |
− | font-family:Verdana, Geneva, sans-serif;
| + | |
− | font-size:22px;
| + | |
− | line-height:26px;
| + | |
− | color:#F90;
| + | |
− | text-align:center;
| + | |
− | padding:10px;
| + | |
− | }
| + | |
− | .pro_sub ul li a{
| + | |
− | display:block;
| + | |
− | font-family:Arial, Helvetica, sans-serif;
| + | |
− | font-size:16px;
| + | |
− | font-size:16px;
| + | |
− | color:#000;
| + | |
− | padding:5px 15px 5px 5px;
| + | |
− | }
| + | |
− | .pro_sub a:hover{
| + | |
− | color:#F90;
| + | |
− | }
| + | |
− | .figure{
| + | |
− | font-size:14px;
| + | |
− | color:#5b686a;
| + | |
− | line-height:110%;
| + | |
− | padding:0 30px;
| + | |
− | }
| + | |
− | #pic img{
| + | |
− | width:70%;
| + | |
− | margin:10px;
| + | |
| | | |
| } | | } |
− | /*end of the Overview page*/
| |
| | | |
| | | |
Line 1,510: |
Line 792: |
| | | |
| /* Normal Text */ | | /* Normal Text */ |
| + | |
| | | |
| .text{ | | .text{ |
| float:left; | | float:left; |
− | /*width:690px;*/
| |
| width:100%; | | width:100%; |
| margin:10px 0 0 0; | | margin:10px 0 0 0; |
− | padding: 2%; | + | padding: 4%; |
− | background-color:transparent; | + | background-color: #ffffff; |
| border-style:solid; | | border-style:solid; |
− | border-color:#CCC; | + | border-color:#ececec; |
| border-width:1px; | | border-width:1px; |
− | border-radius:4px; | + | border-radius:3px; |
| + | font-size: 16px; |
| } | | } |
| .text h1{ | | .text h1{ |
| font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
− | font-size:40px; | + | font-size:32px; |
| font-weight:bold; | | font-weight:bold; |
| color:#000000; | | color:#000000; |
− | line-height:48px; | + | line-height:40px; |
| text-align:center; | | text-align:center; |
| padding:0px; | | padding:0px; |
Line 1,534: |
Line 817: |
| .text h2{ | | .text h2{ |
| font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
− | font-size:20px; | + | font-size:24px; |
− | line-height:32px; | + | line-height:40px; |
| font-weight:bold; | | font-weight:bold; |
| padding:0; | | padding:0; |
− | margin-top:16px;
| + | color:#000000; |
− | color:#034996; | + | text-align:center; |
− | text-align:left; | + | |
| } | | } |
| .text h3{ | | .text h3{ |
Line 1,549: |
Line 831: |
| padding:0; | | padding:0; |
| margin-top:16px; | | margin-top:16px; |
− | color:#034996; | + | color:#000000; |
| text-align:left; | | text-align:left; |
| } | | } |
Line 1,560: |
Line 842: |
| text-align:justify; | | text-align:justify; |
| font-weight:bold; | | font-weight:bold; |
| + | margin-bottom: 0 !important; |
| + | } |
| + | |
| + | .text h5{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:18px; |
| + | line-height:24px; |
| + | padding:10px 0; |
| + | color:black; |
| + | text-align:center; |
| + | margin-bottom: 0 !important; |
| + | } |
| + | |
| + | .text h6{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:16px; |
| + | font-weight:bold; |
| + | line-height:18px; |
| + | padding:0; |
| + | margin-top:16px; |
| + | color:#000000; |
| + | text-align:left; |
| } | | } |
| | | |
Line 1,565: |
Line 869: |
| font-size:16px; | | font-size:16px; |
| text-align:justify; | | text-align:justify; |
| + | } |
| | | |
| + | .text ul{ |
| + | font-size: 16px; |
| + | list-style-type: circle !important; |
| + | } |
| | | |
− | /* Specials */
| + | .text ol{ |
| + | font-size: 16px; |
| + | list-style-type: decimal; |
| + | } |
| | | |
− | .proLP{
| |
− | float:left;
| |
− | width:218px;
| |
− | margin:15px 15px;
| |
− | background-color:transparent;
| |
− | border-right-style:solid;
| |
− | border-width:2px;
| |
− | border-color:#CCC;
| |
| | | |
| + | ol.ref { |
| + | counter-reset: item; |
| + | list-style-type: none; |
| + | *list-style-type: decimal; /*Conditional hack for ie7*/ |
| } | | } |
− | .proLP h3{ | + | |
− | font:"Trebuchet MS", Arial, Helvetica, sans-serif;
| + | ol.ref li:before { |
− | font-size:24px;
| + | content: '[' counter(item, decimal) '. '; |
− | color:#000;
| + | counter-increment: item; |
− | padding:10px;
| + | |
− | text-align:center;
| + | |
| } | | } |
− | .proLP h4 a{ | + | |
− | display:block;
| + | ol.ref { counter-reset: item; } |
− | font:Geneva, Arial, Helvetica, sans-serif;
| + | ol.ref li:before { content: '[' counter(item, decimal) '] '; } |
− | font-size:18px;
| + | |
− | color:#000;
| + | |
− | text-decoration:underline;
| + | img.text { |
| + | width:100%; |
| } | | } |
− | #protocol ul li a{
| + | |
− | display:block;
| + | .caption { |
− | font:Geneva, Arial, Helvetica, sans-serif;
| + | margin:auto; |
− | font-size:15px;
| + | display:block; |
− | color:#034996;
| + | width:80%; |
| + | margin-top:16px; |
| + | margin-bottom:16px; |
| } | | } |
− | .proLP ul li{ | + | |
− | display:block;
| + | |
− | padding:5px 25px 5px 0px;
| + | .photo { |
− | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
| + | width:90%; |
− | font-size:16px;
| + | margin:16px auto 16px auto; |
− | line-height:28px;
| + | display: block; |
| + | border-radius:4px; |
| } | | } |
| | | |
− | .proLP ul li a{ | + | .poem { |
− | color:#034996;
| + | text-align:center !important; |
− | }
| + | |
− | .proLP ul li ul li{
| + | |
− | display:block;
| + | |
− | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
| + | |
− | font-size:14px;
| + | |
− | padding-left:20px;
| + | |
− | line-height:24px;
| + | |
− | }
| + | |
− | .proLP ul li ul li a{
| + | |
− | color:black;
| + | |
| } | | } |
| | | |
− | .proLP ul li ul li ul li{ | + | .poem p{ |
− | display:block;
| + | text-align:center !important; |
− | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
| + | |
− | font-size:13px;
| + | |
− | line-height:24px;
| + | |
| } | | } |
| | | |
− | .proRP{ | + | |
− | float:left;
| + | |
− | /*width:690px;*/
| + | .heading{ |
− | margin:15px 0 30px 0; | + | float:left; |
− | padding:30px; | + | width:100%; |
− | background-color:transparent; | + | margin:10px 0 0 0; |
| + | padding: 4%; |
| + | background-color: #ffffff; |
| border-style:solid; | | border-style:solid; |
− | border-color:#CCC; | + | border-color:#ececec; |
| border-width:1px; | | border-width:1px; |
− | border-radius:4px; | + | border-radius:3px; |
| + | font-size: 16px; |
| } | | } |
− | .proRP h1{ | + | .heading h1{ |
| font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
− | font-size:30px; | + | font-size:32px; |
| font-weight:bold; | | font-weight:bold; |
− | color:#034996; | + | color:#000000; |
| line-height:40px; | | line-height:40px; |
− | text-align:left; | + | text-align:center; |
− | padding:10px; | + | padding: 0px; |
| + | margin:0 0 !important; |
| } | | } |
− | .proRP h2{ | + | .heading h2{ |
| font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
− | font-size:20px;
| + | font-size:20px; |
− | line-height:36px; | + | line-height:32px; |
| + | font-weight:bold; |
| padding:0; | | padding:0; |
− | color:#039648; | + | margin-top:16px; |
| + | color:#034996; |
| text-align:left; | | text-align:left; |
| } | | } |
− | .proRP h3{ | + | .heading h3{ |
| font-family:"Charter Black", sans-serif; | | font-family:"Charter Black", sans-serif; |
| font-size:18px; | | font-size:18px; |
− | padding:5px 0; | + | font-weight:bold; |
− | color:#BF2F15; | + | line-height:38px; |
| + | padding:0; |
| + | margin-top:16px; |
| + | color:#034996; |
| text-align:left; | | text-align:left; |
| } | | } |
− | .proRP h4{ | + | .heading h4{ |
| font-family:"Charter Black", sans-serif; | | font-family:"Charter Black", sans-serif; |
| font-size:18px; | | font-size:18px; |
Line 1,673: |
Line 979: |
| } | | } |
| | | |
− | .proRP p{ | + | |
− | font-size:16px; | + | |
| + | .member{ |
| + | float:left; |
| + | width:100%; |
| + | height:100%; |
| + | margin:0 0 10px 0; |
| + | padding:8px 0 8px 0; |
| + | background-color: #ffffff; |
| + | border-style:solid; |
| + | border-color:#ececec; |
| + | border-width:1px; |
| + | border-radius:3px; |
| + | font-size: 14px; |
| + | align-items: stretch |
| + | } |
| + | |
| + | .member h2{ |
| + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
| + | font-size:20px; |
| + | line-height:340px; |
| + | font-weight:bold; |
| + | padding:0; |
| + | margin-top:16px; |
| + | color:#034996; |
| + | text-align:left; |
| + | } |
| + | |
| + | .member h3{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:18px; |
| + | font-weight:bold; |
| + | line-height:20px; |
| + | padding:0; |
| + | margin-top:14px; |
| + | color:#000000; |
| + | text-align:center; |
| + | } |
| + | .member h4{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:14px; |
| + | color:black; |
| text-align:justify; | | text-align:justify; |
| + | font-weight:bold; |
| + | margin-bottom: 0 !important; |
| + | padding:0; |
| } | | } |
− | #humanPractice img{
| + | |
− | border-radius:8%; | + | .member h5{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:14px; |
| + | line-height:24px; |
| + | padding:10px 0; |
| + | color:black; |
| + | text-align:center; |
| + | margin-bottom: 0 !important; |
| } | | } |
− | #protocol ul li:hover{
| + | |
− | background-color:#DFDFDF;
| + | .member h6{ |
− | border-radius:4px; | + | font-family:"Charter Black", sans-serif; |
| + | font-size:14px; |
| + | font-weight:bold; |
| + | line-height:18px; |
| + | padding:0; |
| + | margin-top:16px; |
| + | color:#000000; |
| + | text-align:left; |
| } | | } |
| | | |
− | /*For the achievement part */
| + | .member p{ |
− | #achv{
| + | font-size:14px; |
− | float:left; | + | text-align:justify; |
− | margin:10px 0; | + | |
− | padding:40px;
| + | |
− | width:922px;
| + | |
− | border:solid 1px #CCCCCC;
| + | |
− | border-radius:5px;
| + | |
| } | | } |
− | #achv h1{
| + | |
− | font:30px Helvetica,sans-serif;
| + | .member ul{ |
− | color:#BF2F15;
| + | font-size: 14px; |
| + | list-style-type: circle !important; |
| } | | } |
− | #achv h2{
| + | |
− | font:30px;
| + | .member img { |
| + | width:100%; |
| + | border-radius:4px; |
| + | |
| } | | } |
− | #achv p{
| + | |
− | text-align:justify;
| + | |
− | padding-left:25px;
| + | .member hr { |
| + | margin-top:10px; |
| + | margin-bottom:10px; |
| } | | } |
− | #achv_img1{
| + | |
− | float: left;
| + | .supervisor { |
− | height:400px;
| + | background-color: #f1f7f9; |
− | width:200px;
| + | |
| } | | } |
− | #achv_p1{
| + | |
− | float: left;
| + | .supervisor hr { |
− | /*width:690px;*/
| + | background-color:#000000; |
− | border-bottom-style:solid;
| + | |
− | border-bottom-color:#CCC;
| + | |
− | border-bottom-width:1px;
| + | |
| } | | } |
− | #achv_img2{
| + | |
− | float: right;
| + | |
− | height:400px;
| + | |
− | width:200px; | + | |
| + | |
| + | |
| + | @media (min-width: 768px) { |
| + | .row-eq-height { |
| + | display: -webkit-box; |
| + | display: -webkit-flex; |
| + | display: -ms-flexbox; |
| + | display: flex; |
| + | margin-bottom:20px; |
| } | | } |
− | #achv_p2{
| |
− | float: left;
| |
− | height:360px;
| |
− | /*width:690px;*/
| |
− | border-bottom-style:solid;
| |
− | border-bottom-color:#CCC;
| |
− | border-bottom-width:1px;
| |
| } | | } |
− | #achv_img3{
| + | |
− | float: left;
| + | |
− | height:400px;
| + | |
− | width:200px;
| + | |
| + | |
| + | |
| + | |
| + | .box{ |
| + | float:left; |
| + | width:100%; |
| + | height:100%; |
| + | margin:0 0 10px 0; |
| + | padding:10px; |
| + | background-color: #ffffff; |
| + | border-style:solid; |
| + | border-color:#ececec; |
| + | border-width:1px; |
| + | border-radius:3px; |
| + | font-size: 14px; |
| + | align-items: stretch |
| } | | } |
− | #achv_p3{
| + | |
− | float: left;
| + | .box h2{ |
− | height:399px;
| + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
− | /*width:690px;*/
| + | font-family:"Charter Black", sans-serif; |
− | border-bottom-style:solid; | + | font-size:24px; |
− | border-bottom-color:#CCC; | + | font-weight:bold; |
− | border-bottom-width:1px;
| + | line-height:48px; |
| + | padding:0; |
| + | margin-top:14px; |
| + | color:#000000; |
| + | text-align:center; |
| + | |
| } | | } |
− | #Achieve a{
| + | |
− | color:black;
| + | .box h3{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:18px; |
| + | font-weight:bold; |
| + | line-height:20px; |
| + | padding:0; |
| + | margin-top:14px; |
| + | color:#000000; |
| + | text-align:center; |
| } | | } |
− | /*For the gallery*/
| + | .box h4{ |
− | .gallery_single_part{ | + | font-family:"Charter Black", sans-serif; |
− | float:left;
| + | font-size:14px; |
− | width:650px;
| + | color:black; |
| + | text-align:justify; |
| + | font-weight:bold; |
| + | margin-bottom: 0 !important; |
| + | padding:0; |
| } | | } |
− | .gallery li{ | + | |
− | display:block;
| + | .box h5{ |
− | float:left;
| + | font-family:"Charter Black", sans-serif; |
− | width:120px;
| + | font-size:14px; |
− | margin:15px;
| + | line-height:24px; |
− | border:5px solid #eee;
| + | padding:10px 0; |
| + | color:black; |
| + | text-align:center; |
| + | margin-bottom: 0 !important; |
| } | | } |
| + | |
| + | .box h6{ |
| + | font-family:"Charter Black", sans-serif; |
| + | font-size:14px; |
| + | font-weight:bold; |
| + | line-height:18px; |
| + | padding:0; |
| + | margin-top:16px; |
| + | color:#000000; |
| + | text-align:left; |
| + | } |
| + | |
| + | |
| + | |
| + | .box:hover { |
| + | border-color:#000000 !important; |
| + | border: 2px solid; |
| + | padding: 9px; |
| + | |
| + | } |
| + | |
| + | |
| + | |
| + | .box p{ |
| + | font-size:14px; |
| + | text-align:justify; |
| + | font-weight: normal !important; |
| + | color: #000000; |
| + | } |
| + | |
| + | .box ul{ |
| + | font-size: 20px; |
| + | line-height:48px; |
| + | list-style-type: square !important; |
| + | font-weight: normal !important; |
| + | color: #000000 !important; |
| + | } |
| + | |
| + | .box img { |
| + | width:100%; |
| + | border-radius:4px; |
| + | |
| + | } |
| + | |
| + | |
| + | .box hr { |
| + | margin-top:10px; |
| + | margin-bottom:10px; |
| + | } |
| + | |
| + | |
| | | |
| /*For each overview part*/ | | /*For each overview part*/ |
Line 1,904: |
Line 1,353: |
| .table1 th, .table1 td{ | | .table1 th, .table1 td{ |
| font-size:1em; | | font-size:1em; |
− | border:1px solid #98bf21; | + | border:1px solid #2EBAFF; |
| padding:3px 7px 2px 7px; | | padding:3px 7px 2px 7px; |
| } | | } |
Line 1,912: |
Line 1,361: |
| padding-top:5px; | | padding-top:5px; |
| padding-bottom:4px; | | padding-bottom:4px; |
− | background-color:#A7C942; | + | background-color:#2EBAFF; |
| color:#ffffff; | | color:#ffffff; |
| } | | } |
| .table1 tr:nth-child(odd){ | | .table1 tr:nth-child(odd){ |
− | background-color:#EAF2D3; | + | background-color:#DFF5FF; |
| } | | } |
| .table2{ | | .table2{ |
Line 1,928: |
Line 1,377: |
| | | |
| } | | } |
− | /* social media boxes */
| + | |
− | .fblike iframe {
| + | |
− | width: 100px ;
| + | |
− | }
| + | |
− | /* YouTube player */
| + | |
− | #player {
| + | |
− | width: 348px;
| + | |
− | height: 240px;
| + | |
− | overflow: hidden;
| + | |
− | background: gray;
| + | |
− | position: absolute;
| + | |
− | border: solid 2px gray;
| + | |
− | }
| + | |
| | | |
| /*LAYOUT */ | | /*LAYOUT */ |
Line 1,985: |
Line 1,422: |
| font-weight:bold; | | font-weight:bold; |
| } | | } |
| + | |
| + | ul#accordion.accordion { |
| + | margin-left:0; |
| + | } |
| + | |
| + | |
| + | </style> |
| + | <!-- ***************************************************************************************************************** --> |
| | | |
| | | |
Line 1,992: |
Line 1,437: |
| | | |
| | | |
− | </style>
| |
| | | |
| + | <!-- *************************************************** HTML PART ************************************************** --> |
| | | |
| | | |
| <head> | | <head> |
| | | |
| + | <!-- important to fit the page on mobile displays --> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> |
| | | |
Line 2,005: |
Line 1,451: |
| <!-- Bootstrap Javascript--> | | <!-- Bootstrap Javascript--> |
| <script type="text/javascript" src="https://2016.igem.org/Template:Goettingen/bootstrap_js?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2016.igem.org/Template:Goettingen/bootstrap_js?action=raw&ctype=text/javascript"></script> |
| + | |
| + | |
| + | <!-- Plyr css--> |
| + | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/plyr_css?action=raw&ctype=text/css"> |
| + | |
| + | <!-- Fontawesome CSS--> |
| + | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/CSS_fontawesome?action=raw&ctype=text/css"> |
| + | |
| | | |
| | | |
Line 2,053: |
Line 1,507: |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| <li> <a href=" https://2016.igem.org/Team:Goettingen/Team"> Team </a> </li> | | <li> <a href=" https://2016.igem.org/Team:Goettingen/Team"> Team </a> </li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Collaborations">★ Collaborations </a> </li> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Collaborations"> Collaborations </a> </li> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 2,061: |
Line 1,515: |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> | | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Description"> ★ Description </a></li> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Description"> Description </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Design"> ★ Design </a></li>
| + | |
| <li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li> | | <li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> ★ Proof of Concept </a></li> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> Proof of Concept </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Demonstrate"> ★ Demonstrate </a></li>
| + | |
| <li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li> | | <li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li> |
| <li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li> | | <li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li> |
Line 2,078: |
Line 1,530: |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| <li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li> | | <li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> ★ Basic Parts </a></li> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> Basic Parts </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Composite_Part"> ★ Composite Parts </a></li>
| + | |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Part_Collection"> ★ Part Collection </a></li>
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
Line 2,099: |
Line 1,549: |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| <li> <a href="https://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li> | | <li> <a href="https://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver">★ Silver </a></li> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> HP on the Road </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold">★ Gold </a></li> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold"> HP on the Web </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Integrated_Practices"> ★ Integrated Practices </a></li>
| + | <li> <a href="https://2016.igem.org/Team:Goettingen/Engagement"> Engagement </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Engagement">★ Engagement </a></li> | + | |
| </ul> | | </ul> |
| </li> | | </li> |
− |
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:Goettingen/Entrepreneurship"> ★ Entrepreneurship </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Hardware"> ★ Hardware </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Software">★ Software </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Measurement">★ Measurement </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Model">★ Model </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
| | | |
| | | |
Line 2,130: |
Line 1,567: |
| | | |
| | | |
− | | + | <!--*********** INLINE JAVASCRIPT *********** --> |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </body>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <!--- THIS IS WHERE THE HTML BEGINS --->
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <!--*********** JAVASCRIPT *********** --> | + | |
| | | |
| | | |
Line 2,226: |
Line 1,638: |
| | | |
| | | |
− | <script>
| |
| | | |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion1').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion2').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion3').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion4').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion5').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion6').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion7').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion8').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion9').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. This makes the notebook function.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion10').find('.notebook_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.notebook_submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".notebook_submenu").not(notebook_submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
| | | |
| | | |