Import/export templates and minor fixes

[github/shaarli/Shaarli.git] / tpl / default / css / shaarli.css

diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 339ba30096424ad3973bf533b482b7d80c40fd2e..4b1be7e2b2557eefd10a5cd5d137c8863b9ad556 100644 (file)
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -605,6 +605,7 @@ pre {
     background: url(../img/noise.png) #1fa67a;
     border-radius: 5px;
     box-shadow: 1px 1px 2px #797979;
+    color: #b0ddce;
 }
 
 .page-form h2 {
@@ -618,7 +619,18 @@ pre {
     border-bottom: 1px solid #797979;
 }
 
-.page-form input[type="text"], .page-form input[type="password"] {
+.page-form h3 {
+    text-align: center;
+}
+
+.page-form a {
+    color: #b0ddce;
+    font-weight: bold;
+}
+
+.page-form input[type="text"],
+.page-form input[type="password"],
+.page-form textarea {
     margin: 10px 0;
     padding: 5px 5px 3px 15px;
     height: 30px;
@@ -630,6 +642,14 @@ pre {
     color: #b0ddce;
 }
 
+.page-form textarea {
+    height: 240px;
+    padding: 15px 5px 3px 15px;
+    resize: vertical;
+    overflow-y: auto;
+    word-wrap:break-word
+}
+
 /* because chrome */
 .page-form input[type="text"]::-webkit-input-placeholder,
 .page-form input[type="password"]::-webkit-input-placeholder {
@@ -637,7 +657,7 @@ pre {
 }
 
 .page-form input[type="submit"] {
-    margin: 10px 0;
+    margin: 15px 5px;
     height: 35px;
     width: 150px;
     background: #1b926c;
@@ -659,10 +679,6 @@ pre {
     text-align: center;
 }
 
-.page-form-light p {
-    color: #b0ddce;
-}
-
 /**
  * PAGE FORM - COMPLETE
  */
@@ -701,6 +717,44 @@ pre {
     font-size: 0.7em;
 }
 
+.page-form section {
+    margin-top: 20px;
+}
+
+
+.page-form table {
+    margin: auto;
+    width: 90%;
+}
+
+.page-form table .order {
+    text-decoration: none;
+}
+
+.page-form table, .page-form th, .page-form td {
+    border-width: 1px 0;
+    border-style: solid;
+    border-color: #b0ddce;
+}
+
+.page-form th, .page-form td {
+    padding: 5px;
+
+}
+
+/* Awesomeplete fix */
+.page-form .awesomplete {
+    width: 80%;
+}
+
+.page-form .awesomplete input {
+    width: 100%;
+}
+
+.page-form div.awesomplete > ul {
+    color: black;
+}
+
 @media screen and (max-width: 64em) {
     .page-form-complete .form-label {
         height: inherit;
@@ -735,6 +789,11 @@ pre {
         content:"\a\a";
         white-space: pre;
     }
+
+    .page-form-complete .radio-buttons {
+        text-align: left;
+        padding: 5px 15px;
+    }
 }
 
 
@@ -791,7 +850,6 @@ pre {
     color: #fff;
 }
 
-
 .linklist-item-title .label-private {
     border: solid 1px #d0fff0;
     font-family: Arial, sans-serif;
@@ -853,7 +911,7 @@ pre {
 
 .label-tag {
     border: 1px solid #505050;
-    font-size: 0.9em;
+    font-size: 1em;
 }
 
 .label-tag:hover {
@@ -895,4 +953,37 @@ pre {
  */
 .tools-item {
     margin: 10px 0;
+}
+
+/**
+ * PLUGIN ADMIN
+ */
+#pluginform .mobile-row {
+    font-size: 0.9em;
+}
+
+#pluginform .more {
+    margin-top: 10px;
+}
+
+@media screen and (max-width: 64em) {
+    #pluginform .main-row, #pluginform .main-row td {
+        border-bottom-style: none;
+    }
+
+    #pluginform .mobile-row, #pluginform .mobile-row td {
+        border-top-style: none;
+    }
+}
+
+
+/**
+ * IMPORT
+ */
+#import-field {
+    margin: 15px 0;
+}
+
+@media screen and (max-width: 64em) {
+
 }
\ No newline at end of file