clear CSS inconstistencies

mdolr · Oct 9, 2020 · fc5f590 · fc5f590
1 parent 8536b04
commit fc5f590
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 57 deletions.
diff --git a/css/base.css b/css/base.css
@@ -6,7 +6,9 @@
 /* Don't even try hiding my tooltip <https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index> */
 
 .survol-container {
-    background-color: transparent;
+    background-color: white;
+    border-radius: 12px!important;
+    box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05);
     z-index: 16777271!important;
     position: absolute!important;
     word-wrap: break-word;

diff --git a/css/templates/reddit.css b/css/templates/reddit.css
@@ -1,7 +1,4 @@
 .survol-reddit-container {
-    box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05);
-    background-color: white;
-    border-radius: 12px;
     width: 320px;
     text-align: left;
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

diff --git a/css/templates/soundcloud.css b/css/templates/soundcloud.css
@@ -1,55 +1,51 @@
 .survol-soundcloud-container {
-  background-attachment: scroll;
-  background-clip: border-box;
-  background-color: rgb(255, 255, 255);
-  background-image: none;
-  background-origin: padding-box;
-  background-position-x: 0%;
-  background-position-y: 0%;
-  background-size: auto;
-  border-radius: 2px;
-  box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05);
-  color: rgb(0, 0, 0)!important;
-  display: block;
-  font-size: 14px;
-  font-family: sans-serif;
-  min-width: 300px;
-  line-height: 20px;
-  padding: 0px!important;
-  width: 320px;
-  margin: 0px!important;
-  border-radius: 12px;
+    background-attachment: scroll;
+    background-clip: border-box;
+    background-image: none;
+    background-origin: padding-box;
+    background-position-x: 0%;
+    background-position-y: 0%;
+    background-size: auto;
+    color: rgb(0, 0, 0)!important;
+    display: block;
+    font-size: 14px;
+    font-family: sans-serif;
+    min-width: 300px;
+    line-height: 20px;
+    padding: 0px!important;
+    width: 320px;
+    margin: 0px!important;
 }
 
 .survol-soundcloud-image {
-  transform-origin: 0px 0px;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  height:180px;
-  width:320px;
-  border-top-left-radius: 12px;
-  border-top-right-radius: 12px;
+    transform-origin: 0px 0px;
+    overflow-x: hidden;
+    overflow-y: hidden;
+    height: 180px;
+    width: 320px;
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
 }
 
 .survol-soundcloud-text {
-  padding: 16px!important;
-  min-height: 40px;
-  /*position:relative;*/
+    padding: 16px!important;
+    min-height: 40px;
+    /*position:relative;*/
 }
 
 .survol-soundcloud-text h1 {
-  font-style: bold;
-  font-size: 20px;
-  margin-bottom: 12px;
+    font-style: bold;
+    font-size: 20px;
+    margin-bottom: 12px;
 }
 
 .survol-soundcloud-text p {
-  color: #727171;
-  font-size: 14px;
+    color: #727171;
+    font-size: 14px;
 }
 
 .survol-soundcloud-text p,
 .survol-soundcloud-text h1 {
-  margin: 8px;
-  color: rgb(0, 0, 0)!important;
-}
+    margin: 8px;
+    color: rgb(0, 0, 0)!important;
+}
diff --git a/css/templates/twitter.css b/css/templates/twitter.css
@@ -1,18 +1,14 @@
 .survol-twitter-container {
     width: 559px;
-    background-color: white;
     color: black;
     font-size: 14px;
     line-height: 20px;
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-    background-color: white;
     padding: 16px;
     /* margin: 3px; */
     border: solid 1px #e6ecf0;
     cursor: pointer;
-    border-radius: 12px;
     text-align: left;
-    box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 
 .survol-twitter-author-container {

diff --git a/css/templates/wikipedia.css b/css/templates/wikipedia.css
@@ -1,14 +1,11 @@
 .survol-wikipedia-container {
     background-attachment: scroll;
     background-clip: border-box;
-    background-color: rgb(255, 255, 255);
     background-image: none;
     background-origin: padding-box;
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto;
-    border-radius: 2px;
-    box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05);
     color: rgb(0, 0, 0)!important;
     display: block;
     font-size: 14px;
@@ -18,7 +15,6 @@
     padding: 0px!important;
     width: 320px;
     margin: 0px!important;
-    border-radius: 12px;
 }
 
 .survol-wikipedia-image {

diff --git a/css/templates/youtube.css b/css/templates/youtube.css
@@ -1,14 +1,11 @@
 .survol-youtube-container {
     background-attachment: scroll;
     background-clip: border-box;
-    background-color: rgb(255, 255, 255);
     background-image: none;
     background-origin: padding-box;
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto;
-    border-radius: 2px;
-    box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.05);
     color: rgb(0, 0, 0)!important;
     display: block;
     font-size: 14px;
@@ -18,15 +15,14 @@
     padding: 0px!important;
     width: 320px;
     margin: 0px!important;
-    border-radius: 12px;
 }
 
 .survol-youtube-image {
     transform-origin: 0px 0px;
     overflow-x: hidden;
     overflow-y: hidden;
-    height:180px;
-    width:320px;
+    height: 180px;
+    width: 320px;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
 }
@@ -52,4 +48,4 @@
 .survol-youtube-text h1 {
     margin: 8px;
     color: rgb(0, 0, 0)!important;
-}
+}