atticus-finch/styles/mobile.css
2016-02-15 18:42:30 -05:00

90 lines
1010 B
CSS

/* Mobile Style Sheet for Atticus Finch Theme */
* {
box-sizing: border-box;
}
body {
background: #fff;
color: brown;
}
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;
}
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;
}
/* Mobile Menu Adjustments */
#aboveheadermenu {
border-bottom: none;
}
#footer-menu {
border-bottom: solid 1px #555;
}
/*
#footermenu li.current-menu-item a {
color: #333;
}
*/