X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/985ca3a21df2340caa545f27e5f01fd1eb87c9c8..b171203911f76839a6c5da5f4123434fe4508b9f:/redakcja/static/css/filelist.css?ds=sidebyside

diff --git a/redakcja/static/css/filelist.css b/redakcja/static/css/filelist.css
index 7dfdf807..b5e4fc43 100644
--- a/redakcja/static/css/filelist.css
+++ b/redakcja/static/css/filelist.css
@@ -7,40 +7,97 @@
 */
 
 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;
+img {
+    border: 0;
+}
+
+th {
+    text-align: left;
+}
+
+td {
+    vertical-align: top;
+    padding: 0 3px;
+}
+.clr {
+    clear: both;
+}
+
+#tabs-nav {
+    padding: 5px 5px 0 10px;
+    background: #ffdfbf;
+    border-bottom: 1px solid #ff8000;
+    position: relative;
+}
+
+#tabs-nav-left {
+    margin-left: 60px;
+}
+
+#tabs-nav-left a {
+    display: block;
+    float: left;
+    padding: 5px 20px 5px 20px;
+    margin-bottom: -1px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+}
+
+#tabs-nav-left .active {
+    background: white;
+    border-color: #ff8000 #ff8000 white #ff8000;
 }
 
-#content h1 img {
-	vertical-align: middle;
+.section {
+    border-top: 1px solid #ffdfbf;
+    margin-top: 2em;
+    padding-top: 1em;
 }
 
-#content h1 {
-	border-bottom: 2px solid black;
-	padding: 0.5em;
-	font-size: 2opt;
-	font-family: sans-serif;
+.editable td {
+    padding: 1px;
 }
+.editable input, .editable select, .editable textarea {
+    width: 400px;
+}
+.editable .number-input {
+    width: 100px;
+}
+
+
+#login-box {
+    float: right;
+}
+
+#logo {
+    position: absolute;
+    bottom: 0;
+}
+
+#content {
+    padding: 10px;
+}
+
+
 
-#file-list {
+#catalogue_layout_left_column {
 	overflow: visible;
 	float: left;
-	max-width: 50%;
+	max-width: 60%;
 	padding-right: 2%;
 	border-right: 1px dashed black;
 
 }
 
-#last-edited-list {
+#catalogue_layout_right_column {
 	float: left;
-	max-width: 35%;
+	max-width: 30%;
 	margin-left: 5%;
 }
 
@@ -54,11 +111,11 @@ body {
 
 #last-edited-list .date {
 	font-size: 70%;
-	color: grey;
+	color: #808080;
 }
 
 a, a:visited, a:active {
-	color: blue;
+	color: #a05000;
 	text-decoration: none;
 }
 
@@ -67,9 +124,6 @@ a:hover {
 }
 
 
-#loading-overlay {
-	display: none;
-}
 
 .error {
     color: red;
@@ -90,11 +144,95 @@ a:hover {
 
 .chunkno {
     font-size: .7em;
+    padding-left: 2em;
 }
 
-td {
-    vertical-align: top;
+
+/* 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-list {
-    padding-left: 2em;
+
+#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;
+}
+
+#publish-button:active {
+    background: -moz-linear-gradient(top,  #88f,  #fff);
+}
+
+
+/* book list */
+
+.book-search-column input {
+    width: 96%;
+}
+
+.book-list-user .user-column {
+    display: none;
+}
+
+
+/* wall */
+.wall {
+    padding-left: 0;
+    list-style: none;
+}
+
+.wall li {
+    clear: left;
+    border-top: 1px dotted gray;
+    padding: 0 1em 2em 1em;
+    margin-bottom: 0;
+}
+
+.wall .gravatar {
+    float: left;
+    margin-right: 1em;
+    margin-left: -1em;
+}
+.wall h3 {
+    font-size: 1.25em;
+    margin-top: 0;
+}
+
+.wall .time {
+    /* float:right; */
+}
+
+.wall .anonymous {
+    background-color: #efa;
+}
+
+.wall .comment {
+    background-color: #dfc;
+}
+
+.wall .publish {
+    background-color: #fdc;
+}
+
+div.cover-preview {
+	width: 216px;
+	min-height: 300px;
+	float: left;
+	margin-right: 2em;
+}
+
+img.cover-preview {
+	width: 216px;
+	height: 300px;
 }