d930e10049
Add a 'Return to Top' link either under the post content, at the top of the footer (or both) for mobile views. Also, reordered theme customizer options.
107 lines
1.3 KiB
CSS
107 lines
1.3 KiB
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;
|
|
}
|
|
|
|
a.top-button {
|
|
background: #333;
|
|
display: inline-block;
|
|
padding: 1em;
|
|
width: 100%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
margin-bottom: 1em;
|
|
letter-spacing: 0.1em;
|
|
color: #ddd;
|
|
font-family: 'IM Fell English', serif;
|
|
}
|
|
|
|
footer a.top-button{
|
|
border-bottom: solid 1px #999;
|
|
}
|
|
|
|
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;
|
|
}
|
|
*/ |