Author: Jogy
Date: 2006-05-25 08:46:05 +0000 (Thu, 25 May 2006)
New Revision: 8864
Modified:
trunk/freenet/src/freenet/clients/http/staticfiles/themes/sky/theme.css
Log:
CSS tweaking on Configuration page
Modified:
trunk/freenet/src/freenet/clients/http/staticfiles/themes/sky/theme.css
===================================================================
--- trunk/freenet/src/freenet/clients/http/staticfiles/themes/sky/theme.css
2006-05-25 00:40:12 UTC (rev 8863)
+++ trunk/freenet/src/freenet/clients/http/staticfiles/themes/sky/theme.css
2006-05-25 08:46:05 UTC (rev 8864)
@@ -12,43 +12,57 @@
th {
font-weight: bold;
- background-color: #d0e2ff;
+ background-color: #e8e8e8;
}
th, td {
margin: 0;
padding: 5px;
- border: 1px solid #b0b0d0;
+ border: 1px solid #d0d0d0;
}
pre, textarea {
font-family: Courier;
font-weight: normal;
- font-size: 80%;
+ font-size: 8pt;
}
pre#reference {
overflow: auto;
}
+table, pre {
+ margin: 0 0 5px 0;
+ padding: 0;
+}
+
+form {
+ margin: 0;
+ padding: 0;
+}
+
/* body and page header */
body {
- padding: 0;
margin: 0;
- background-color: #f5f9ff;
+ padding: 0;
+ background-color: #f0f0f0;
}
+#page {
+}
+
/* page's topbar */
#topbar {
margin: 0;
padding: 5px;
min-height: 50px;
+ background-color: #e8e8e8;
background-image: url(logo.png);
background-repeat: no-repeat;
background-position: 30px 3px;
- background-color: #eaf2ff;
+ border-bottom: 1px solid #d0d0d0;
}
#topbar h1 {
@@ -61,44 +75,34 @@
/* navigation */
#navbar {
- margin-bottom: 5px;
- padding: 0;
- border-bottom: 1px solid #d0d0f0;
- border-top: 1px solid #d0d0f0;
- background-color: #eaf2ff;
+ margin: 5px 5px 0 0;
+ padding: 10px;
+ position: absolute;
+ width: 150px;
+ background-color: #e8e8e8;
+ border: 1px solid #d0d0d0;
}
#navbar ul {
- margin: 0;
+ margin: 0 0 0 30px;
padding: 0;
- width: 100%;
- display: table;
- border-collapse: collapse;
- border: 0px hidden;
}
#navbar li {
- margin: 0px;
- padding-left: 5px;
- padding-right: 5px;
+ margin: 0;
+ padding: 0;
list-style-type: none;
- display: table-cell;
- text-align: center;
- border-left: 1px solid #d0d0f0;
}
-#navbar li:hover {
- background-color: #75a9ff;
-}
-
#navbar a {
color: #000000;
text-decoration: none;
- display: block;
- width: 100%;
- height: 100%;
}
+#navbar a:hover {
+ color: #ff0000;
+}
+
/* alerts */
.alert-error {
@@ -116,27 +120,31 @@
/* infoboxes */
div.infobox {
- margin: 10px;
+ margin: 0 0 5px 0;
padding: 10px;
- background-color: #f6f9ff;
- border: 1px solid #b1ceff;
+ background-color: #f0f0f0;
+ border: 1px solid #d0d0d0;
}
div.infobox div.infobox-header {
margin: -10px -10px 10px -10px;
padding: 10px 35px 10px 10px;
- border-bottom: 1px dotted #b1ceff;
+ border-bottom: 1px dotted #a0a0a0;
font-weight: bold;
font-size: 11pt;
- background-color: #eaf2ff;
+ background-color: #e8e8e8;
+ background-repeat: no-repeat;
+ background-position: right;
}
div.infobox-information div.infobox-header {
- background-color: #e5efff;
+ background-color: #e8e8f0;
+ background-image: url(information.gif);
}
div.infobox-warning div.infobox-header {
background-color: #f8f8c0;
+ background-image: url(warning.gif);
}
div.infobox-alert {
@@ -145,6 +153,7 @@
div.infobox-alert div.infobox-header {
background-color: #ffd0d0;
+ background-image: url(alert.gif);
}
div.infobox-error {
@@ -169,7 +178,10 @@
/* content */
#content {
+ margin: 5px 5px 5px 0;
padding: 0;
+ position: absolute;
+ left: 177px;
}
a {
@@ -177,7 +189,7 @@
}
a:hover {
- color: #7070bb;
+ color: #ff0000;
}
.interfacelink {
@@ -193,12 +205,13 @@
/* plugins page */
-table.plugins {
- width: 100%;
+table.plugins th, table.plugins td {
+ font-size: 8pt;
}
table.plugins span {
font-weight: bold;
+ font-size: 8pt;
}
table.plugins form {
@@ -210,70 +223,55 @@
ul.config {
margin: 0 0 5px 0;
padding: 0;
- border: 1px solid #d0d0d0;
+ border-top: 1px solid #d0d0d0;
+ border-right: 1px solid #d0d0d0;
+ border-left: 1px solid #d0d0d0;
}
ul.config li {
margin: 0;
- padding: 5px;
+ padding: 15px 10px 15px 10px;
list-style: none;
text-align: left;
- display: table;
+ border-bottom: 1px solid #d0d0d0;
}
-ul.config li:hover span.configlongdesc {
- display: block;
-}
-
ul.config span.configprefix {
+ margin: 0;
+ padding: 10px 35px 10px 10px;
display: block;
- width: 100%;
- background-color: #e5efff;
- text-indent: 15px;
+ border-bottom: 1px dotted #a0a0a0;
font-weight: bold;
font-size: 16pt;
+ font-variant: small-caps;
+ background-color: #e8e8e8;
}
ul.config span.configshortdesc {
text-align: left;
font-weight: bold;
- float: left;
- margin-right: 10px;
- width: 300px;
- display: table-cell;
+ float: left;
+ width: 30%;
}
ul.config span.configlongdesc {
- display: none;
- position: absolute;
- left: 40px;
- background-color: #e1ecff;
- border: 1px solid #97beff;
- padding: 5px;
+ display: block;
+ text-align: left;
}
-span.config {
- display: table-cell;
- width: 100%;
-}
-
ul.config input[type=text] {
- width: 100%;
+ width: 70%;
}
/* darknet page */
-table.darknet_connections {
- width: 100%;
-}
-
table.darknet_connections th, table.darknet_connections td {
- font-size: 80%;
+ font-size: 8pt;
}
table.darknet_connections span {
font-weight: bold;
- font-size: 80%;
+ font-size: 8pt;
}
table.darknet_connections span.peer_connected {
@@ -316,18 +314,6 @@
font-size: 7pt;
}
-#reftext {
- width: 100%;
-}
-
-#refurl {
- width: 100%;
-}
-
-#reffile {
- width: 100%;
-}
-
/* queue page */
table.queue th, table.queue td {
