1 line
9.0 KiB
CSS
1 line
9.0 KiB
CSS
|
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600&display=swap');
body {
font-family: "Kanit";
color: #666666;
}
.text-logo {
font-size: 26px;
color: #e44b10;
-webkit-text-fill-color: #e44b10; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #e44b10;
}
.bg-light {
background-color: #ff6701 !important;
}
/* adds some margin below the link sets */
.navbar .dropdown-menu div[class*="col"] {
margin-bottom: -1rem;
}
.navbar .dropdown-menu {
/*border: none;*/
background-color: #ff6701 !important;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
font-family: Bai Jamjuree sans-serif;
}
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
/* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
padding-top: 0px;
padding-bottom: 0px;
}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
padding: .5rem .5rem;
margin: 0 .25rem;
}
/* makes the dropdown full width */
/*.navbar .dropdown {
position: static;
}*/
/*.navbar .dropdown-menu {
width: 100%;
left: 0;
right: 0;
/* height of nav-item
top: 45px;
}*/
/* shows the dropdown menu on hover */
/*.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
display: block !important;
}*/
.navbar .dropdown-menu {
border: 1px solid rgba(0, 0, 0, .15);
background-color: #fff;
}
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: #000000;
}
.navbar-light .navbar-nav .nav-link {
color: white;
}
section {
padding-top: 30px;
padding-bottom: 30px;
}
.section a:hover {
color: #ff6701;
}
.section-header {
/*background-image: url("../img/header.jpg");
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;*/
}
.section-latest-news {
background: #ee9ca7; /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #ffdde1, #ee9ca7); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #ffdde1, #ee9ca7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.section-group-news {
background-color: #dddddd;
}
.section-meeting {
background-color: #dddddd;
}
.section-footer {
background-color: dimgrey;
color: white;
}
.section-credit {
color: white;
background-color: #ff6701;
}
.card {
border: none;
}
.post-meta {
font-size: smaller;
list-style: none;
}
.event-list {
list-style: none;
display: inline;
}
.fc-header-toolbar h2 {
font-size: 24px;
}
.department-group-news {
list-style: none;
}
.collapse-header {
font-size: 20px;
font-weight: bold;
}
.box {
border: 6px solid;
padding: 10px;
}
.box-green {
color: green;
}
.box-orange {
color: orange;
}
.box-red {
color: orangered;
}
.box-yellow {
color: yellowgreen;
}
.section-link-banner {
z-index: 1;
background-color: #ffffff;
position: relative;
}
.section-link-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .1;
z-index: -1;
background-image: url("../img/.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
}
|