Difference between revisions of "Template:BOKU-Vienna-header-plant"

 
(123 intermediate revisions by 3 users not shown)
Line 12: Line 12:
 
     <!-- Theme CSS -->
 
     <!-- Theme CSS -->
 
     <style>
 
     <style>
 +
    #top_menu_14 {
 +
      height: 12px;
 +
      color: white;
 +
      background: black;
 +
    }
 +
    #top_menu_under {
 +
      height: 12px;
 +
      background: black;
 +
    }
 +
    #top_menu_inside {
 +
      border-left: 0px;
 +
      border-right: 0px;
 +
 +
 +
    }
 +
    #home_logo, #sideMenu { display:none; }
 +
    #sideMenu, #top_title, .patrollink  {display:none;}
 +
    #HQ_page p {
 +
      text-align: justify;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
      font-size: 17px;
 +
    }
 +
 
a:link {
 
a:link {
−
     color: #1d9b6c;  
+
     color: #6499cd;  
 
     background-color: transparent;  
 
     background-color: transparent;  
 
     text-decoration: none;
 
     text-decoration: none;
Line 19: Line 42:
  
 
a:visited {
 
a:visited {
−
     color: #1d9b6c;
+
     color: #6499cd;
 
     background-color: transparent;
 
     background-color: transparent;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
−
    #bars_item {display: none; }
+
 
−
    #home_logo, #sideMenu { display:none; }
+
−
    #sideMenu, #top_title, .patrollink  {display:none;}
+
−
    #HQ_page p {
+
−
      text-align: justify;
+
−
      font-family: Tahoma, Geneva, sans-serif;
+
−
      font-size: 17px;
+
−
    }
+
 
     #page-top { height: 100% ; }
 
     #page-top { height: 100% ; }
 
     .mw-content-ltr { height: 100%; }
 
     .mw-content-ltr { height: 100%; }
Line 55: Line 71:
 
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
    #top_menu_14 {
 
−
      height: 12px;
 
−
      color: white;
 
−
      background: black;
 
−
    }
 
−
    #top_menu_under {
 
−
      height: 12px;
 
−
      background: black;
 
−
    }
 
  
−
    #top_menu_inside {
 
−
      border-left: 0px;
 
−
      border-right: 0px;
 
−
      width: 100%;
 
−
    }
 
  
 
   li.has_submenu a {
 
   li.has_submenu a {
Line 80: Line 82:
 
     h1,
 
     h1,
 
     h2,
 
     h2,
−
     h3,
+
     h3 {
 +
      margin: 0 0 35px;
 +
      text-transform: uppercase;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
      font-weight: 700;
 +
      letter-spacing: 1px;
 +
    }
 
     h4,
 
     h4,
 
     h5,
 
     h5,
 
     h6 {
 
     h6 {
 
       margin: 0 0 35px;
 
       margin: 0 0 35px;
−
       text-transform: uppercase;
+
       text-transform: none;
 
       font-family: Tahoma, Geneva, sans-serif;
 
       font-family: Tahoma, Geneva, sans-serif;
 
       font-weight: 700;
 
       font-weight: 700;
Line 103: Line 111:
 
     }
 
     }
 
     a {
 
     a {
−
       color: #42DCA3;
+
       color: #6499cd;
 
       -webkit-transition: all 0.2s ease-in-out;
 
       -webkit-transition: all 0.2s ease-in-out;
 
       -moz-transition: all 0.2s ease-in-out;
 
       -moz-transition: all 0.2s ease-in-out;
Line 111: Line 119:
 
     a:focus {
 
     a:focus {
 
       text-decoration: none;
 
       text-decoration: none;
−
       color: #1d9b6c;
+
       color: #6499cd;
 
     }
 
     }
 
     .light {
 
     .light {
 
       font-weight: 400;
 
       font-weight: 400;
 
     }
 
     }
−
+
    .navbar-custom {
 +
      margin-top:12px;
 +
      margin-bottom: 0;
 +
      border-bottom: 0px solid rgba(255, 255, 255, 0.3);
 +
      text-transform: uppercase;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
      background-color: black;
 +
    }
 +
    .navbar-custom .navbar-toggle {
 +
      color: white;
 +
      background-color: rgba(255, 255, 255, 0.2);
 +
      font-size: 12px;
 +
    }
 +
    .navbar-custom .navbar-toggle:focus,
 +
    .navbar-custom .navbar-toggle:active {
 +
      outline: none;
 +
    }
 +
    .navbar-custom .navbar-brand {
 +
      font-weight: 700;
 +
    }
 +
    .navbar-custom .navbar-brand img {
 +
      height: 40px;
 +
    }
 +
    .navbar-custom .navbar-brand:focus {
 +
      outline: none;
 +
    }
 +
    .navbar-custom a {
 +
      color: black;
 +
    }
 +
    .navbar-custom .nav li a {
 +
      -webkit-transition: background 0.3s ease-in-out;
 +
      -moz-transition: background 0.3s ease-in-out;
 +
      transition: background 0.3s ease-in-out;
 +
    }
 +
    .navbar-custom .nav li a:hover {
 +
      color: rgba(255, 255, 255, 0.8);
 +
      outline: none;
 +
      background-color: transparent;
 +
    }
 +
    .navbar-custom .nav li a:focus,
 +
    .navbar-custom .nav li a:active {
 +
      outline: none;
 +
      background-color: transparent;
 +
    }
 +
    .navbar-custom .nav li.active {
 +
      outline: none;
 +
    }
 +
    .navbar-custom .nav li.active a {
 +
      background-color: rgba(255, 255, 255, 0.3);
 +
    }
 +
    .navbar-custom .nav li.active a:hover {
 +
      color: white;
 
     }
 
     }
 
     @media (min-width: 768px) {
 
     @media (min-width: 768px) {
Line 312: Line 371:
  
  
−
 
+
    .scrollnav-custom {
 +
      margin-bottom: 0;
 +
      border-bottom: 0px solid rgba(255, 255, 255, 0.3);
 +
      font-family: Tahoma, Geneva, sans-serif
 +
      background-color: black;
 +
    }
 +
    .scrollnav-custom .scrollnav-toggle {
 +
      color: white;
 +
      background-color: rgba(255, 255, 255, 0.2);
 +
      font-size: 12px;
 +
    }
 +
    .scrollnav-custom .scrollnav-toggle:focus,
 +
    .scrollnav-custom .scrollnav-toggle:active {
 +
      outline: none;
 +
    }
 +
    .scrollnav-custom .scrollnav-brand {
 +
      font-weight: 700;
 +
    }
 +
    .scrollnav-custom .scrollnav-brand img {
 +
      height: 40px;
 +
    }
 +
    .scrollnav-custom .scrollnav-brand:focus {
 +
      outline: none;
 +
    }
 +
    .scrollnav-custom a {
 +
      color: white;
 +
    }
 +
    .scrollnav-custom .nav li a {
 +
      -webkit-transition: background 0.3s ease-in-out;
 +
      -moz-transition: background 0.3s ease-in-out;
 +
      transition: background 0.3s ease-in-out;
 +
    }
 +
    .scrollnav-custom .nav li a:hover {
 +
      color: rgba(255, 255, 255, 0.8);
 +
      outline: none;
 +
      background-color: transparent;
 +
    }
 +
    .scrollnav-custom .nav li a:focus,
 +
    .scrollnav-custom .nav li a:active {
 +
      outline: none;
 +
      background-color: transparent;
 +
    }
 +
    .scrollnav-custom .nav li.active {
 +
      outline: none;
 +
    }
 +
    .scrollnav-custom .nav li.active a {
 +
      background-color: rgba(255, 255, 255, 0.3);
 +
    }
 +
    .scrollnav-custom .nav li.active a:hover {
 +
      color: white;
 
     }
 
     }
 
     @media (min-width: 768px) {
 
     @media (min-width: 768px) {
Line 322: Line 430:
 
       }
 
       }
 
     }
 
     }
−
 
+
    .navbar-brand img {
 +
      height: 100%;
 
     }
 
     }
 
     .sponsor-section {
 
     .sponsor-section {
Line 338: Line 447:
 
             margin-left: 10px;
 
             margin-left: 10px;
 
             margin-right: 10px;
 
             margin-right: 10px;
 +
    }
 +
 +
    .navbar-custom .nav li a:hover{
 +
      cursor: pointer;
 +
    }
 +
 +
    .navbar-right .dropdown-menu {
 +
      right: auto;
 +
      position-left: 0px;
 +
      position-right: 0px;
 +
      margin-left: 0px;
 
     }
 
     }
  
 
     .dropdown-menu {
 
     .dropdown-menu {
−
      background-color: black;
+
display: block;     
−
      border-radius: 0px;
+
visibility: hidden;
 +
    transition: 0.05s 0.16s;
 +
    position: absolute;
 +
    background-color: #000000;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    padding: 12px 16px;
 +
    z-index: 1;
 
     }
 
     }
  
Line 351: Line 478:
 
     .nav .open > a {
 
     .nav .open > a {
 
       background: transparent;
 
       background: transparent;
 +
    }
 +
    .dropdown:hover .dropdown-menu {
 +
      visibility: visible;
 +
    transition-delay: 0.16s;
 
     }
 
     }
 
     </style>
 
     </style>

Latest revision as of 10:00, 18 September 2017