[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-commits
Subject: bugs/2.23/skin
From: Rainer Endres <endres () physos ! org>
Date: 2007-06-08 19:08:04
Message-ID: 1181329684.666226.10663.nullmailer () svn ! kde ! org
[Download RAW message or body]
SVN commit 673011 by endres:
Far from finished, but a good start.
M +354 -26 global.css
--- trunk/bugs/2.23/skin/global.css #673010:673011
@@ -3,6 +3,10 @@
* The rules you put here override rules in that stylesheet.
*/
+/*
+** HTML elements
+*/
+
body {
margin: 0px;
padding: 0px;
@@ -12,6 +16,156 @@
background-color:#ffffff;
}
+
+/*
+** HTML Tags
+*/
+
+h1, h2, h3, h4
+{
+ padding: 0;
+ text-align: left;
+ font-weight: bold;
+ color: #f7800a ;
+ background: transparent;
+}
+h1 {
+ margin: 0 0 0.3em 0;
+ font-size: 1.7em;
+}
+h2, h3, h4 {
+ margin: 1.3em 0 0 0.3em
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.4em;
+}
+
+h4 {
+ font-size: 1.3em;
+}
+
+h5 {
+ font-size: 1.2em;
+}
+
+a:link {
+ padding-bottom: 0;
+ text-decoration: none;
+ linkcolor: #0057ae ;
+}
+
+a:visited {
+ padding-bottom: 0;
+ text-decoration: none;
+ linkcolor: #644A9B ;
+}
+
+
+a[href]:hover {
+ text-decoration: underline;
+}
+
+hr {
+ margin: 0.3em 1em 0.3em 1em;
+ height: 1px;
+ border: #dddddd, dashed;
+ border-width: 0 0 1px 0;
+}
+
+pre {
+ display: block;
+ margin: 0.3em;
+ padding: 0.3em;
+ font-size: 1em;
+ color: #000000 ;
+ background: #f9f9f9 ;
+ border( #2f6fab, dashed ;
+ border-width: 1px;
+ overflow: auto;
+ line-height: 1.1em;
+}
+
+input, textarea, select {
+ margin: 0.2em;
+ padding: 0.1em;
+ color: #888888 ;
+ background: #ffffff ;
+ border: 1px solid;
+}
+
+blockquote {
+ margin: 0.3em;
+ padding-left: 2.5em;
+ background: transparent;
+}
+
+del {
+ color: #800000 ) ?>
+ text-decoration: line-through;
+}
+
+dt {
+ font-weight: bold;
+ font-size: 1.05em;
+ color: #0057ae ;
+}
+
+dd {
+ margin-left: 1em;
+}
+
+p {
+ margin-top: 0.5em;
+ margin-bottom: 0.9em;
+ text-align: justify;
+}
+fieldset {
+ border: #cccccc, 1px solid;
+}
+
+li {
+ text-align: left;
+}
+
+fieldset {
+ margin-bottom: 1em;
+ padding: .5em;
+}
+
+form {
+ margin: 0;
+ padding: 0;
+}
+
+hr {
+ height: 1px;
+ border: #888888, 1px solid;
+ background: #888888 ;
+ margin: 0.5em 0 0.5em 0 ;
+}
+
+img {
+ border: 0;
+}
+table {
+ border-collapse: collapse;
+ font-size: 1em;
+}
+th {
+ text-align: left;
+ padding-right: 1em;
+ border: #cccccc, solid;
+ border-width: 0 0 3px 0;
+}
+
+
+
+
#header_container {
width:100%;
color:#535353;
@@ -51,33 +205,187 @@
}
+#header_bottom, #header_bottom_sub {
+ margin: 0 auto;
+ padding: 0.1em 0em 0.3em 0;
+ min-width: 60em;
+ max-width: 90%;
+ vertical-align: middle;
+ text-align: right;
+ background: #eeeeee;
+}
+#location, #subtitle_wrapper {
+ padding: 0 0 0 1.5em;
+ text-align: left;
+ line-height: normal;
+ font-size: 1.1em;
+ font-weight:bold;
+ float: left;
+}
+#location ul, #subtitle_wrapper ul {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#location ul li, #subtitle_wrapper ul li {
+ display: inline;
+ white-space : nowrap;
+ margin: 0;
+ padding: 0 1em 0 0;
+}
+#menu, #information_wrapper {
+ margin: 0 1.5em 0 0;
+ text-align: right;
+ line-height: normal;
+ font-size: 1.1em;
+ font-weight: bold;
+}
+#menu ul, #information_wrapper ul {
+ display: inline;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ text-align: right;
+}
+#menu ul li, #information_wrapper ul li {
+ display: inline;
+ white-space : nowrap;
+ margin: 0;
+ padding: 0 0 0 1em;
+ text-align: right;
+}
+.here a:link, .here a:visited {
+ text-decoration:underline;
+}
+.here ul a:link, .here ul a:visited {
+ text-decoration:none;
+}
+#menu ul li a {
+ font-weight: bold;
+}
+#header_bottom_sub {
+ background-color: #0057ae;
+ color: #ffffff;
+}
+/*
+** Content
+*/
-/* ************************************************************************* */
+#content {
+ width: 100%;
+}
+#main {
+ /* padding in px not ex because IE messes up 100% width tables otherwise */
+ padding: 10px;
+ text-align: left;
+}
-#head {
- background: url(img/top.jpg) no-repeat;
-/* width: 770px; */
- width: 90%;
- height: 52px;
- padding: 0px;
- margin: 0 auto;
- line-height: 52px;
- vertical-align: center;
- color: #ffffff;
+#body_wrapper {
+ margin: 0 auto;
+ min-width: 70em;
+ max-width: 90%;
+ border: #dddddd solid;
+ border-width: 0 0 0 1px;
+
}
+#body {
+ float: left;
+ margin: 0;
+ padding: 0;
+ min-height: 40em;
+ min-width: 70em;
+}
+
+#right {
+ float: right;
+ margin: 0;
+ padding: 0;
+ width: 75%;
+}
+
+/*
+** Left Menu
+*/
+
+#left {
+ float: left;
+ margin: 0;
+ margin-right: 2%;
+ padding: 0;
+ width: 23%;
+}
+
+.menu_box {
+ padding: 0.7em 0 0 0;
+}
+
+.menu_box ul {
+ text-align: left;
+}
+
+.menu_box li {
+ list-style-type: none;
+ text-align: left;
+ margin-left: 0.1em;
+}
+
+.menu_box ul ul {
+ margin: 0;
+ padding-left: 0;
+}
+
+.menu_box li li {
+ margin-left: 1em;
+}
+
+.menu_box .active{
+ color: #cf4913;
+}
+
+.menutitle {
+ margin: 0.6em 0 1.2em 0;
+ padding:0;
+ color: #ffffff;
+ background: url(img/block_title_mid.png) repeat-y right #0057ae;
+
+}
+.menutitle div {
+ margin: 0;
+ padding:0;
+ background: url(img/block_title_top.png) no-repeat top right;
+}
+.menutitle div h2 {
+ margin: 0;
+ padding: 0.2em 0 0.3em 1.3em;
+ line-height:1.2em;
+ font-size: 120%;
+ font-weight: normal;
+ color: #ffffff;
+ background: url(img/block_title_bottom.png) no-repeat bottom right;
+}
+
+.clearer {
+ clear: both;
+ height: 1px;
+}
+
+
+/* ********************************************************************************************* */
+
input, textarea, select {
color: #888888;
border: 1px solid;
@@ -86,13 +394,6 @@
padding: 2px;
}
-#head #site-name {
- padding-left: 60px;
- font-size: 1.7em;
- font-weight:bold;
- font-weight:bold;
- float:left;
-}
.site-slogan {
font-size: 150%;
@@ -101,14 +402,7 @@
padding-right: 25px;
}
-img#headerright {
-float:right;
-margin:0;
-margin-right:20px;
-padding:0;
-}
-
-
+/*
.menutitle {
text-align: left;
margin: 0.6em 0 0 0;
@@ -134,6 +428,8 @@
background: url(img/block_title_bottom.png) no-repeat bottom right;
}
+*/
+
.links ul {
list-style-type: none;
color: #0057AE;
@@ -152,3 +448,35 @@
margin: 0;
width: 0;
}*/
+
+/*
+** Footer
+*/
+#footer {
+ width: 100%;
+ background: #eeeeee ;
+}
+
+#footer_text {
+ margin: 0 auto;
+ padding: 1em 0 1em 3.5em;
+ width: 51.5em;
+ text-align: left;
+ color: #000000 ;
+ background: #eeeeee ;
+}
+
+#footer a:link, #footer a:visited {
+ linkcolor: #4d88c3 ;
+}
+
+#quicklinks {
+font-size: 1em;
+padding: 1em;
+text-align: center;
+margin-top: 0.5em;
+margin-left: 0.2em;
+margin-bottom: 0.5em;
+margin-right: 0.2em;
+}
+
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic