bagit link + overlay save link + listmode

[github/wallabag/wallabag.git] / themes / baggy / css / main.css

diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index fe77a967d5c1e908dd2e0a86a6abcfbe31521a61..586501b0611242bcf095adac5eeff939361fd772 100755 (executable)
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -173,7 +173,7 @@ h2:after {
 #links {
   position: fixed;
   top: 0;
-  width: 9em;
+  width: 10em;
   left: 0;
   text-align: right;
   background: #333;
@@ -184,7 +184,7 @@ h2:after {
 }
 
 #main {
-  margin-left: 12em;
+  margin-left: 13em;
   position: relative;
   z-index: 10;
   padding-right: 5%;
@@ -228,7 +228,7 @@ h2:after {
   #links li:last-child {
     position: fixed;
     bottom: 1em;
-    width: 9em;
+    width: 10em;
   }
 
   #links li:last-child a:before {
@@ -322,6 +322,15 @@ footer a {
   letter-spacing:-5px;
 }
 
+.listmode .entrie {
+  width: 100%!important;
+  margin-left: 0!important;
+}
+
+.listmode .entrie p {
+  display: none;
+}
+
 .list-entries + .results {
   margin-bottom: 2em;
 }
@@ -343,10 +352,10 @@ footer a {
   letter-spacing:normal;
   box-shadow: 0 3px 7px rgba(0,0,0,0.3);
   display: inline-block;
-  width: 32%;
+  width: 32%!important;
   margin-bottom: 1.5em;
   vertical-align: top;
-  margin-left: 1.5%;
+  margin-left: 1.5%!important;
   position: relative;
   overflow: hidden;
   padding: 1.5em 1.5em 3em 1.5em;
@@ -481,7 +490,7 @@ footer a {
   }
 
 .entrie:nth-child(3n+1) {
-  margin-left: 0;
+  margin-left: 0!important;
 }
 
 .results {
@@ -525,6 +534,33 @@ footer a {
   display: none;
 }
 
+#bagit-form {
+  background: rgba(0,0,0,0.8);
+  position: fixed;
+  top: 0;
+  left: 10em;
+  z-index: 20;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 2em;
+  display: none;
+}
+
+#bagit-form form {
+  background: #FFF;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 20;
+  border: 10px solid #000;
+  width: 600px;
+  height: 300px;
+  margin: -150px 0 0 -300px;
+  padding: 2em;
+}
+
+
 /* ==========================================================================
    3 = Pictos
    ========================================================================== */