Created message.css, moved most message related css there, updated message look,...

[citadel.git] / webcit / static / styles / content.css

diff --git a/webcit/static/styles/content.css b/webcit/static/styles/content.css
index d02c15338475788a232d098527a0ab3b6d582d7b..01e70b3155e996cb7548e12afcac21f33d861741 100644 (file)
--- a/webcit/static/styles/content.css
+++ b/webcit/static/styles/content.css
@@ -1,13 +1,14 @@
 #content {
        position: fixed;
-       top: 120px;             /* when changing this, also change #banner and #iconbar */
+       top: 100px;             /* when changing this, also change #banner and #iconbar */
        left: 16%;              /* when changing this, also change #banner and #iconbar */
        bottom: 0;
        width: 84%;             /* when changing this, also change #banner and #iconbar */
        background: #F3F6F2;
        color: #000;
        z-index: 2;
-       overflow-y: auto;                               
+       overflow-y: auto;
+       padding-top: 0.5em;
 }
 
 .boxcontent table {
@@ -36,3 +37,33 @@
        text-align: center;
 }
 
+.moreprompt {
+       margin: 0 1em;
+       text-align: center;
+       font-size: small;
+       background-color: #4d555c;
+       color: #ddd;
+       border: 2px solid #4d555c; /*in order to make the hover effect pop out nice */
+       /*border-radius: 5px;
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px; */
+}
+ 
+.moreprompt_link {
+       color: #ddd;
+       font-weight: bold;
+}
+ 
+.moreprompt_link:hover {
+       background-color: #ddd;
+       color: #4d555c;
+       border: 0px solid #5c646b;
+       border-radius: 5px;
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+}
+
+/* a > div.moreprompt { 
+       border: none;
+       border-radius: 0; } */
+