fix autoclose (#984) and bookmarklet mode

[github/wallabag/wallabag.git] / themes / default / css / style.css

diff --git a/themes/default/css/style.css b/themes/default/css/style.css
index 11a8ea1c0b0db9e224d25a446932eb1b900e5a71..a122dc546b2d7f8e1fb80772cb750eb8901a704f 100755 (executable)
--- a/themes/default/css/style.css
+++ b/themes/default/css/style.css
@@ -151,6 +151,16 @@ a:visited {
     text-indent: -9999px;
 }
 
+.random {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    overflow: hidden;
+    text-align: left;
+    text-indent: -9999px;
+    background-image: url('../img/default/dice.png');
+}
+
 /*** ***/
 
 /*** ARTICLE PAGE ***/
@@ -384,8 +394,8 @@ a#bagit-form-close {
   background-color: #000;
   color: #fff;
   padding: 0 4px 1px 3px;
-  font-weight: bold;
-  font-size: 0.7em;
+  font-weight: bold; 
+  font-size: 0.7em; 
   border-radius: 4px;
 }
 .add-to-wallabag-link-after:hover, .add-to-wallabag-link-after:active {
@@ -394,12 +404,38 @@ a#bagit-form-close {
 .add-to-wallabag-link-after:visited {
   color: #999;
 }
+a.add-to-wallabag-link-after {
+    visibility: hidden;
+    position: absolute;
+    opacity: 0;
+    transition-duration: 2s;
+    transition-timing-function: ease-out;
+}
+#article article a:hover + a.add-to-wallabag-link-after, a.add-to-wallabag-link-after:hover {
+    opacity: 1;
+    visibility: visible;
+    transition-duration: .3s;
+    transition-timing-function: ease-in;
+}
+a.add-to-wallabag-link-after:after {
+     content: "w";
+}
+
 
 #add-link-result {
   display: inline;
   padding-left: 10px;
 }
 
+/* ==========================================================================
+       "Search" popup div related styles
+       ========================================================================== */
+
+/* Search form message needs a little more width, depending on translations */
+#search-form {
+    width: 420px;
+}
+
 .opacity03 {
   /*opacity: 0.3;*/
 }
@@ -412,4 +448,10 @@ a#bagit-form-close {
     text-indent: 0;
                color: black;
                width: 50px;
-}
\ No newline at end of file
+}
+
+pre code {
+               font-family: "Courier New", Courier, monospace;
+               border: 1px solid #ddd;
+               font-size: 0.96em;
+}