Merge pull request #1493 from wallabag/v2-pocket-import

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

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
index 10f9a166b51a734beb8a62325930222dc7c8f11a..0ce334a319212ac0a1a8e12b6547cd36c161d5ed 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
@@ -8,7 +8,8 @@
    4 = Cards
    5 = Article
    6 = Media queries
-   7 = Others
+   7 = Font
+   8 = Others
 
    ========================================================================== */
 
@@ -17,6 +18,31 @@
    0 = Common
    ========================================================================== */
 
+@font-face {
+    font-family: 'icomoon';
+    src:url('../font/icomoon/icomoon.eot?yw303w');
+    src:url('../font/icomoon/icomoon.eot?yw303w#iefix') format('embedded-opentype'),
+        url('../font/icomoon/icomoon.ttf?yw303w') format('truetype'),
+        url('../font/icomoon/icomoon.woff?yw303w') format('woff'),
+        url('../font/icomoon/icomoon.svg?yw303w#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    font-family: 'icomoon';
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
 body {
     display: flex;
     min-height: 100vh;
@@ -50,6 +76,10 @@ nav, main, footer {
     padding-left: 240px;
 }
 
+main, #content, .valign-wrapper {
+    height: 100%;
+}
+
 #main {
     flex: 1 0 auto;
 }
@@ -86,6 +116,15 @@ nav, main, footer {
     display: none;
 }
 
+footer.page-footer {
+    margin-top: 10px;
+    padding-top: 10px;
+}
+
+footer .row {
+    margin-bottom: 10px;
+}
+
 /* ==========================================================================
    1 = Nav
    ========================================================================== */
@@ -161,6 +200,9 @@ nav input {
 #button_filters {
     display: none;
 }
+#button_export {
+    display: none;
+}
 
 /* ==========================================================================
    2 = Side-nav
@@ -190,6 +232,10 @@ nav input {
     width: 100pt;
 }
 
+#main .logo:hover {
+    background: transparent;
+}
+
 .side-nav li {
     padding: 0px;
 }
@@ -344,16 +390,9 @@ main ul.row {
     margin-right: 15px;
 }
 
-#article aside span a {
+#article aside .chip {
     background-color: #039be5;
-    color: #fff;
-    border-radius: 3px;
-    float: left;
-    font-size: 0.6em;
-    margin-left: 0.5em;
-    margin-bottom: 0.5em;
-    padding: 4px;
-    text-decoration: none;
+    color: #ffffff;
 }
 
 /* ==========================================================================
@@ -416,11 +455,53 @@ main ul.row {
         display: none;
     }
 }
+
+/* ==========================================================================
+   7 = Font
+   ========================================================================== */
+
+.icon-google-plus2:before {
+    content: "\e800";
+}
+.icon-facebook2:before {
+    content: "\e801";
+}
+.icon-twitter:before {
+    content: "\e802";
+}
+.icon-apple:before {
+    content: "\e803";
+}
+.icon-android:before {
+    content: "\e804";
+}
+.icon-chrome:before {
+    content: "\e805";
+}
+.icon-firefox:before {
+    content: "\e806";
+}
+
+footer [class^="icon-"], footer [class*=" icon-"] {
+    font-size: 2em;
+    transition: text-shadow 0.2s ease;
+    padding-right: 10px;
+}
+
+footer [class^="icon-"]:hover, footer [class*=" icon-"]:hover {
+    text-shadow: 0 0 10px rgba(0,0,0,0.3);
+}
+
+
 /* ==========================================================================
-   7 = Others
+   8 = Others
    ========================================================================== */
 
 /* force height on non-input field in the settings page */
 div.settings div.input-field div, div.settings div.input-field ul {
     margin-top: 40px;
 }
+/* but avoid to kill all file input */
+div.settings div.file-field div {
+    margin-top: inherit;
+}