Merge pull request #1429 from wallabag/v2-language

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / baggy / public / css / main.css

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css
index e2844ccc9773b07131bbeb2dcfe4494d0310a26d..4aeadb4fd799f045ca700b2b91cf2ed082fb7055 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css
@@ -322,7 +322,7 @@ footer a {
   letter-spacing:-5px;
 }
 
-.listmode .entrie {
+.listmode .entry {
   width: 100%!important;
   margin-left: 0!important;
 }
@@ -343,7 +343,7 @@ footer a {
   top: -1px;
 }
 
-.entrie {
+.entry {
   background-color: #FFF;
   letter-spacing:normal;
   box-shadow: 0 3px 7px rgba(0,0,0,0.3);
@@ -356,9 +356,9 @@ footer a {
   overflow: hidden;
   padding: 1.5em 1.5em 3em 1.5em;
 
-       /* Removing CSS transitions because they make the switch from list view to
-        * table view jerky
-        */
+ /* Removing CSS transitions because they make the switch from list view to
+  * table view jerky
+  */
   /* -webkit-transition: all 0.5s ease; */
   /*    -moz-transition: all 0.5s ease; */
   /*     -ms-transition: all 0.5s ease; */
@@ -366,7 +366,7 @@ footer a {
   /*         transition: all 0.5s ease; */
 }
 
-.entrie:before {
+.entry:before {
   content: "";
   width: 0;
   height: 0;
@@ -384,7 +384,7 @@ footer a {
           transition: all 0.5s ease;
 }
 
-.entrie:after {
+.entry:after {
   content: "";
   position: absolute;
   height: 7px;
@@ -399,34 +399,34 @@ footer a {
           transition: all 0.5s ease;
 }
 
-.entrie:hover {
+.entry:hover {
   box-shadow: 0 3px 10px rgba(0,0,0,1);
 }
 
-.entrie:hover:after {
+.entry:hover:after {
   height: 40px;
 }
 
-.entrie:hover:before {
+.entry:hover:before {
   bottom: 2.4em;
 }
 
-.entrie:hover h2 a {
+.entry:hover h2 a {
   color: #666;
 }
 
-.entrie h2 {
+.entry h2 {
   text-transform: none;
   margin-bottom: 0;
   line-height: 1.2;
 }
 
-  .entrie h2:after {
+  .entry h2:after {
     content: none;
   }
 
 
-.entrie h2 a {
+.entry h2 a {
   display: block;
   text-decoration: none;
   color: #000;
@@ -438,7 +438,7 @@ footer a {
           transition: all 0.5s ease;
 }
 /*
-.entrie h2 a:after {
+.entry h2 a:after {
   content: "";
   position: absolute;
   top: 0;
@@ -448,21 +448,25 @@ footer a {
 }
 */
 
-.entrie p {
+img.preview {
+    max-width: 100%;
+}
+
+.entry p {
   color: #666;
   font-size: 0.9em;
   line-height: 1.7;
 }
 
-  .entrie h2 a:first-letter {
+  .entry h2 a:first-letter {
     text-transform: uppercase;
   }
 
-.entrie:hover .tools {
+.entry:hover .tools {
   bottom: 0;
 }
 
-.entrie .tools {
+.entry .tools {
   position: absolute;
   bottom: -50px;
   left: 0;
@@ -477,22 +481,22 @@ footer a {
           transition: all 0.5s ease;
 }
 
-  .entrie .tools a {
+  .entry .tools a {
     color: #666;
     text-decoration: none;
     display: block;
     padding: 0.4em;
   }
 
-  .entrie .tools a:hover {
+  .entry .tools a:hover {
     color: #FFF;
   }
 
-  .entrie .tools li {
+  .entry .tools li {
     display: inline-block;
   }
 
-.entrie:nth-child(3n+1) {
+.entry:nth-child(3n+1) {
   margin-left: 0;
 }
 
@@ -566,47 +570,47 @@ footer a {
   border-left: 1px #EEE solid;
 }
 
-       .popup-form form {
-               background-color: #FFF;
-               position: absolute;
-               top: 0;
-               left: 0;
-               z-index: 20;
-               border: 10px solid #000;
-               width: 400px;
-               height: 200px;
-               padding: 2em;
-       }
+ .popup-form form {
+  background-color: #FFF;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 20;
+  border: 10px solid #000;
+  width: 400px;
+  height: 200px;
+  padding: 2em;
+ }
 
 #bagit-form-form .addurl {
-       margin-left: 0;
+ margin-left: 0;
 }
 
 .closeMessage,
 .close-button {
   background-color: #000;
   color: #FFF;
-       font-size: 1.2em;
-       line-height: 1.6;
-       width: 1.6em;
-       height: 1.6em;
-       text-align: center;
+ font-size: 1.2em;
+ line-height: 1.6;
+ width: 1.6em;
+ height: 1.6em;
+ text-align: center;
   text-decoration: none;
 }
-       .closeMessage:hover,
-       .closeMessage:focus,
-       .close-button:hover,
-       .close-button:focus {
-               background-color: #999;
-               color: #000;
-       }
+ .closeMessage:hover,
+ .closeMessage:focus,
+ .close-button:hover,
+ .close-button:focus {
+  background-color: #999;
+  color: #000;
+ }
 
 .close-button--popup {
-       display: inline-block;
-       position: absolute;
-       top: 0;
-       right: 0;
-       font-size: 1.4em;
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-size: 1.4em;
 }
 
 .active-current {
@@ -749,24 +753,24 @@ a.add-to-wallabag-link-after:after {
 
 
 /* .icon-image class, for image-based icons
-        ========================================================================== */
+  ========================================================================== */
 
 .icon-image {
-       background-size: 16px 16px;
-       background-repeat: no-repeat;
-       background-position: center;
-       padding-right: 1em !important;
-       padding-left: 1em !important;
+ background-size: 16px 16px;
+ background-repeat: no-repeat;
+ background-position: center;
+ padding-right: 1em !important;
+ padding-left: 1em !important;
 }
 
 /* Carrot (http://carrot.org) */
 .icon-image--carrot {
-       background-image: url('../../_global/img/icons/carrot-icon--white.png');
+ background-image: url('../../_global/img/icons/carrot-icon--white.png');
 }
 
 /* Diaspora */
 .icon-image--diaspora {
-       background-image: url('../../_global/img/icons/diaspora-icon--black.png');
+ background-image: url('../../_global/img/icons/diaspora-icon--black.png');
 }}
 
 /* ==========================================================================
@@ -809,14 +813,14 @@ a.add-to-wallabag-link-after:after {
 }
 
 .more-info {
-       font-size: 0.85em;
+ font-size: 0.85em;
   line-height: 1.5;
-       color: #aaa;
+ color: #aaa;
 }
 
-       .more-info a {
-               color: #aaa;
-       }
+ .more-info a {
+  color: #aaa;
+ }
 
 /* ==========================================================================
    5 = Article
@@ -930,9 +934,37 @@ blockquote {
 }
 
 pre code {
-               font-family: "Courier New", Courier, monospace;
-               border: 1px solid #ccc;
-               font-size: 0.96em;
+  font-family: "Courier New", Courier, monospace;
+  border: 1px solid #ccc;
+  font-size: 0.96em;
+}
+
+#filter-form {
+  position: fixed;
+  width: 20%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  background-color: #FFF;
+  padding: 15px;
+  padding-right: 30px;
+  padding-top: 30px;
+  border-left: 1px #333 solid;
+  z-index: 12;
+
+  /*transition-property: transform;
+  transition-duration: 0.3s;
+  transition-delay: 0.3s;
+
+  transform: translate3d(100%, 0, 0);*/
+}
+
+#filter-form form {
+
+}
+
+#filter-form form .filter-group {
+  margin: 5px;
 }
 
 
@@ -941,13 +973,13 @@ pre code {
    ========================================================================== */
 
 @media screen and (max-width: 1050px) {
-  .entrie {
+  .entry {
     width: 49%;
   }
-  .entrie:nth-child(3n+1) {
+  .entry:nth-child(3n+1) {
     margin-left: 1.5%;
   }
-  .entrie:nth-child(2n+1) {
+  .entry:nth-child(2n+1) {
     margin-left: 0;
   }
 }
@@ -962,7 +994,7 @@ pre code {
 }
 
 @media screen and (max-width: 700px) {
-  .entrie {
+  .entry {
     width: 100%;
     margin-left: 0;
   }
@@ -972,7 +1004,7 @@ pre code {
 }
 
 @media screen and (max-width: 500px) {
-  .entrie {
+  .entry {
     width: 100%;
     margin-left: 0;
   }