Some code cosmetics

cps/static/css/main.css

@@ -35,7 +35,6 @@ body {
   height: 8%;
   min-height: 20px;
   padding: 10px;
-  /* margin: 0 50px 0 50px; */
   position: relative;
   color: #4f4f4f;
   font-weight: 100;
@@ -114,7 +113,7 @@ body {
   top: 50%;
   margin-top: -192px;
   font-size: 64px;
-  color: #E2E2E2;
+  color: #e2e2e2;
   font-family: arial, sans-serif;
   font-weight: bold;
   cursor: pointer;
@@ -148,12 +147,6 @@ body {
   overflow: hidden;
 }
 
-#sidebar.open {
-  /* left: 0; */
-  /* -webkit-transform: translate(0, 0);
-  -moz-transform: translate(0, 0); */
-}
-
 #main.closed {
   /* left: 300px; */
   -webkit-transform: translate(300px, 0);
@@ -238,7 +231,7 @@ input:-moz-placeholder { color: #454545; }
   left: 50%;
   margin-left: -1px;
   top: 10%;
-  opacity: .15;
+  opacity: 0.15;
   box-shadow: -2px 0 15px rgba(0, 0, 0, 1);
   display: none;
 }
@@ -291,7 +284,7 @@ input:-moz-placeholder { color: #454545; }
 
 #tocView li,
 #bookmarksView li {
-  margin-bottom:10px;
+  margin-bottom: 10px;
   width: 225px;
   font-family: Georgia, "Times New Roman", Times, serif;
   list-style: none;
@@ -299,8 +292,7 @@ input:-moz-placeholder { color: #454545; }
 }
 
 #tocView li:active,
-#tocView li.currentChapter
-{
+#tocView li.currentChapter {
   list-style: none;
 }
 
@@ -319,7 +311,7 @@ input:-moz-placeholder { color: #454545; }
 
 .list_item.currentChapter > a,
 .list_item a:hover {
-  color: #f1f1f1
+  color: #f1f1f1;
 }
 
 /* #tocView li.openChapter > a, */
@@ -328,7 +320,7 @@ input:-moz-placeholder { color: #454545; }
 }
 
 .list_item ul {
-  padding-left:10px;
+  padding-left: 10px;
   margin-top: 8px;
   display: none;
 }
@@ -414,7 +406,7 @@ input:-moz-placeholder { color: #454545; }
 }
 
 #notes {
- padding: 0 0 0 34px;
+  padding: 0 0 0 34px;
 }
 
 #notes li {
@@ -449,8 +441,9 @@ input:-moz-placeholder { color: #454545; }
   border-radius: 5px;
 }
 
-#note-text[disabled], #note-text[disabled="disabled"]{
-    opacity: 0.5;
+#note-text[disabled],
+#note-text[disabled="disabled"]{
+  opacity: 0.5;
 }
 
 #note-anchor {
@@ -478,13 +471,13 @@ input:-moz-placeholder { color: #454545; }
   color: #f1f1f1;
 }
 
-#settingsPanel .xsmall {  font-size: x-small; }
-#settingsPanel .small {  font-size: small; }
-#settingsPanel .medium {  font-size: medium; }
-#settingsPanel .large {  font-size: large; }
-#settingsPanel .xlarge {  font-size: x-large; }
+#settingsPanel .xsmall { font-size: x-small; }
+#settingsPanel .small { font-size: small; }
+#settingsPanel .medium { font-size: medium; }
+#settingsPanel .large { font-size: large; }
+#settingsPanel .xlarge { font-size: x-large; }
 
-.highlight { background-color: yellow }
+.highlight { background-color: yellow; }
 
 .modal {
   position: fixed;
@@ -496,7 +489,6 @@ input:-moz-placeholder { color: #454545; }
   visibility: hidden;
   margin-left: -320px;
   margin-top: -160px;
-
 }
 
 .overlay {
@@ -515,12 +507,12 @@ input:-moz-placeholder { color: #454545; }
 }
 
 .md-show {
-    visibility: visible;
+  visibility: visible;
 }
 
 .md-show ~ .overlay {
-    opacity: 1;
-    visibility: visible;
+  opacity: 1;
+  visibility: visible;
 }
 
 /* Content styles */
@@ -600,7 +592,7 @@ input:-moz-placeholder { color: #454545; }
 }
 
 @media only screen and (max-width: 1040px) and (orientation: portrait) {
-  #viewer{
+  #viewer {
     width: 80%;
     margin-left: 10%;
   }
@@ -612,7 +604,7 @@ input:-moz-placeholder { color: #454545; }
 }
 
 @media only screen and (max-width: 900px) {
-  #viewer{
+  #viewer {
     width: 60%;
     margin-left: 20%;
   }
@@ -651,9 +643,9 @@ input:-moz-placeholder { color: #454545; }
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
-    -webkit-transition: -webkit-transform .3s;
-    -moz-transition: -moz-transform .3s;
-    transition: -moz-transform .3s;
+    -webkit-transition: -webkit-transform 0.3s;
+    -moz-transition: -moz-transform 0.3s;
+    transition: -moz-transform 0.3s;
   }
 
   #main.closed {
@@ -679,12 +671,11 @@ input:-moz-placeholder { color: #454545; }
     font-size: 12px;
   }
 
-  #tocView > ul{
+  #tocView > ul {
     padding-left: 10px;
   }
 }
 
-
 /* For iPad portrait layouts only */
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
     #viewer iframe {
@@ -692,20 +683,13 @@ input:-moz-placeholder { color: #454545; }
         height: 740px;
     }
 }
- /*For iPad landscape layouts only *//*
-@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
-    #viewer iframe {
-        width: 460px;
-        height: 415px;
-    }
-}*/
 
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : landscape)
 /*and (-webkit-min-device-pixel-ratio: 2)*/ {
-  #viewer{
+  #viewer {
     width: 80%;
     margin-left: 10%;
   }
@@ -718,8 +702,8 @@ and (orientation : landscape)
  /*For iPad landscape layouts only */
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
     #viewer iframe {
-        width: 960px;
-        height: 515px;
+      width: 960px;
+      height: 515px;
     }
 }
 
@@ -762,8 +746,8 @@ and (orientation : landscape)
 /* For iPhone landscape layouts only */
 @media only screen and (max-device-width: 374px) and (orientation: landscape) {
     #viewer iframe {
-        width: 256px;
-        height: 124px;
+      width: 256px;
+      height: 124px;
     }
 }