portage/styles/mobile.css
2021-08-01 13:50:13 -04:00

113 lines
1.3 KiB
CSS
Executable File

/* Mobile Style Sheet for Portage Theme */
* {
box-sizing: border-box;
}
body {
background: #fff;
color: #333;
}
body > header {
background: #333;
color: #fff;
}
textarea {
width: auto;
max-width: 100%;
}
#container {
width: 100%;
max-width: auto;
min-width: auto;
margin: 0;
padding: 1em;
}
#sidebar {
float: none;
text-align: left;
}
#sidebar,
#content {
width: 100%;
border: none;
}
#site-title,
#site-desc,
#social-media-menu {
float: none;
width: 100%;
padding: 0.5em;
text-align: center;
}
#site-title h1,
#site-title a,
#site-desc,
#site-desc a {
color: #fff;
}
a.top-button {
background: #333;
display: inline-block;
padding: 1em;
width: 100%;
text-align: center;
text-decoration: none;
margin: 1em 0;
letter-spacing: 0.1em;
color: #ddd;
font-family: 'IM Fell English', serif;
border-bottom: solid 1px #999;
}
footer a.top-button{
margin-top: 0;
}
body > footer {
background: #333;
color: #fff;
padding-bottom: 2em;
}
#footer-menu {
padding: 1em;
}
#copyright,
#credits {
float: none;
padding: 0.5em;
width: auto;
text-align: center;
margin-bottom: 0;
}
blockquote {
margin: 0 1em;
}
/* Mobile Menu Adjustments */
#aboveheadermenu {
border-bottom: none;
}
#footer-menu {
border-bottom: solid 1px #555;
}
/*
#footermenu li.current-menu-item a {
color: #333;
}
*/