Vlad Riscutia avatar Vlad Riscutia committed 264ae4d

Sidebar style and archive page for small screen

Comments (0)

Files changed (1)

tinkerer/themes/modern5/static/modern5.css_t

 
 span.title_tag, span.title_category { font-style: italic; }
 
-div.year h1 { border: none; float: left; font-size: 1.4em; margin-right: -100%; margin-top: 20px; }
+div.year h1 { border: none; font-size: 1.6em; margin-bottom: 0; margin-top: 20px; }
 
 div.year ul { display: inline; list-style-type: none; margin: 0; }
 
-div.year div.postmeta { margin: 10px 0 40px 40%; }
+div.year div.postmeta { margin: 10px 0 10px 0; }
 
-div.year div.timestamp { color: {{ text_color }}; float: left; font-size: 1.4em; font-style: normal; font-weight: none; line-height: 1.5; margin-left: 20%; margin-top: 0; }
+div.year div.timestamp { color: {{ text_color }}; font-size: 1.4em; font-style: normal; font-weight: none; line-height: 1.5; margin-top: 0; }
 
-div.year h2 { margin-bottom: 0; margin-left: 40%; margin-top: 0; }
+div.year h2 { margin-bottom: 0; margin-top: 0; }
 
 div.year_separator { width: 100%; border-top: 1px dotted {{ theme_color_light }}; }
 
+@media only screen and (min-width: 480px) {
+    div.year h1 { float: left; margin-right: -100%; }
+
+    div.year div.postmeta { margin: 0 0 40px 40%; }
+    div.year div.timestamp { float: left; margin-left: 20%; }
+    div.year h2 { margin-left: 40%; }
+}
+
 /* Sidebar */
-aside.sidebar h1 { border-bottom: 1px solid {{ theme_color_light }}; }
+aside.sidebar h1 { border-bottom: 1px solid {{ theme_color_light }}; box-shadow: {{ paper_color }} 0 1px 0 0; }
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.