Difference between revisions of "Template:Berlin diagnostX"

Line 46: Line 46:
 
     page-break-after: avoid;
 
     page-break-after: avoid;
 
   }
 
   }
   .mynavbar {
+
   .navbar {
 
     display: none;
 
     display: none;
 
   }
 
   }
Line 85: Line 85:
 
}
 
}
  
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, mynav, section {
+
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
 
   display: block;
 
   display: block;
 
}
 
}
Line 3,151: Line 3,151:
 
}
 
}
  
.mynav {
+
.nav {
 
   display: -ms-flexbox;
 
   display: -ms-flexbox;
 
   display: flex;
 
   display: flex;
Line 3,161: Line 3,161:
 
}
 
}
  
.mynav-link {
+
.nav-link {
 
   display: block;
 
   display: block;
 
   padding: 0.5rem 1rem;
 
   padding: 0.5rem 1rem;
 
}
 
}
  
.mynav-link:focus, .mynav-link:hover {
+
.nav-link:focus, .nav-link:hover {
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
  
.mynav-link.disabled {
+
.nav-link.disabled {
 
   color: #868e96;
 
   color: #868e96;
 
}
 
}
  
.mynav-tabs {
+
.nav-tabs {
 
   border-bottom: 1px solid #ddd;
 
   border-bottom: 1px solid #ddd;
 
}
 
}
  
.mynav-tabs .mynav-item {
+
.nav-tabs .nav-item {
 
   margin-bottom: -1px;
 
   margin-bottom: -1px;
 
}
 
}
  
.mynav-tabs .mynav-link {
+
.nav-tabs .nav-link {
 
   border: 1px solid transparent;
 
   border: 1px solid transparent;
 
   border-top-left-radius: 0.25rem;
 
   border-top-left-radius: 0.25rem;
Line 3,188: Line 3,188:
 
}
 
}
  
.mynav-tabs .mynav-link:focus, .mynav-tabs .mynav-link:hover {
+
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
 
   border-color: #e9ecef #e9ecef #ddd;
 
   border-color: #e9ecef #e9ecef #ddd;
 
}
 
}
  
.mynav-tabs .mynav-link.disabled {
+
.nav-tabs .nav-link.disabled {
 
   color: #868e96;
 
   color: #868e96;
 
   background-color: transparent;
 
   background-color: transparent;
Line 3,198: Line 3,198:
 
}
 
}
  
.mynav-tabs .mynav-link.active,
+
.nav-tabs .nav-link.active,
.mynav-tabs .mynav-item.show .mynav-link {
+
.nav-tabs .nav-item.show .nav-link {
 
   color: #495057;
 
   color: #495057;
 
   background-color: #fff;
 
   background-color: #fff;
Line 3,205: Line 3,205:
 
}
 
}
  
.mynav-tabs .dropdown-menu {
+
.nav-tabs .dropdown-menu {
 
   margin-top: -1px;
 
   margin-top: -1px;
 
   border-top-left-radius: 0;
 
   border-top-left-radius: 0;
Line 3,211: Line 3,211:
 
}
 
}
  
.mynav-pills .mynav-link {
+
.nav-pills .nav-link {
 
   border-radius: 0.25rem;
 
   border-radius: 0.25rem;
 
}
 
}
  
.mynav-pills .mynav-link.active,
+
.nav-pills .nav-link.active,
.show > .mynav-pills .mynav-link {
+
.show > .nav-pills .nav-link {
 
   color: #fff;
 
   color: #fff;
 
   background-color: #007bff;
 
   background-color: #007bff;
 
}
 
}
  
.mynav-fill .mynav-item {
+
.nav-fill .nav-item {
 
   -ms-flex: 1 1 auto;
 
   -ms-flex: 1 1 auto;
 
       flex: 1 1 auto;
 
       flex: 1 1 auto;
Line 3,227: Line 3,227:
 
}
 
}
  
.mynav-justified .mynav-item {
+
.nav-justified .nav-item {
 
   -ms-flex-preferred-size: 0;
 
   -ms-flex-preferred-size: 0;
 
       flex-basis: 0;
 
       flex-basis: 0;
Line 3,243: Line 3,243:
 
}
 
}
  
.mynavbar {
+
.navbar {
 
   position: relative;
 
   position: relative;
 
   display: -ms-flexbox;
 
   display: -ms-flexbox;
Line 3,256: Line 3,256:
 
}
 
}
  
.mynavbar > .container,
+
.navbar > .container,
.mynavbar > .container-fluid {
+
.navbar > .container-fluid {
 
   display: -ms-flexbox;
 
   display: -ms-flexbox;
 
   display: flex;
 
   display: flex;
Line 3,268: Line 3,268:
 
}
 
}
  
.mynavbar-brand {
+
.navbar-brand {
 
   display: inline-block;
 
   display: inline-block;
 
   padding-top: 0.3125rem;
 
   padding-top: 0.3125rem;
Line 3,278: Line 3,278:
 
}
 
}
  
.mynavbar-brand:focus, .mynavbar-brand:hover {
+
.navbar-brand:focus, .navbar-brand:hover {
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
  
.mynavbar-mynav {
+
.navbar-nav {
 
   display: -ms-flexbox;
 
   display: -ms-flexbox;
 
   display: flex;
 
   display: flex;
Line 3,292: Line 3,292:
 
}
 
}
  
.mynavbar-mynav .mynav-link {
+
.navbar-nav .nav-link {
 
   padding-right: 0;
 
   padding-right: 0;
 
   padding-left: 0;
 
   padding-left: 0;
 
}
 
}
  
.mynavbar-mynav .dropdown-menu {
+
.navbar-nav .dropdown-menu {
 
   position: static;
 
   position: static;
 
   float: none;
 
   float: none;
 
}
 
}
  
.mynavbar-text {
+
.navbar-text {
 
   display: inline-block;
 
   display: inline-block;
 
   padding-top: 0.5rem;
 
   padding-top: 0.5rem;
Line 3,308: Line 3,308:
 
}
 
}
  
.mynavbar-collapse {
+
.navbar-collapse {
 
   -ms-flex-preferred-size: 100%;
 
   -ms-flex-preferred-size: 100%;
 
       flex-basis: 100%;
 
       flex-basis: 100%;
Line 3,315: Line 3,315:
 
}
 
}
  
.mynavbar-toggler {
+
.navbar-toggler {
 
   padding: 0.25rem 0.75rem;
 
   padding: 0.25rem 0.75rem;
 
   font-size: 1.25rem;
 
   font-size: 1.25rem;
Line 3,324: Line 3,324:
 
}
 
}
  
.mynavbar-toggler:focus, .mynavbar-toggler:hover {
+
.navbar-toggler:focus, .navbar-toggler:hover {
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
  
.mynavbar-toggler-icon {
+
.navbar-toggler-icon {
 
   display: inline-block;
 
   display: inline-block;
 
   width: 1.5em;
 
   width: 1.5em;
Line 3,339: Line 3,339:
  
 
@media (max-width: 575px) {
 
@media (max-width: 575px) {
   .mynavbar-expand-sm > .container,
+
   .navbar-expand-sm > .container,
   .mynavbar-expand-sm > .container-fluid {
+
   .navbar-expand-sm > .container-fluid {
 
     padding-right: 0;
 
     padding-right: 0;
 
     padding-left: 0;
 
     padding-left: 0;
Line 3,347: Line 3,347:
  
 
@media (min-width: 576px) {
 
@media (min-width: 576px) {
   .mynavbar-expand-sm {
+
   .navbar-expand-sm {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
Line 3,355: Line 3,355:
 
         justify-content: flex-start;
 
         justify-content: flex-start;
 
   }
 
   }
   .mynavbar-expand-sm .mynavbar-mynav {
+
   .navbar-expand-sm .navbar-nav {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
 
   }
 
   }
   .mynavbar-expand-sm .mynavbar-mynav .dropdown-menu {
+
   .navbar-expand-sm .navbar-nav .dropdown-menu {
 
     position: absolute;
 
     position: absolute;
 
   }
 
   }
   .mynavbar-expand-sm .mynavbar-mynav .dropdown-menu-right {
+
   .navbar-expand-sm .navbar-nav .dropdown-menu-right {
 
     right: 0;
 
     right: 0;
 
     left: auto;
 
     left: auto;
 
   }
 
   }
   .mynavbar-expand-sm .mynavbar-mynav .mynav-link {
+
   .navbar-expand-sm .navbar-nav .nav-link {
 
     padding-right: .5rem;
 
     padding-right: .5rem;
 
     padding-left: .5rem;
 
     padding-left: .5rem;
 
   }
 
   }
   .mynavbar-expand-sm > .container,
+
   .navbar-expand-sm > .container,
   .mynavbar-expand-sm > .container-fluid {
+
   .navbar-expand-sm > .container-fluid {
 
     -ms-flex-wrap: nowrap;
 
     -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
   }
 
   }
   .mynavbar-expand-sm .mynavbar-collapse {
+
   .navbar-expand-sm .navbar-collapse {
 
     display: -ms-flexbox !important;
 
     display: -ms-flexbox !important;
 
     display: flex !important;
 
     display: flex !important;
 
   }
 
   }
   .mynavbar-expand-sm .mynavbar-toggler {
+
   .navbar-expand-sm .navbar-toggler {
 
     display: none;
 
     display: none;
 
   }
 
   }
Line 3,385: Line 3,385:
  
 
@media (max-width: 767px) {
 
@media (max-width: 767px) {
   .mynavbar-expand-md > .container,
+
   .navbar-expand-md > .container,
   .mynavbar-expand-md > .container-fluid {
+
   .navbar-expand-md > .container-fluid {
 
     padding-right: 0;
 
     padding-right: 0;
 
     padding-left: 0;
 
     padding-left: 0;
Line 3,393: Line 3,393:
  
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
   .mynavbar-expand-md {
+
   .navbar-expand-md {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
Line 3,401: Line 3,401:
 
         justify-content: flex-start;
 
         justify-content: flex-start;
 
   }
 
   }
   .mynavbar-expand-md .mynavbar-mynav {
+
   .navbar-expand-md .navbar-nav {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
 
   }
 
   }
   .mynavbar-expand-md .mynavbar-mynav .dropdown-menu {
+
   .navbar-expand-md .navbar-nav .dropdown-menu {
 
     position: absolute;
 
     position: absolute;
 
   }
 
   }
   .mynavbar-expand-md .mynavbar-mynav .dropdown-menu-right {
+
   .navbar-expand-md .navbar-nav .dropdown-menu-right {
 
     right: 0;
 
     right: 0;
 
     left: auto;
 
     left: auto;
 
   }
 
   }
   .mynavbar-expand-md .mynavbar-mynav .mynav-link {
+
   .navbar-expand-md .navbar-nav .nav-link {
 
     padding-right: .5rem;
 
     padding-right: .5rem;
 
     padding-left: .5rem;
 
     padding-left: .5rem;
 
   }
 
   }
   .mynavbar-expand-md > .container,
+
   .navbar-expand-md > .container,
   .mynavbar-expand-md > .container-fluid {
+
   .navbar-expand-md > .container-fluid {
 
     -ms-flex-wrap: nowrap;
 
     -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
   }
 
   }
   .mynavbar-expand-md .mynavbar-collapse {
+
   .navbar-expand-md .navbar-collapse {
 
     display: -ms-flexbox !important;
 
     display: -ms-flexbox !important;
 
     display: flex !important;
 
     display: flex !important;
 
   }
 
   }
   .mynavbar-expand-md .mynavbar-toggler {
+
   .navbar-expand-md .navbar-toggler {
 
     display: none;
 
     display: none;
 
   }
 
   }
Line 3,431: Line 3,431:
  
 
@media (max-width: 991px) {
 
@media (max-width: 991px) {
   .mynavbar-expand-lg > .container,
+
   .navbar-expand-lg > .container,
   .mynavbar-expand-lg > .container-fluid {
+
   .navbar-expand-lg > .container-fluid {
 
     padding-right: 0;
 
     padding-right: 0;
 
     padding-left: 0;
 
     padding-left: 0;
Line 3,439: Line 3,439:
  
 
@media (min-width: 992px) {
 
@media (min-width: 992px) {
   .mynavbar-expand-lg {
+
   .navbar-expand-lg {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
Line 3,447: Line 3,447:
 
         justify-content: flex-start;
 
         justify-content: flex-start;
 
   }
 
   }
   .mynavbar-expand-lg .mynavbar-mynav {
+
   .navbar-expand-lg .navbar-nav {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
 
   }
 
   }
   .mynavbar-expand-lg .mynavbar-mynav .dropdown-menu {
+
   .navbar-expand-lg .navbar-nav .dropdown-menu {
 
     position: absolute;
 
     position: absolute;
 
   }
 
   }
   .mynavbar-expand-lg .mynavbar-mynav .dropdown-menu-right {
+
   .navbar-expand-lg .navbar-nav .dropdown-menu-right {
 
     right: 0;
 
     right: 0;
 
     left: auto;
 
     left: auto;
 
   }
 
   }
   .mynavbar-expand-lg .mynavbar-mynav .mynav-link {
+
   .navbar-expand-lg .navbar-nav .nav-link {
 
     padding-right: .5rem;
 
     padding-right: .5rem;
 
     padding-left: .5rem;
 
     padding-left: .5rem;
 
   }
 
   }
   .mynavbar-expand-lg > .container,
+
   .navbar-expand-lg > .container,
   .mynavbar-expand-lg > .container-fluid {
+
   .navbar-expand-lg > .container-fluid {
 
     -ms-flex-wrap: nowrap;
 
     -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
   }
 
   }
   .mynavbar-expand-lg .mynavbar-collapse {
+
   .navbar-expand-lg .navbar-collapse {
 
     display: -ms-flexbox !important;
 
     display: -ms-flexbox !important;
 
     display: flex !important;
 
     display: flex !important;
 
   }
 
   }
   .mynavbar-expand-lg .mynavbar-toggler {
+
   .navbar-expand-lg .navbar-toggler {
 
     display: none;
 
     display: none;
 
   }
 
   }
Line 3,477: Line 3,477:
  
 
@media (max-width: 1199px) {
 
@media (max-width: 1199px) {
   .mynavbar-expand-xl > .container,
+
   .navbar-expand-xl > .container,
   .mynavbar-expand-xl > .container-fluid {
+
   .navbar-expand-xl > .container-fluid {
 
     padding-right: 0;
 
     padding-right: 0;
 
     padding-left: 0;
 
     padding-left: 0;
Line 3,485: Line 3,485:
  
 
@media (min-width: 1200px) {
 
@media (min-width: 1200px) {
   .mynavbar-expand-xl {
+
   .navbar-expand-xl {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
Line 3,493: Line 3,493:
 
         justify-content: flex-start;
 
         justify-content: flex-start;
 
   }
 
   }
   .mynavbar-expand-xl .mynavbar-mynav {
+
   .navbar-expand-xl .navbar-nav {
 
     -ms-flex-direction: row;
 
     -ms-flex-direction: row;
 
         flex-direction: row;
 
         flex-direction: row;
 
   }
 
   }
   .mynavbar-expand-xl .mynavbar-mynav .dropdown-menu {
+
   .navbar-expand-xl .navbar-nav .dropdown-menu {
 
     position: absolute;
 
     position: absolute;
 
   }
 
   }
   .mynavbar-expand-xl .mynavbar-mynav .dropdown-menu-right {
+
   .navbar-expand-xl .navbar-nav .dropdown-menu-right {
 
     right: 0;
 
     right: 0;
 
     left: auto;
 
     left: auto;
 
   }
 
   }
   .mynavbar-expand-xl .mynavbar-mynav .mynav-link {
+
   .navbar-expand-xl .navbar-nav .nav-link {
 
     padding-right: .5rem;
 
     padding-right: .5rem;
 
     padding-left: .5rem;
 
     padding-left: .5rem;
 
   }
 
   }
   .mynavbar-expand-xl > .container,
+
   .navbar-expand-xl > .container,
   .mynavbar-expand-xl > .container-fluid {
+
   .navbar-expand-xl > .container-fluid {
 
     -ms-flex-wrap: nowrap;
 
     -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
         flex-wrap: nowrap;
 
   }
 
   }
   .mynavbar-expand-xl .mynavbar-collapse {
+
   .navbar-expand-xl .navbar-collapse {
 
     display: -ms-flexbox !important;
 
     display: -ms-flexbox !important;
 
     display: flex !important;
 
     display: flex !important;
 
   }
 
   }
   .mynavbar-expand-xl .mynavbar-toggler {
+
   .navbar-expand-xl .navbar-toggler {
 
     display: none;
 
     display: none;
 
   }
 
   }
 
}
 
}
  
.mynavbar-expand {
+
.navbar-expand {
 
   -ms-flex-direction: row;
 
   -ms-flex-direction: row;
 
       flex-direction: row;
 
       flex-direction: row;
Line 3,531: Line 3,531:
 
}
 
}
  
.mynavbar-expand > .container,
+
.navbar-expand > .container,
.mynavbar-expand > .container-fluid {
+
.navbar-expand > .container-fluid {
 
   padding-right: 0;
 
   padding-right: 0;
 
   padding-left: 0;
 
   padding-left: 0;
 
}
 
}
  
.mynavbar-expand .mynavbar-mynav {
+
.navbar-expand .navbar-nav {
 
   -ms-flex-direction: row;
 
   -ms-flex-direction: row;
 
       flex-direction: row;
 
       flex-direction: row;
 
}
 
}
  
.mynavbar-expand .mynavbar-mynav .dropdown-menu {
+
.navbar-expand .navbar-nav .dropdown-menu {
 
   position: absolute;
 
   position: absolute;
 
}
 
}
  
.mynavbar-expand .mynavbar-mynav .dropdown-menu-right {
+
.navbar-expand .navbar-nav .dropdown-menu-right {
 
   right: 0;
 
   right: 0;
 
   left: auto;
 
   left: auto;
 
}
 
}
  
.mynavbar-expand .mynavbar-mynav .mynav-link {
+
.navbar-expand .navbar-nav .nav-link {
 
   padding-right: .5rem;
 
   padding-right: .5rem;
 
   padding-left: .5rem;
 
   padding-left: .5rem;
 
}
 
}
  
.mynavbar-expand > .container,
+
.navbar-expand > .container,
.mynavbar-expand > .container-fluid {
+
.navbar-expand > .container-fluid {
 
   -ms-flex-wrap: nowrap;
 
   -ms-flex-wrap: nowrap;
 
       flex-wrap: nowrap;
 
       flex-wrap: nowrap;
 
}
 
}
  
.mynavbar-expand .mynavbar-collapse {
+
.navbar-expand .navbar-collapse {
 
   display: -ms-flexbox !important;
 
   display: -ms-flexbox !important;
 
   display: flex !important;
 
   display: flex !important;
 
}
 
}
  
.mynavbar-expand .mynavbar-toggler {
+
.navbar-expand .navbar-toggler {
 
   display: none;
 
   display: none;
 
}
 
}
  
.mynavbar-light .mynavbar-brand {
+
.navbar-light .navbar-brand {
 
   color: rgba(0, 0, 0, 0.9);
 
   color: rgba(0, 0, 0, 0.9);
 
}
 
}
  
.mynavbar-light .mynavbar-brand:focus, .mynavbar-light .mynavbar-brand:hover {
+
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
 
   color: rgba(0, 0, 0, 0.9);
 
   color: rgba(0, 0, 0, 0.9);
 
}
 
}
  
.mynavbar-light .mynavbar-mynav .mynav-link {
+
.navbar-light .navbar-nav .nav-link {
 
   color: rgba(0, 0, 0, 0.5);
 
   color: rgba(0, 0, 0, 0.5);
 
}
 
}
  
.mynavbar-light .mynavbar-mynav .mynav-link:focus, .mynavbar-light .mynavbar-mynav .mynav-link:hover {
+
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 
   color: rgba(0, 0, 0, 0.7);
 
   color: rgba(0, 0, 0, 0.7);
 
}
 
}
  
.mynavbar-light .mynavbar-mynav .mynav-link.disabled {
+
.navbar-light .navbar-nav .nav-link.disabled {
 
   color: rgba(0, 0, 0, 0.3);
 
   color: rgba(0, 0, 0, 0.3);
 
}
 
}
  
.mynavbar-light .mynavbar-mynav .show > .mynav-link,
+
.navbar-light .navbar-nav .show > .nav-link,
.mynavbar-light .mynavbar-mynav .active > .mynav-link,
+
.navbar-light .navbar-nav .active > .nav-link,
.mynavbar-light .mynavbar-mynav .mynav-link.show,
+
.navbar-light .navbar-nav .nav-link.show,
.mynavbar-light .mynavbar-mynav .mynav-link.active {
+
.navbar-light .navbar-nav .nav-link.active {
 
   color: rgba(0, 0, 0, 0.9);
 
   color: rgba(0, 0, 0, 0.9);
 
}
 
}
  
.mynavbar-light .mynavbar-toggler {
+
.navbar-light .navbar-toggler {
 
   color: rgba(0, 0, 0, 0.5);
 
   color: rgba(0, 0, 0, 0.5);
 
   border-color: rgba(0, 0, 0, 0.1);
 
   border-color: rgba(0, 0, 0, 0.1);
 
}
 
}
  
.mynavbar-light .mynavbar-toggler-icon {
+
.navbar-light .navbar-toggler-icon {
 
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 
}
 
}
  
.mynavbar-light .mynavbar-text {
+
.navbar-light .navbar-text {
 
   color: rgba(0, 0, 0, 0.5);
 
   color: rgba(0, 0, 0, 0.5);
 
}
 
}
  
.mynavbar-dark .mynavbar-brand {
+
.navbar-dark .navbar-brand {
 
   color: white;
 
   color: white;
 
}
 
}
  
.mynavbar-dark .mynavbar-brand:focus, .mynavbar-dark .mynavbar-brand:hover {
+
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
 
   color: white;
 
   color: white;
 
}
 
}
  
.mynavbar-dark .mynavbar-mynav .mynav-link {
+
.navbar-dark .navbar-nav .nav-link {
 
   color: rgba(255, 255, 255, 0.5);
 
   color: rgba(255, 255, 255, 0.5);
 
}
 
}
  
.mynavbar-dark .mynavbar-mynav .mynav-link:focus, .mynavbar-dark .mynavbar-mynav .mynav-link:hover {
+
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
 
   color: rgba(255, 255, 255, 0.75);
 
   color: rgba(255, 255, 255, 0.75);
 
}
 
}
  
.mynavbar-dark .mynavbar-mynav .mynav-link.disabled {
+
.navbar-dark .navbar-nav .nav-link.disabled {
 
   color: rgba(255, 255, 255, 0.25);
 
   color: rgba(255, 255, 255, 0.25);
 
}
 
}
  
.mynavbar-dark .mynavbar-mynav .show > .mynav-link,
+
.navbar-dark .navbar-nav .show > .nav-link,
.mynavbar-dark .mynavbar-mynav .active > .mynav-link,
+
.navbar-dark .navbar-nav .active > .nav-link,
.mynavbar-dark .mynavbar-mynav .mynav-link.show,
+
.navbar-dark .navbar-nav .nav-link.show,
.mynavbar-dark .mynavbar-mynav .mynav-link.active {
+
.navbar-dark .navbar-nav .nav-link.active {
 
   color: white;
 
   color: white;
 
}
 
}
  
.mynavbar-dark .mynavbar-toggler {
+
.navbar-dark .navbar-toggler {
 
   color: rgba(255, 255, 255, 0.5);
 
   color: rgba(255, 255, 255, 0.5);
 
   border-color: rgba(255, 255, 255, 0.1);
 
   border-color: rgba(255, 255, 255, 0.1);
 
}
 
}
  
.mynavbar-dark .mynavbar-toggler-icon {
+
.navbar-dark .navbar-toggler-icon {
 
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 
}
 
}
  
.mynavbar-dark .mynavbar-text {
+
.navbar-dark .navbar-text {
 
   color: rgba(255, 255, 255, 0.5);
 
   color: rgba(255, 255, 255, 0.5);
 
}
 
}
Line 8,307: Line 8,307:
 
}
 
}
  
.mynavbar-light .mynavbar-mynav .mynav-link:focus, .mynavbar-light .mynavbar-mynav .mynav-link:hover{
+
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     color:#19A1C9; !important
+
     color:#19A1C9;
 +
}
 +
 
 +
.invisborder {
 +
    border-style: solid;
 +
    border-color: #f8f9fa;
 +
    border-width: 5px;
 +
    border-radius: 15px;
 
}
 
}
  
Line 8,315: Line 8,322:
 
}
 
}
  
 +
#judges_drop:hover {
 +
        border-color: #FC6321;
 +
}
 
</style>
 
</style>
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
Line 8,322: Line 8,332:
 
<head>  
 
<head>  
  
<!-- 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>
Line 8,329: Line 8,339:
  
 
<!--            Here Starts the Nav Bar                -->
 
<!--            Here Starts the Nav Bar                -->
 
 
 
<div class="container-fluid ohnepad">
 
<div class="container-fluid ohnepad">
     <nav class="mynavbar mynavbar-expand-lg mynavbar-light bg-light text-uppercase">
+
     <nav class="navbar navbar-expand-lg navbar-light bg-light text-uppercase">
         <a class="mynavbar-brand" href="https://2017.igem.org/Team:Berlin_diagnostX"><img id="logo" src="https://static.igem.org/mediawiki/2017/thumb/c/c2/T--Berlin_diagnostX--_Logo.png/800px-T--Berlin_diagnostX--_Logo.png" alt="Logo"/></a>             
+
         <a class="navbar-brand" href="https://2017.igem.org/Team:Berlin_diagnostX"><img id="logo" src="https://static.igem.org/mediawiki/2017/thumb/c/c2/T--Berlin_diagnostX--_Logo.png/800px-T--Berlin_diagnostX--_Logo.png" alt="Logo"/></a>             
         <ul class="mynavbar-mynav ml-auto mt-2 mt-lg-0">
+
         <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
             <li class="mynav-item dropdown">
+
             <li class="nav-item dropdown invisborder">
                 <a class="mynav-link dropdown-toggle" href="#" id="mynavbarDropdownMenuLink" data-toggle="dropdown">Team <b class="caret"></b></a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Team <b class="caret"></b></a>
 
                 <div class="dropdown-menu">
 
                 <div class="dropdown-menu">
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Team">Team</a>
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Team">Team</a>
Line 8,343: Line 8,351:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
             <li class="mynav-item dropdown">
+
             <li class="nav-item dropdown invisborder">
                 <a class="mynav-link dropdown-toggle" href="#" id="mynavbarDropdownMenuLink" data-toggle="dropdown">Project <b class="caret"></b></a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Project <b class="caret"></b></a>
 
                 <div class="dropdown-menu">
 
                 <div class="dropdown-menu">
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Description">Description</a>
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Description">Description</a>
Line 8,357: Line 8,365:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
             <li class="mynavbar-item">
+
             <li class="navbar-item invisborder">
                 <a class="mynav-link" href="https://2017.igem.org/Team:Berlin_diagnostX/Collaborations">Collaborations</a>
+
                 <a class="nav-link" href="https://2017.igem.org/Team:Berlin_diagnostX/Collaborations">Collaborations</a>
 
             </li>
 
             </li>
             <li class="mynav-item dropdown">
+
             <li class="nav-item dropdown invisborder">
                 <a class="mynav-link dropdown-toggle" href="#" id="mynavbarDropdownMenuLink" data-toggle="dropdown">Human Practise <b class="caret"></b></a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Human Practise <b class="caret"></b></a>
 
                 <div class="dropdown-menu">
 
                 <div class="dropdown-menu">
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Silver">Human Practise</a>
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Silver">Human Practise</a>
Line 8,371: Line 8,379:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
             <li class="mynavbar-item">
+
             <li class="navbar-item invisborder">
                 <a class="mynav-link" href="https://2017.igem.org/Team:Berlin_diagnostX/Notebook">Notebook</a>
+
                 <a class="nav-link" href="https://2017.igem.org/Team:Berlin_diagnostX/Notebook">Notebook</a>
 
             </li>
 
             </li>
             <li class="mynav-item dropdown">
+
             <li class="nav-item dropdown invisborder">
                 <a class="mynav-link dropdown-toggle" href="#" id="mynavbarDropdownMenuLink" data-toggle="dropdown">Entrepreneurship <b class="caret"></b></a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Entrepreneurship <b class="caret"></b></a>
 
                 <div class="dropdown-menu">
 
                 <div class="dropdown-menu">
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Entrepreneurship">Social Entrepreneurship</a>
 
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Entrepreneurship">Social Entrepreneurship</a>
Line 8,382: Line 8,390:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
             <li class="mynav-item dropdown" id="judges_drop">
+
             <li class="nav-item dropdown invisborder" id="judges_drop">
                 <a class="mynav-link dropdown-toggle hovereffectmynav" id="judges_drop mynavbarDropdownMenuLink" href="#" data-toggle="dropdown">For Judges <b class="caret"></b></a>
+
                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" href="#" data-toggle="dropdown">For Judges <b class="caret"></b></a>
 
                 <div class="dropdown-menu">
 
                 <div class="dropdown-menu">
 
                     <a class="dropdown-item" href="#">Medals</a>
 
                     <a class="dropdown-item" href="#">Medals</a>

Revision as of 21:15, 21 October 2017