css/components/tabs.css

@@ -4,5 +4,5 @@
  */
 
 nav.tabs {
-  margin-bottom: 20px;
+  margin-bottom: 1rem;
 }

css/components/toolbar.css

+body.toolbar-horizontal #navbar-top.fixed-top,
+body.toolbar-vertical #navbar-top.fixed-top,
+body.toolbar-vertical.toolbar-tray-open #navbar-top.fixed-top,
+body.toolbar-horizontal #navbar-main.fixed-top,
+body.toolbar-vertical #navbar-main.fixed-top,
+body.toolbar-vertical.toolbar-tray-open #navbar-main.fixed-top {
+  top: 40px;
+}
+body.toolbar-horizontal.toolbar-tray-open #navbar-top.fixed-top,
+body.toolbar-horizontal.toolbar-tray-open #navbar-main.fixed-top {
+  top: 80px;
+}
+body.toolbar-fixed .toolbar-oriented .toolbar-bar {
+  z-index: 1040;
+}

css/components/user.css

@@ -66,10 +66,32 @@
 }
 
 /* Login page stype */
-.page-user-login main .region-content, .page-user-password main .region-content {
+.page-user-login main .region-content,
+.page-user-password main .region-content {
   max-width: 400px;
   background: white;
   padding: 15px 25px;
   margin: 0 auto;
   border-radius: 5px;
 }
+
+/* User account page */
+body.path-user .field--label-inline .field__label {
+  width: 100px;
+}
+
+body.path-user .field--label-inline .field__item {
+  padding: 0.25rem 1rem;
+  border-radius: 1rem;
+  background: #e9ecef;
+  min-width: 250px;
+  margin: 0.25rem 0;
+}
+
+body.path-user .field--label-above .field__item {
+  padding: 0.25rem 1rem;
+  border-radius: 1rem;
+  background: #e9ecef;
+  width: 100%;
+  margin: 0.25rem 0;
+}
\ No newline at end of file

css/components/vertical-tabs.css

@@ -4,64 +4,87 @@
  */
 
 .vertical-tabs {
-  margin: 1em 0 1em 15em; /* LTR */
+  margin: 0;
+  /* LTR */
   border: 1px solid #ccc;
+  display: flex;
+  flex-direction: row;
+  font-size: 0.875rem;
 }
+
 [dir="rtl"] .vertical-tabs {
-   margin-left: 0;
-   margin-right: 15em;
+  flex-direction: row-reverse;
+  margin-left: 0;
+  margin-right: 0;
 }
+
 .vertical-tabs__menu {
-  float: left; /* LTR */
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  /* LTR */
   width: 15em;
-  margin: -1px 0 -1px -15em; /* LTR */
+  margin: 0;
+  /* LTR */
   padding: 0;
   border-top: 1px solid #ccc;
   list-style: none;
 }
+
 [dir="rtl"] .vertical-tabs__menu {
-  float: right;
   margin-left: 0;
   margin-right: -15em;
 }
+
 .vertical-tabs__pane {
   margin: 0;
   border: 0;
 }
-.vertical-tabs__pane > summary {
+
+.vertical-tabs__pane>summary {
   display: none;
 }
 
+
 /* Layout of each tab. */
+
 .vertical-tabs__menu-item {
   border: 1px solid #ccc;
   border-top: 0;
   background: #eee;
 }
+
 .vertical-tabs__menu-item a {
   display: block;
   padding: 0.5em 0.6em;
   text-decoration: none;
 }
+
 .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
 .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
 .vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
   text-decoration: underline;
 }
+
 .vertical-tabs__menu-item a:hover {
   outline: 1px dotted;
 }
+
 .vertical-tabs__menu-item.is-selected {
-  border-right-width: 0; /* LTR */
+  border-right-width: 0;
+  /* LTR */
   background-color: #fff;
 }
+
 [dir="rtl"] .vertical-tabs__menu-item.is-selected {
   border-left-width: 0;
   border-right-width: 1px;
 }
+
 .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
   color: #000;
 }
+
 .vertical-tabs__menu-item-summary {
   display: block;
   margin-bottom: 0;

css/components/views.css

@@ -9,7 +9,7 @@
 }
 .views-displays .tabs .open > a:hover,
 .views-displays .tabs .open > a:focus {
-  color: #0071B3;
+  color: #0071b3;
 }
 .views-displays .secondary .form-submit {
   font-size: 0.846em;
@@ -22,14 +22,14 @@
 
 /* Contextual filter options styles */
 .views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
-  background-color: #F9F9F9;
+  background-color: #f9f9f9;
 }
 
 /* Views action dropbutton styles */
 .views-ui-display-tab-actions .dropbutton .form-submit {
-  color: #0071B3;
+  color: #0071b3;
 }
 .views-ui-display-tab-actions .dropbutton .form-submit:hover,
 .views-ui-display-tab-actions .dropbutton .form-submit:focus {
-  color: #018FE2;
+  color: #018fe2;
 }

css/print.css

-
 /* ---------- General Layout ---------- */
 
 body,
@@ -8,9 +7,9 @@ select {
   color: #000;
   background: none;
 }
-body.two-sidebars,
-body.sidebar-first,
-body.sidebar-second,
+.two-sidebars,
+.sidebar-first,
+.sidebar-second,
 body {
   width: 640px;
 }

fonts/alegreya_roboto.css

-
 /* ---------- Alegreya, Roboto Condensed, Roboto ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: 'Alegreya', serif;
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: 'Alegreya', serif;
+}
+h1,
+h1 a {
+  font-family: 'Alegreya', serif;
+  font-weight: 700;
+}
+h2,
+h2 a {
+  font-family: 'Alegreya', serif;
+  font-weight: 700;
+}
+h4,
+h5,
+h6 {
+  font-family: 'Roboto Condensed', sans-serif;
+}
+h3,
+h3 a {
+  font-family: 'Roboto Condensed', sans-serif;
+  font-weight: normal;
+  text-transform: uppercase;
+  letter-spacing: 2px;
 }
-h1, h1 a {
-	font-weight: 700;
-    }
-h2, h2 a {
-	font-weight: 700;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: 'Roboto Condensed', sans-serif;
+body,
+p,
+a,
+li {
+  font-family: 'Roboto', sans-serif;
 }
-h3 {
-    font-weight: normal;
-    text-transform: uppercase;
-    letter-spacing: 2px;
-    }
-body, p, a, li {
-    font-family: 'Roboto', sans-serif;
-    }
\ No newline at end of file

fonts/amatic_josefin.css

-
 /* ---------- Amatic SC, Josefin Sans ---------- */
 
-h1, h1 a {
-    font-family: 'Amatic SC', cursive;
-    font-weight: 700;
-    }
-h2, h3, h4, h5, h6, h2 a, h3 a {
-    font-family: 'Amatic SC', cursive;
+h1,
+h1 a {
+  font-family: 'Amatic SC', cursive;
+  font-weight: 700;
+}
+h2,
+h3,
+h4,
+h5,
+h6,
+h2 a,
+h3 a {
+  font-family: 'Amatic SC', cursive;
+}
+body,
+p,
+li,
+a {
+  font-family: 'Josefin Sans', sans-serif;
 }
-body, p, li, a {
-    font-family: 'Josefin Sans', sans-serif;
-  }

fonts/coustard_leckerli.css

-
 /* ---------- Coustard Ultra, Leckerli One ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: 'Coustard', serif;
-    font-weight: 900;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: 'Coustard', serif;
-    }
-body, p, a, li {
-    font-family: 'Leckerli One', cursive;
-    font-weight: 400;
-    }
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: 'Coustard', serif;
+  font-weight: 900;
+}
+h3,
+h4,
+h5,
+h6,
+h3 a {
+  font-family: 'Coustard', serif;
+}
+body,
+p,
+a,
+li {
+  font-family: 'Leckerli One', cursive;
+  font-weight: 400;
+}

fonts/dancing_garamond.css

-
 /* ---------- Dancing Script, EB Garamond ---------- */
 
-h1, h1 a {
-    font-family: 'Dancing Script', cursive;
-    font-weight: 700;
-    }
-h2, h3, h4, h5, h6, h2 a, h3 a {
-    font-family: 'EB Garamond', serif;
-    font-weight: normal;
-    text-transform: uppercase;
-    }
-body, p, a, li {
-    font-family: 'EB Garamond', serif;
-    }
\ No newline at end of file
+h1,
+h1 a {
+  font-family: 'Dancing Script', cursive;
+  font-weight: 700;
+}
+h2,
+h3,
+h4,
+h5,
+h6,
+h2 a,
+h3 a {
+  font-family: 'EB Garamond', serif;
+  font-weight: normal;
+  text-transform: uppercase;
+}
+body,
+p,
+a,
+li {
+  font-family: 'EB Garamond', serif;
+}

fonts/dosis_opensans.css

-
 /* ---------- Dosis, Open Sans ---------- */
 
-h1, h1 a {
-    font-family: 'Playfair Display', serif;
-    font-weight: 900;
-    }
-h2, h3, h4, h5, h6, h2 a, h3 a {
-    font-family: 'Playfair Display', serif;
-    }
-body, p, a, li {
-    font-family: 'Alice', serif;
-    }
\ No newline at end of file
+h1,
+h1 a {
+  font-family: 'Dosis', serif;
+  font-weight: 900;
+}
+h2,
+h3,
+h4,
+h5,
+h6,
+h2 a,
+h3 a {
+  font-family: 'Dosis', serif;
+}
+body,
+p,
+a,
+li {
+  font-family: 'Open Sans', serif;
+}

fonts/fjalla_cantarell.css

-
 /* ---------- Fjalla One, Cantarell ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: 'Fjalla One', sans-serif;
-    font-weight: normal;
-    text-transform: uppercase;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: 'Cantarell', sans-serif;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: -1px;
-    }
-body, p, a, li {
-    font-family: 'Cantarell', sans-serif;
-    }
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: 'Fjalla One', sans-serif;
+  font-weight: normal;
+  text-transform: uppercase;
+}
+h3,
+h4,
+h5,
+h6,
+h3 a {
+  font-family: 'Cantarell', sans-serif;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: -1px;
+}
+body,
+p,
+a,
+li {
+  font-family: 'Cantarell', sans-serif;
+}

fonts/lato_hotel.css

-
 /* ---------- Lato, Grand Hotel ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: 'Lato', sans-serif;
-    font-weight: 300;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: 'Grand Hotel', cursive;
-    font-weight: normal;
-    }
-body, p, a, li {
-    font-family: 'Lato', sans-serif;
-    }
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: 'Lato', sans-serif;
+  font-weight: 300;
+}
+h3,
+h4,
+h5,
+h6,
+h3 a {
+  font-family: 'Grand Hotel', cursive;
+  font-weight: normal;
+}
+body,
+p,
+a,
+li {
+  font-family: 'Lato', sans-serif;
+}

fonts/medula_abel.css

-
 /* ---------- Medula One, Abel ---------- */
 
-h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a {
-    font-family: 'Medula One', cursive;
-    }
-body, p, a, li {
-    font-family: 'Abel', sans-serif;
-    }
\ No newline at end of file
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+h1 a,
+h2 a,
+h3 a {
+  font-family: 'Medula One', cursive;
+}
+body,
+p,
+a,
+li {
+  font-family: 'Abel', sans-serif;
+}

fonts/monserrat_lato.css

-
 /* ---------- Monserrat, Lato ---------- */
 
-body, p, a, li {
+body,
+p,
+a,
+li {
   font-family: 'Lato', arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+h1 a,
+h2 a,
+h3 a {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
-}
\ No newline at end of file
+}

fonts/oswald_droid.css

-
 /* ---------- Oswald, Droid Serif ---------- */
 
-h1, h1 a {
-    font-family: 'Oswald', sans-serif;
-    font-weight: 700;
-    text-transform: uppercase;
-    }
-h2, h2 a {
-    font-family: 'Oswald', sans-serif;
-    text-transform: uppercase;
+h1,
+h1 a {
+  font-family: 'Oswald', sans-serif;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+h2,
+h2 a {
+  font-family: 'Oswald', sans-serif;
+  text-transform: uppercase;
+}
+h3,
+h3 a {
+  font-family: 'Droid Serif', serif;
+  font-weight: 400;
+  font-style: italic;
+}
+body,
+p,
+h4,
+h5,
+h6,
+a,
+li {
+  font-family: 'Droid Serif', serif;
 }
-h3, h3 a {
-    font-family: 'Droid Serif', serif;
-    font-weight: 400;
-    font-style: italic;
-    }
-body, p, h4, h5, h6, a, li {
-    font-family: 'Droid Serif', serif;
-    }

fonts/philosopher_muli.css

-
 /* ---------- Philosopher, Muli ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: "Philosopher",sans-serif;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: "Muli",sans-serif;
-    }
-body, p, a, li {
-    font-family: "Muli",sans-serif;
-    font-weight: 300;
-    }
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: "Philosopher",sans-serif;
+}
+h3,
+h4,
+h5,
+h6,
+h3 a {
+  font-family: "Muli",sans-serif;
+}
+body,
+p,
+a,
+li {
+  font-family: "Muli",sans-serif;
+  font-weight: 300;
+}

fonts/playfair_alice.css

-
 /* ---------- Playfair Display, Alice ---------- */
 
-h1, h1 a {
-    font-family: 'Playfair Display', serif;
-    font-weight: 900;
-    }
-h2, h3, h4, h5, h6, h2 a, h3 a {
-    font-family: 'Playfair Display', serif;
-    }
-body, p, a, li {
-    font-family: 'Alice', serif;
-    }
\ No newline at end of file
+h1,
+h1 a {
+  font-family: 'Playfair Display', serif;
+  font-weight: 900;
+}
+h2,
+h3,
+h4,
+h5,
+h6,
+h2 a,
+h3 a {
+  font-family: 'Playfair Display', serif;
+}
+body,
+p,
+a,
+li {
+  font-family: 'Alice', serif;
+}

fonts/roboto.css

-
 /* ---------- Alegreya, Roboto Condensed, Roboto ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: 'Roboto Condensed', sans-serif;
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: 'Roboto Condensed', sans-serif;
+}
+h1,
+h1 a {
+  font-family: 'Roboto Condensed', sans-serif;
+  font-weight: 700;
+}
+h2,
+h2 a {
+  font-family: 'Roboto Condensed', sans-serif;
+  font-weight: 700;
+}
+h4,
+h5,
+h6 {
+  font-family: 'Roboto Condensed', sans-serif;
+}
+h3,
+h3 a {
+  font-weight: normal;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-family: 'Roboto Condensed', sans-serif;
 }
-h1, h1 a {
-	font-weight: 700;
-    }
-h2, h2 a {
-	font-weight: 700;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: 'Roboto Condensed', sans-serif;
+body,
+p,
+a,
+li {
+  font-family: 'Roboto', sans-serif;
 }
-h3, h3 a {
-    font-weight: normal;
-    text-transform: uppercase;
-    letter-spacing: 2px;
-    }
-body, p, a, li {
-    font-family: 'Roboto', sans-serif;
-    }
\ No newline at end of file

fonts/vollkorn_exo.css

-
 /* ---------- Vollkorn, Exo ---------- */
 
-h1, h2, h1 a, h2 a {
-    font-family: "Vollkorn",serif;
-    font-weight: 700;
-    }
-h3, h4, h5, h6, h3 a {
-    font-family: "Vollkorn",serif;
-    }
-body, p, a, li {
-    font-family: "Exo",sans-serif;
-    font-weight: 400;
-    }
+h1,
+h2,
+h1 a,
+h2 a {
+  font-family: "Vollkorn",serif;
+  font-weight: 700;
+}
+h3,
+h4,
+h5,
+h6,
+h3 a {
+  font-family: "Vollkorn",serif;
+}
+body,
+p,
+a,
+li {
+  font-family: "Exo",sans-serif;
+  font-weight: 400;
+}