Commits

Anonymous committed 7e1fc61

more work on mobile

Comments (0)

Files changed (1)

main/css/small_screen.css

 /* Smaller screens, mobiles, and tablets ----------- */
 
-@media handheld, screen and (max-width:780px) {
+@media handheld, screen and (max-width:1000px) {
     /** header definition **/
         .header {
             padding: 0px;
             font-size: 125%;
         }
         p.contact {
-            text-align: right;
+            text-align: left;
             font-style: italic;
-            font-size: 85%;
+            font-size: 90%;
         }
 
         /** body definitions **/
         body {
             padding: 0px;
             font-family: helvetica, sans-serif;
-            font-size: 10pt;
+            font-size: 12pt;
         }
 
         div { margin-bottom: 10px; }
 
         .resume_body {
-            padding: 5px;
+            padding: 2px;
             background: #eeF;
             border: 1px dotted #555;
             height: 100%;
             margin-right: 4px;
         }
 
-        .experience_block {
-
+        .experience {
+            background: #dedeff;
         }
 
         .experience_title {
         }
 
         .flipper {
-            text-align: right;
-            font-size: 70%;
-            float: right;
+            display: none;
         }
 
-        .details ul {
-            border-bottom: 1px solid #7e7e7e;
-            padding-right: 10px;
-            padding-left: 5px;
-            padding-top: 10px;
-            list-style: none;
-        }
-
-        .details li:before {
-            content: "\0020 \0020 \00BB \0020";
-        }
-
-        .details li {
-            /* display: inline;*/
-            font-size: 80%;
+        .details {
+            display: none;
         }
 
         .experience_details h3 {
         }
 
         .timeframe {
-            float: left;
+            float: none;
             text-align: left;
             font-size: 80%;
         }
 
         .company {
             font-size: 80%;
-            text-align: right;
-            padding-right: 4px;
+            text-align: left;
+            padding-right: 0px;
             padding-bottom: 2px;
         }