pure.css added

css/styles.min.css

@@ -26,98 +26,6 @@
     src: url("/fonts/lmroman10-regular.otf");
 }
 
-div.jp-load-bar {
-    background-color: #f2f2f2;
-    width: 0;
-    height: 10px;
-    cursor: pointer;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-}
-
-div.jp-play-bar {
-    background-color: #c2c2c2;
-    width: 0;
-    height: 10px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-}
-
-div.jp-progress {
-    display: inline-block;
-    width: 180px;
-    text-align: left;
-}
-
-div.jp-volume-bar {
-    background-color: #f2f2f2;
-    width: 46px;
-    height: 5px;
-    cursor: pointer;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    display: inline-block;
-    text-align: left;
-    vertical-align: middle;
-}
-
-div.jp-volume-bar-value {
-    background-color: #c2c2c2;
-    width: 0;
-    height: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    display: inline-block;
-    text-align: left;
-    vertical-align: top;
-}
-
-.jp-play-time,.jp-total-time {
-    font-size: 10px;
-    color: #f2f2f2;
-}
-
-div.jp-controls {
-    font-size: 10px;
-}
-
-div.jp-interface {
-    text-align: center;
-}
-
-div.jp-playlist li {
-    list-style-type: none;
-    padding-left: 0;
-    padding-bottom: 8px;
-}
-
-div.jp-playlist {
-    overflow: auto;
-    height: 200px;
-}
-
-div.jp-playlist li.jplayer_playlist_current {
-    padding-left: 8px;
-    list-style-type: circle;
-}
-
-div.jp-playlist li.jplayer_playlist_item_last {
-    padding-bottom: 0;
-}
-
-div.jp-playlist a.jplayer_playlist_current {
-    font-style: italic;
-}
-
-#jplayer_play {
-    color: #d33;
-    text-shadow: 3px 3px 3px #0F111F;
-}
-
 body {
     background-image: url(../images/background.png);
     background-repeat: repeat;
@@ -138,11 +46,11 @@ a:hover {
     text-decoration: underline;
 }
 
-h1 {
+/* h1 {
     font-size: 20px;
     text-shadow: 1px 1px 1px #0F111F;
     margin-top: 0;
-}
+} */
 
 #background {
     width: 100%;
@@ -153,7 +61,7 @@ h1 {
     z-index: -999;
 }
 
-.transparentbox {
+/* .transparentbox {
     background-color: black;
     opacity: .15;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
@@ -165,7 +73,7 @@ h1 {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
-}
+} */
 
 .contents {
     position: absolute;
@@ -304,22 +212,21 @@ h1 {
     filter: alpha(opacity=30);
 }
 
-#title {
+.title {
     font-size: 15pt;
-    font-weight: bold;
     text-shadow: 1px 1px 5px #FFF;
-    position: absolute;
-    top: 20px;
-    left: 20px;
-    right: 30%;
-    display: flex;
-    flex-direction: row;
-    justify-content:flex-start;
-    flex-wrap: wrap;
+    padding: 1rem;
 }
 
-#contact {
+.contact {
+    display: inline-block;
     font-size: x-small;
-    align-self: flex-end;
-    margin-left: auto;
+}
+
+#navMain {
+    font-size: smaller;
+    top: 40px;
+    left: 20px;
+    right: 30%;
+    display: flexbox;
 }