/modules/uoa-usage-statistics/trunk/src/styles.css - Annotate - D-Net - D-Net project tracking tool

dnet40/modules/uoa-usage-statistics/trunk/src/styles.css @ 60030

-            k.triantaf
+/* You can add global styles to this file, and also import other style files */
 @import "assets/common-assets/common/theme.css";
 @import "assets/common-assets/common/custom.css";
 @import "assets/common-assets/library.css";
 :root {
   --portal-main-color: #e95420;
   --portal-main-contrast: white;
-            k.triantaf
+  --provide-portal-color: #37C7E9;
-            k.triantaf
+  --portal-dark-color: #a0462c;
             k.triantaf
             k.triantaf
-            k.triantaf
+.top-bar-background {
   background-color: #F9FBFC;
+}
-            k.triantaf
+main {
-            k.triantaf
+  background-color: #F9FBFC;
   color: #333333;
-            k.triantaf
+  min-height: calc(100vh - 100px);
-            k.triantaf
+  font-size: 16px;
-            k.triantaf
+  font-family: Roboto, sans-serif;
-            k.triantaf
+  line-height: 21px;
-            k.triantaf
+  letter-spacing: 0.48px;
             k.triantaf
             k.triantaf
-            k.triantaf
+navbar > * {
   background-color: #F9FBFC;
+}
-            k.triantaf
+main.full-height {
   min-height: 100vh;
+}
             k.triantaf
 /* Order list */
 ol.light-blue {
   counter-reset: counter;
   list-style: none;
+}
 ol.light-blue li {
   margin: 0 0 20px 0;
   counter-increment: counter;
   position: relative;
+}
 ol.light-blue li::before {
   content: counter(counter);
   color: #4687E6;
   font-size: 27px;
   position: absolute;
   --size: 22px;
   left: calc(-1 * var(--size) - 10px);
   line-height: var(--size);
   width: var(--size);
   height: var(--size);
   top: 0;
   text-align: center;
+}
 ol.openaire-list {
   list-style: none;
   counter-reset: counter;
   padding-left: 0;
+}
 ol.openaire-list li {
   counter-increment: counter;
+}
 ol.openaire-list li::before {
   content: counter(counter) ". ";
   color: #222080;
   font-weight: bold;
+}
 /* Unordered list*/
 ul.light-blue-circle {
   list-style: none;
+}
 ul.light-blue-circle li {
   margin: 0 0 20px 0;
   position: relative;
+}
 ul.light-blue-circle.large li {
-            k.triantaf
+  margin: 0 0 40px 0;
             k.triantaf
 ul.light-blue-circle li:last-child {
   margin: 0;
+}
 ul.light-blue-circle li:before {
   content: "";
   border: 10px #4687E6 solid !important;
   border-radius: 50px;
   line-height: 21px;
   margin-left: -40px;
   position: absolute;
+}
 ul.light-blue-triangle {
   list-style: none;
-            k.triantaf
+  padding-left: 40px;
             k.triantaf
 ul.light-blue-triangle li {
-            k.triantaf
+  margin: 0 0 40px 0;
-            k.triantaf
+  position: relative;
+}
 ul.light-blue-triangle.large li {
   margin: 0 0 50px 0;
+}
 ul.light-blue-triangle li:last-child {
   margin: 0;
+}
 ul.light-blue-triangle li:before {
   content: "";
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   border-left: 15px solid #4687E6;
   line-height: 21px;
   margin-left: -40px;
   position: absolute;
+}
 ul.portal-circle {
   list-style: none;
   padding-left: 40px;
+}
 ul.portal-circle li {
   margin: 0 0 20px 0;
   position: relative;
+}
 ul.portal-circle li:before {
   content: "";
   border: 5px var(--portal-main-color) solid !important;
   border-radius: 50px;
   line-height: 21px;
   margin-left: -20px;
   position: absolute;
   top: 4px;
+}
 contact .uk-text-danger {
   color: #B50000 !important;
   font-size: 12px;
+}
             k.triantaf
 .footer,
 .footer .uk-section-primary {
   background-color: #ffffff;
   color: #000000 !important;
   font-family: "Open Sans", sans-serif !important;
   font-size: 14px !important;
   font-weight: 400!important;
+}
 .footer svg .stroke_line {
   stroke: #000000 !important;
+}
 .footer svg .fill_text {
   fill: #000000 !important;
+}
 .footer .uk-h6:not(.ignoreFooter),
 .footer .uk-h5:not(.ignoreFooter),
 .footer .uk-h4:not(.ignoreFooter),
 .footer .uk-h3:not(.ignoreFooter),
 .footer .uk-h2:not(.ignoreFooter),
 .footer .uk-h1:not(.ignoreFooter) {
   color: #000000 !important;
+}
 .footer .uk-link:not(.ignoreFooter),
 .footer a:not(.uk-button):not(.uk-button-text):not(.ignoreFooter) {
   color: #000000 !important;
   font-family: "Open Sans", sans-serif !important;
   font-size: 14px !important;
+}
 .footer .uk-icon-button {
   border-color: rgba(0, 0, 0, 0.5);
+}
 .footer .uk-totop {
   background-color: #ffffff;
+}
 .footer .uk-totop svg {
   color: rgba(0, 0, 0, 0.5);
+}
 .footer .uk-totop:hover svg {
   color: black;
+}
 .footer .uk-link:not(.ignoreFooter):hover,
 .footer a:not(.uk-button):not(.uk-button-text):not(.ignoreFooter):hover {
   color: #000000 !important;
+}
 .footer .uk-label:not(.ignoreFooter) a {
   border-color: #000000;
   border-bottom: 1px solid;
+}
 .footer .uk-label:not(.ignoreFooter) a:hover {
   border-color: rgba(0, 0, 0, 0.5);
+}
 .footer .uk-button:not(.ignoreFooter) {
   background-color: #ffffff !important;
   color: black !important;
   border-color: #ffffff !important;
   border-style: solid !important;
   border-width: 1px !important;
+}
 .footer .uk-button:not(.ignoreFooter):hover {
   background-color: #eeeeee !important;
   /*color: var(--portal-main-color) !important;*/
   color: black !important;
   border-color: #eeeeee !important;
+}
             k.triantaf
 navbar .uk-navbar-nav>li:hover>a, navbar.uk-navbar-nav>li>a.uk-open, navbar .uk-navbar-nav>li>a:focus, navbar .uk-navbar-nav>li.uk-active>a {
   color: var(--portal-main-color);
+}
             k.triantaf
 .uk-hr, hr {
   border-color: #dedede;
+}
 @media only screen and (max-width: 959px) {
   ul.portal-circle {
     padding-left: 20px;
+  }
   ul.light-blue-triangle li {
     margin: 0 0 20px 0;
+  }
   ul.light-blue-circle.large li {
     margin: 0 0 20px 0;
+  }
+}

Project

General

Profile

D-Net