Line 7: | Line 7: | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
− | + | html, body { | |
− | html,body { | + | font-family: 'Open Sans', serif; |
− | font-family: 'Open Sans', | + | font-size: 16px; |
+ | line-height: 1.5; | ||
+ | height: 100%; | ||
+ | background: #ECF0F3; | ||
+ | } | ||
+ | nav.navbar { | ||
+ | border-top: 4px solid #276cda; | ||
+ | margin-bottom: 1rem; | ||
+ | } | ||
+ | .navbar-item.brand-text { | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | .navbar-item, .navbar-link { | ||
font-size: 14px; | font-size: 14px; | ||
− | + | font-weight: 700; | |
} | } | ||
− | . | + | .columns { |
− | + | width: 100%; | |
+ | height: 100%; | ||
} | } | ||
− | . | + | .menu-label { |
− | + | color: #8F99A3; | |
− | font-weight: | + | letter-spacing: 1.3; |
+ | font-weight: 700; | ||
} | } | ||
− | . | + | .menu-list a { |
− | { | + | color: #0F1D38; |
− | + | font-size: 14px; | |
− | + | font-weight: 700; | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .menu-list a:hover { |
− | + | background-color: transparent; | |
− | + | color: #276cda; | |
} | } | ||
− | . | + | .menu-list a.is-active { |
− | + | background-color: transparent; | |
− | + | color: #276cda; | |
+ | font-weight: 700; | ||
} | } | ||
− | . | + | .card { |
− | + | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18); | |
− | + | margin-bottom: 2rem; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .card-header-title { |
− | + | color: #8F99A3; | |
− | + | font-weight: 400; | |
} | } | ||
− | . | + | .info-tiles { |
− | margin | + | margin: 1rem 0; |
} | } | ||
− | . | + | .info-tiles .subtitle { |
− | + | font-weight: 300; | |
+ | color: #8F99A3; | ||
} | } | ||
− | + | .hero.welcome.is-info { | |
− | + | background: #36D1DC; | |
− | + | background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC); | |
+ | background: linear-gradient(to right, #5B86E5, #36D1DC); | ||
} | } | ||
− | . | + | .hero.welcome .title, .hero.welcome .subtitle { |
− | font-size: | + | color: hsl(192, 17%, 99%); |
− | font- | + | } |
− | + | .card .content { | |
+ | font-size: 14px; | ||
+ | } | ||
+ | .card-footer-item { | ||
+ | font-size: 14px; | ||
+ | font-weight: 700; | ||
+ | color: #8F99A3; | ||
} | } | ||
− | . | + | .card-footer-item:hover { |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .card-table .table { |
− | + | margin-bottom: 0; | |
− | + | ||
} | } | ||
− | . | + | .events-card .card-table { |
− | + | max-height: 250px; | |
+ | overflow-y: scroll; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 11:01, 21 June 2018