This repository has been archived on 2022-02-10. You can view files and clone it, but cannot push or open issues or pull requests.
rangitaki/themes/nextDESIGN.css
2016-05-21 19:51:56 +02:00

207 lines
3.6 KiB
CSS

body {
font-family: "Fira Sans", sans-serif;
background: #f0f0f0;
color: #383838;
margin: 130px 0 0
}
::selection, ::-moz-selection {
color: #f0f0f0;
background-color: #4CAF50
}
.header {
height: 55px;
background-color: #4CAF50;
position: fixed;
box-shadow: 2px 0 2px 2px rgba(62, 62, 62, 0.45)
}
.title {
line-height: 55px;
color: #fff;
position: absolute;
left: 0;
margin-left: calc(20% + 24px)
}
.title > a {
color: #fff;
text-decoration: none
}
.fadeout {
height: 55px;
background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, #4CAF50 100%);
background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, #4CAF50 100%);
background: -o-linear-gradient(left, rgba(30, 87, 153, 0) 0%, #4CAF50 100%);
background: -ms-linear-gradient(left, rgba(30, 87, 153, 0) 0%, #4CAF50 100%);
background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, #4CAF50 100%)
}
.nav-img {
padding: 14px 19px
}
.nav {
background-color: #fff;
border-right: 1px solid #e0e0e0
}
.nav-item, .nav-item-static {
color: #383838
}
.nav-item {
font-weight: 600
}
.nav-item:hover {
color: #4CAF50
}
.nav-item:active {
background-color: #e2e2e2
}
.divider {
border-bottom: 1px solid #e0e0e0
}
.card {
background: none;
border-radius: 0;
box-shadow: none;
margin: 0 20% 100px;
width: auto
}
.card a {
color: #4CAF50;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-bottom-color 150ms ease-in-out 100ms
}
.card a:hover {
border-bottom-color: #4CAF50
}
.headline {
font-size: 30px;
line-height: 50px;
color: #383838 !important;
text-decoration: none;
border-bottom: none !important
}
.headline:hover {
color: #4CAF50 !important
}
.date {
font-size: 13px
}
.articletext {
margin-top: 30px;
font-size: 16px;
line-height: 30px
}
.author, .tag {
font-size: 13px
}
.fab {
background-color: #4CAF50;
box-shadow: 0 1px 1.5px 1.5px rgba(62, 62, 62, 0.3)
}
.subfab {
background-color: #fff;
box-shadow: 0 1px 1.5px 1.5px rgba(62, 62, 62, 0.3)
}
.button {
color: #4CAF50;
border-bottom: 1px solid transparent;
margin: 0;
min-width: 0;
padding: 0;
line-height: 16px;
height: 16px;
transition-property: border-bottom-color;
transition-delay: 50ms;
transition-duration: 125ms;
transition-timing-function: ease;
-moz-transition-property: border-bottom-color;
-moz-transition-delay: 50ms;
-moz-transition-duration: 125ms;
-moz-transition-timing-function: ease;
-webkit-transition-property: border-bottom-color;
-webkit-transition-delay: 50ms;
-webkit-transition-duration: 125ms;
-webkit-transition-timing-function: ease
}
.button:hover {
border-bottom-color: #4CAF50
}
.pag_prev {
float: left
}
.button:last-child {
float: none
}
.footer {
text-align: center;
height: 60px;
background-color: #2D2D2D;
line-height: 60px;
width: 100%;
color: #fff
}
.footer a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid transparent
}
.footer a:hover {
border-bottom-color: #fff
}
.hljs {
background: none
}
@media screen and (min-width: 1440px) {
.title {
margin-left: calc(20% - 40px)
}
.nav {
padding-top: 55px
}
}
@media screen and (max-width: 800px) {
body {
margin-top: 80px
}
.title {
margin-left: 20%
}
.card {
margin: 0 5% 100px
}
}
/*# sourceMappingURL=nextDESIGN.css.map */