website/themes/hugo-theme-wave/static/css/mobile.css

210 lines
2.7 KiB
CSS
Raw Normal View History

2022-08-08 21:00:45 +02:00
@media screen and (min-width: 900px) {
2020-01-12 14:14:15 +01:00
#footer-center {
left: 50% !important;
2020-01-12 14:14:15 +01:00
}
}
2022-08-08 21:00:45 +02:00
@media screen and (min-width: 800px) {
2020-01-12 14:14:15 +01:00
#sidebar {
display: inline;
2022-08-08 21:00:45 +02:00
float: right;
width: auto !important;
2022-08-08 21:00:45 +02:00
max-width: 400px;
2020-01-12 14:14:15 +01:00
}
2020-01-12 14:14:15 +01:00
#main {
display: inline;
float: left;
2020-03-05 23:37:02 +01:00
width: 60%;
2020-01-12 14:14:15 +01:00
margin: 0 0.7692307692308%;
}
2020-01-12 14:14:15 +01:00
#main-nav-mobile {
display: none;
}
2020-01-12 14:14:15 +01:00
#sub-nav {
display: none;
}
2020-01-12 14:14:15 +01:00
#profile {
display: block;
}
2020-01-12 14:14:15 +01:00
#article-nav {
margin: 40px 0;
}
2020-01-12 14:14:15 +01:00
#article-nav:before {
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
content: "";
-webkit-border-radius: 50%;
border-radius: 50%;
background: #787c81;
}
2020-01-12 14:14:15 +01:00
.article-nav-link-wrap {
width: 50%;
margin-top: 0;
}
2020-01-12 14:14:15 +01:00
#article-nav-newer {
float: left;
text-align: right;
padding-right: 20px;
}
2020-01-12 14:14:15 +01:00
#article-nav-older {
float: right;
text-align: left;
padding-left: 20px;
}
}
2022-08-08 21:00:45 +02:00
@media screen and (max-width: 700px) {
#footer-right {
display: none;
2020-01-12 14:14:15 +01:00
}
#footer-left {
display: none;
2020-01-12 14:14:15 +01:00
}
#container>.outer {
width: auto;
2020-01-12 14:14:15 +01:00
}
2020-01-12 14:14:15 +01:00
#footer .outer {
width: auto;
2020-01-12 14:14:15 +01:00
}
2020-01-12 14:14:15 +01:00
.container-fluid {
width: auto;
2020-01-12 14:14:15 +01:00
padding-top: 7px;
}
}
@media screen and (max-width: 900px) {
header .outer {
border-bottom: solid 0px #428bca;
}
#header a,
#header a:visited {
color: #fff;
position: relative;
margin-bottom: 4px;
2020-01-12 14:14:15 +01:00
}
}
2022-08-08 21:00:45 +02:00
@media screen and (min-width: 500px) and (max-width: 899px) {
2020-01-12 14:14:15 +01:00
#sidebar {
display: inline;
float: left;
width: auto !important;
2022-08-08 21:00:45 +02:00
max-width: 200px;
2020-01-12 14:14:15 +01:00
}
2020-01-12 14:14:15 +01:00
#main {
display: inline;
float: left;
width: 67.6923076923077%;
margin: 0 0.7692307692308%;
}
2020-01-12 14:14:15 +01:00
#main-nav-mobile {
display: none;
}
}
@media screen and (min-width: 560px) and (max-width: 799px) {
#toTop {
width: 54px;
height: 54px;
font-size: 28px;
line-height: 54px;
}
2020-01-12 14:14:15 +01:00
#header-sub {
display: none;
}
2020-01-12 14:14:15 +01:00
#main-nav {
display: none;
}
}
@media screen and (max-width: 700px) {
div#example-heatmap {
padding: 30px;
overflow: auto;
}
}
@media screen and (max-width: 559px) {
.widget-wrap {
margin: 40px 20px;
}
2020-01-12 14:14:15 +01:00
#toTop {
width: 54px;
height: 54px;
font-size: 28px;
line-height: 54px;
}
2020-01-12 14:14:15 +01:00
.outer {
padding: 0;
}
2020-01-12 14:14:15 +01:00
#header-sub {
display: none;
}
2020-01-12 14:14:15 +01:00
#main-nav {
display: none;
}
2020-01-12 14:14:15 +01:00
#main-nav-mobile .menu .search-form-input {
display: block;
}
2020-01-12 14:14:15 +01:00
.archive-year-wrap,
.archive-category-wrap,
.archive-tag-wrap,
.layout-title {
padding: 0 15px;
font-size: 1.2em;
}
2020-01-12 14:14:15 +01:00
.layout-wrap-inner {
padding: 0 15px;
}
2020-01-12 14:14:15 +01:00
.archive-article-thumbnail .thumbnail {
width: 120px;
height: 67.5px;
}
2020-01-12 14:14:15 +01:00
.archive-article-title {
font-size: 1em;
line-height: 1em;
height: 1em;
overflow: hidden;
display: block;
}
2020-01-12 14:14:15 +01:00
#page-nav .page-number {
display: none;
}
}
@media screen and (max-width: 380px) {
#sub-nav {
display: none;
}
}