first take on The Great Import

[redakcja.git] / redakcja / static / css / filelist.css

diff --git a/redakcja/static/css/filelist.css b/redakcja/static/css/filelist.css
index c2f59f3..36bffdf 100644 (file)
--- a/redakcja/static/css/filelist.css
+++ b/redakcja/static/css/filelist.css
@@ -7,38 +7,67 @@
 */
 
 body {
 */
 
 body {

-       background-color: #84BF2A;
+    margin: 0;
+    font-family: verdana, sans-serif;
+    font-size: 10px;

 }
 
 }
 

-#content {
-    background: #EFEFEF;
-    border: 1px solid black;
-    padding: 0.5em 2em;
-    margin: 1em;
-       overflow: hidden;
+
+.clr {
+    clear: both;
+}
+
+#tabs-nav {
+    padding: 5px 5px 0 10px;
+    background: #ffdfbf;
+    border-bottom: 1px solid #ff8000;
+    position: relative;

 }
 
 }
 

-#content h1 img {
-       vertical-align: middle;
+#tabs-nav-left {
+    margin-left: 60px;

 }
 
 }
 

-#content h1 {
-       border-bottom: 2px solid black;
-       padding: 0.5em;
-       font-size: 2opt;
-       font-family: sans-serif;
+#tabs-nav-left a {
+    display: block;
+    float: left;
+    padding: 5px 20px 5px 20px;
+    margin-bottom: -1px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(0,0,0,0);
+}
+
+#tabs-nav-left .active {
+    background: white;
+    border-color: #ff8000 #ff8000 white #ff8000;
+}
+
+#login-box {
+    float: right;
+}
+
+#logo {
+    position: absolute;
+    bottom: 0;
+}
+
+#content {
+    padding: 10px;

 }
 
 }
 

-#file-list {
+
+
+#catalogue_layout_left_column {

        overflow: visible;
        float: left;
        overflow: visible;
        float: left;

-       max-width: 50%;
+       /*max-width: 50%;*/

        padding-right: 2%;
        border-right: 1px dashed black;
 
 }
 
        padding-right: 2%;
        border-right: 1px dashed black;
 
 }
 

-#last-edited-list {
+#catalogue_layout_right_column {

        float: left;
        max-width: 35%;
        margin-left: 5%;
        float: left;
        max-width: 35%;
        margin-left: 5%;


@@ -58,7 +87,7 @@ body {
 }
 
 a, a:visited, a:active {
 }
 
 a, a:visited, a:active {

-       color: blue;
+       color: #bf6000;

        text-decoration: none;
 }
 
        text-decoration: none;
 }
 


@@ -67,9 +96,6 @@ a:hover {
 }
 
 
 }
 
 

-#loading-overlay {
-       display: none;
-}

 
 .error {
     color: red;
 
 .error {
     color: red;


@@ -90,22 +116,54 @@ a:hover {
 
 .chunkno {
     font-size: .7em;
 
 .chunkno {
     font-size: .7em;

+    padding-left: 2em;

 }
 
 td {
     vertical-align: top;
 }
 }
 
 td {
     vertical-align: top;
 }

-.chunk-list {
-    padding-left: 2em;
+
+
+.fix {
+    border: 1px solid gray;
+    font-size: 0.7em;
+    padding: 3px;
+}
+
+.fix-info {
+    font-size: 0.7em;
+    font-style: italic;

 }
 
 }
 

+.chunk-plain a {color: gray;}
+.chunk-xml a {color: gray; font-style: italic;}
+.chunk-wl-broken a {color: red;}
+.chunk-wl a {color: green;}
+.chunk-wl-fix a {color: black;}

 
 

-.chunk-wl {
-    background-color: #afa;
+
+/* Big cheesy publish button */
+#publish-button {
+        color: black;
+        border: 2px solid black; 
+        border-radius: 20px;
+        box-shadow: 0px 0px 15px #88f;
+        /*moz-border-radius: 20px;
+        -moz-box-shadow: 10px 10px 5px #888;*/
+        font-size:1.5em; 
+        padding: 1em; 
+        background: -moz-linear-gradient(top,  #fff,  #44f);
+        -moz-transition: all 0.5s ease-in-out;        
+        margin: 20px;

 }
 }

-.chunk-plain {
-    background-color: #aaa;
+
+#publish-button:hover {
+    -moz-transition: all 0.5s ease-in-out;        
+    -moz-transform: scale(1.1);
+    background: -moz-linear-gradient(top,  #fff,  #88f);
+    -moz-box-shadow: 0px 0px 30px #ff8;

 }
 }

-.chunk-xml {
-    background-color: #faa;
+
+#publish-button:active {
+    background: -moz-linear-gradient(top,  #88f,  #fff);

 }
 }