Vlad Riscutia avatar Vlad Riscutia committed 66b6e67

Small screen tweaks

Comments (0)

Files changed (2)

tinkerer/themes/boilerplate/static/style.css

 
 nav li { text-align: center; width: 100%; }
 
-div.related li { list-style-type: none; }
+div.related li { list-style-type: none; text-align: center; width: 100%; }
 
 /* ==|== non-semantic helper classes ========================================
    Please define your styles before this section.
    ========================================================================== */
 
 @media only screen and (min-width: 480px) {
-  /* Style adjustments for viewports 480px and over go here */
+    /* Style adjustments for viewports 480px and over go here */
     nav li { display: inline; list-style-type: none; text-align: left; width: auto; }
 
+    div.related li { text-align: left; width: auto; }
+
     div.related ul { margin: 0; padding: 0; width: 100%; }
     div.related li.left { display: inline; }
     div.related li.right { display: inline; float: right; }

tinkerer/themes/modern5/static/modern5.css_t

     div.documentwrapper { padding: 0 40px 20px; }
     div.related { padding: 40px 0 0; }
     div.relbartop { display: block; }
+    div.relbarbottom { margin-bottom: 20px; }
     article.document { padding: 40px 0 20px 0; }
     article.document + div.related { padding-bottom: 20px; }
 
 
 nav, footer { background: #354550; }
 
+aside.sidebar { border-top: 1px solid #cfd5da; }
+
 @media only screen and (min-width: 480px) {
     header { background-image: url('header.png'); background-repeat: repeat; }
 
     }
 
     div.documentwrapper { border-left: 1px solid #cfd5da; border-right: 1px solid #cfd5da; }
+}
+
+@media only screen and (min-width: 999px) {
     div.content { border-right: 1px solid #cfd5da; }
+    aside.sidebar { border-top: none; }
 }
 
 /* Archive page */
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.