[Mpuls-commits] r5505 - base/trunk/mpulsweb/public/styles
scm-commit@wald.intevation.org
scm-commit at wald.intevation.org
Fri Oct 28 10:35:42 CEST 2011
Author: bricks
Date: 2011-10-28 10:35:42 +0200 (Fri, 28 Oct 2011)
New Revision: 5505
Modified:
base/trunk/mpulsweb/public/styles/screen.css
Log:
Fix indentation to tabs an make formatting consistent
Severl different coding styles are used in the css files.
At least make them consistent in screen.css.
Indentation is now 4 spaces. Values of a property are seperated
with only one space. Always use several lines for property
definitions.
Modified: base/trunk/mpulsweb/public/styles/screen.css
===================================================================
--- base/trunk/mpulsweb/public/styles/screen.css 2011-10-27 13:37:49 UTC (rev 5504)
+++ base/trunk/mpulsweb/public/styles/screen.css 2011-10-28 08:35:42 UTC (rev 5505)
@@ -1,126 +1,157 @@
@import url(color3.css);
/*------------------------------*/
-/* Content of screen.css */
-/* 1. Common selectors */
-/* 2. Layout */
-/* 3. Header */
-/* 4. Left Navigation */
-/* 5. Content */
-/* 6. Login */
+/* Content of screen.css */
+/* 1. Common selectors */
+/* 2. Layout */
+/* 3. Header */
+/* 4. Left Navigation */
+/* 5. Content */
+/* 6. Login */
/*------------------------------*/
/*------------------------*/
-/* 1. Common selectors */
+/* 1. Common selectors */
/*------------------------*/
-* { padding: 0; margin: 0; }
-ul, ol { margin-bottom: 1em; }
-ul { margin-left:1em; }
-li { list-style-type: none;}
+* {
+ padding: 0;
+ margin: 0;
+}
-html {
- height: 100%;
- font-size: 1.1em;
+ul, ol {
+ margin-bottom: 1em;
}
+ul {
+ margin-left:1em;
+}
+
+li {
+ list-style-type: none;
+}
+
+html {
+ height: 100%;
+ font-size: 1.1em;
+}
+
body {
- font-size: 10pt;
- font-family: sans-serif;
- padding: 0.2em 0em 0em 0.4em;
+ font-size: 10pt;
+ font-family: sans-serif;
+ padding: 0.2em 0em 0em 0.4em;
}
-h1 { font-size: 1.2em; padding-bottom:0.4em;}
-h2 { font-size: 1.1em; padding-top:0.4em;}
-h3 { font-size: 1.1em; }
-h4 { font-size: 1.0em; }
-h5 { font-size: 1.0em; padding-left:0.2em;}
+h1 {
+ font-size: 1.2em;
+ padding-bottom: 0.4em;
+}
+h2 {
+ font-size: 1.1em;
+ padding-top: 0.4em;
+
+}
+h3 {
+ font-size: 1.1em;
+}
+
+h4 {
+ font-size: 1.0em;
+}
+
+h5 {
+ font-size: 1.0em;
+ padding-left: 0.2em;
+}
+
p {
- padding:0.2em 0;
- margin:0;
+ padding: 0.2em 0;
+ margin: 0;
}
li h1 {
- font-size:1em;
+ font-size: 1em;
}
.skiplink a {
- position: absolute;
- top: -100px;
- left: 0;
- padding: 0 4px;
- background: white;
- font-size: 1.2em;
- z-index: 100;
+ position: absolute;
+ top: -100px;
+ left: 0;
+ padding: 0 4px;
+ background: white;
+ font-size: 1.2em;
+ z-index: 100;
}
-.skiplink a:focus {top: 0px;}
+.skiplink a:focus {
+ top: 0px;
+}
fieldset {
- padding:0.5em;
- border: 1px solid #babdb6;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
+ padding:0.5em;
+ border: 1px solid #babdb6;
+ -moz-border-radius: 5px;
+ -o-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
}
.button {
- margin-top:0.5em;
+ margin-top: 0.5em;
}
.dialog {
- margin-top:0.4em;
- padding:0.4em;
- border:0.5pt solid;
- background:white;
+ margin-top: 0.4em;
+ padding: 0.4em;
+ border: 0.5pt solid;
+ background: white;
}
.dialog p {
- margin-bottom:1em;
+ margin-bottom: 1em;
}
a.button {
- border: 1px solid #555753;
- margin-right: 1em;
- padding: 0 0.25em;
- text-decoration: none;
- font-size: 0.94em;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
+ border: 1px solid #555753;
+ margin-right: 1em;
+ padding: 0 0.25em;
+ text-decoration: none;
+ font-size: 0.94em;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
}
a img{
- vertical-align:middle;
+ vertical-align: middle;
}
td img{
- vertical-align:bottom;
+ vertical-align: bottom;
}
div.dialog img {
- vertical-align: middle;
- margin-right: 1em;
+ vertical-align: middle;
+ margin-right: 1em;
}
img.smallicon {
- vertical-align: middle;
- border: 0;
- margin-right: 0.25em;
+ vertical-align: middle;
+ border: 0;
+ margin-right: 0.25em;
}
img.sorticon {
- vertical-align: middle;
- border: 0;
+ vertical-align: middle;
+ border: 0;
}
img.smallicon {
- vertical-align: middle;
- border: 0;
- margin-right: 0.25em;
+ vertical-align: middle;
+ border: 0;
+ margin-right: 0.25em;
}
@@ -129,59 +160,59 @@
/*-----------*/
div#header {
- border-bottom: 1px solid #000;
- width: 69.7em; /*total fixed width*/
- height: 6.36em !important;
+ border-bottom: 1px solid #000;
+ width: 69.7em; /*total fixed width*/
+ height: 6.36em !important;
}
div#header img {
- margin-top: 0.2em;
- max-height: 75px;
- max-width: 225px;
+ margin-top: 0.2em;
+ max-height: 75px;
+ max-width: 225px;
}
div#rightheader {
- margin-top: 0.8em;
- margin-left: 0.397em;
- float: right;
- width: 52.5em;
+ margin-top: 0.8em;
+ margin-left: 0.397em;
+ float: right;
+ width: 52.5em;
}
div#main {
- margin-top: 0.4em;
- width: 72em; /* total fixed width */
- clear:both;
+ margin-top: 0.4em;
+ width: 72em; /* total fixed width */
+ clear: both;
}
div.left {
- width: 16.8em;
- float: left;
+ width: 16.8em;
+ float: left;
}
div.right {
- margin-left: 17.2em;
- width: 51.5em;
+ margin-left: 17.2em;
+ width: 51.5em;
}
div#footer {
- width:69.5em;
- margin-top:0.4em;
- clear:both;
- text-align: right;
- border-top: 1px solid #000;
- font-size: 10pt;
+ width: 69.5em;
+ margin-top: 0.4em;
+ clear: both;
+ text-align: right;
+ border-top: 1px solid #000;
+ font-size: 10pt;
}
div#version_str {
- font-size:0.7em;
+ font-size: 0.7em;
}
div#status_str {
- float: left;
- font-size:0.7em;
+ float: left;
+ font-size: 0.7em;
}
div#status_str_nofloat {
- font-size:0.7em;
+ font-size: 0.7em;
}
@@ -190,50 +221,50 @@
/*-----------*/
div#startmenu {
- text-align: right;
- padding-bottom: 0.5em;
- height: 1.5em;
+ text-align: right;
+ padding-bottom: 0.5em;
+ height: 1.5em;
}
#startmenu ul {
- margin-bottom:0;
- font-weight: bold;
+ margin-bottom: 0;
+ font-weight: bold;
}
#startmenu li {
- display: inline;
+ display: inline;
}
#startmenu li:first-child:before {
- content: "";
- padding: 0em 0em;
+ content: "";
+ padding: 0em 0em;
}
#startmenu li:before {
- content: "|";
- padding: 0em 0.5em;
+ content: "|";
+ padding: 0em 0.5em;
}
#startmenu a {
- text-decoration:none;
+ text-decoration: none;
}
div#statusbar {
- padding:0 0 0.7em 0.2em;
- height:0.9em;
+ padding: 0 0 0.7em 0.2em;
+ height: 0.9em;
}
div#navipath{
- height:auto;
- font-size: 0.8em;
- padding: 0em 0.8em 0.3em 0.3em;
- margin-bottom:0.4em;
- overflow:hidden;
+ height: auto;
+ font-size: 0.8em;
+ padding: 0em 0.8em 0.3em 0.3em;
+ margin-bottom: 0.4em;
+ overflow: hidden;
}
#navipath ul{
- margin-left:0;
- margin-bottom:0;
+ margin-left: 0;
+ margin-bottom: 0;
}
#navipath li{
@@ -251,7 +282,7 @@
}
#navipath a:hover, #startmenu a:hover {
- text-decoration:underline;
+ text-decoration: underline;
}
/*--------------------*/
@@ -260,91 +291,91 @@
/* Navigation */
table.navigation {
- width: auto;
+ width: auto;
}
table.navigation * {
- font-size: 0.95em;
+ font-size: 0.95em;
}
table.navigation td {
- vertical-align: top;
- border-bottom: 1pt dotted #cdd6de;
+ vertical-align: top;
+ border-bottom: 1pt dotted #cdd6de;
}
table.navigation tr:hover {
- background-color: #babdb6;
+ background-color: #babdb6;
}
table.navigation td.status {
- width: 1em;
- color: #a6143e;
+ width: 1em;
+ color: #a6143e;
}
table.navigation td.selected {
- background-color: #babdb6;
+ background-color: #babdb6;
}
table.navigation tr.selected:hover {
}
div.left div.navigation {
- padding-bottom:0.5em;
- margin-bottom:0.4em;
- height:auto !important;
+ padding-bottom: 0.5em;
+ margin-bottom: 0.4em;
+ height: auto !important;
}
div.navigation .error {
- font-weight: bold;
+ font-weight: bold;
}
div#infofield {
- padding: 0.4em 0.5em 0.0em 1.4em;
- font-size:0.8em;
+ padding: 0.4em 0.5em 0.0em 1.4em;
+ font-size: 0.8em;
}
div.menu {
- padding-bottom: 0.4em;
+ padding-bottom: 0.4em;
}
.menu h1 {
- font-size: 1.1em;
- padding: 0.1em 1em;
+ font-size: 1.1em;
+ padding: 0.1em 1em;
}
.menu .actions ul {
- margin-top:0.4em;
- margin-bottom:0;
- margin-left:0em;
- padding:0;
+ margin-top: 0.4em;
+ margin-bottom: 0;
+ margin-left: 0em;
+ padding: 0;
}
div.menu .actions li{
- list-style-type:none;
+ list-style-type: none;
}
div.menu .actions a {
- display: block;
- padding: 0.1em 0.4em 0.6em 2.5em !important;
- padding: 0em 0.4em 0.2em 2.5em;
- text-decoration:none;
- background-image:url(../images/icons/arrow_right_small.png);
- background-repeat:no-repeat;
- height:1em;
- background-position:12px 4px !important;
- background-position:12px 4px;
+ display: block;
+ padding: 0.1em 0.4em 0.6em 2.5em !important;
+ padding: 0em 0.4em 0.2em 2.5em;
+ text-decoration: none;
+ background-image: url(../images/icons/arrow_right_small.png);
+ background-repeat: no-repeat;
+ height: 1em;
+ background-position: 12px 4px !important;
+ background-position: 12px 4px;
}
.menu .actions a:hover {
- background-image:url(../images/icons/arrow_right_small.png);
- background-repeat:no-repeat;
- background-position:12px 4px !important;
- background-position:12px 4px;
+ background-image: url(../images/icons/arrow_right_small.png);
+ background-repeat: no-repeat;
+ background-position: 12px 4px !important;
+ background-position: 12px 4px;
}
.menu ul {
- margin-top:0.4em;
- margin-left:0em;
+ margin-top: 0.4em;
+ margin-left: 0em;
}
/* Show a "reload" icon in the menu for switching datasets */
@@ -364,122 +395,122 @@
/*------------*/
div#content {
- padding: 0em 0.4em 0.5em 0.4em;
- width: 51.7em;
- min-height:490px;
- height: auto !important;
- height: 375px;
+ padding: 0em 0.4em 0.5em 0.4em;
+ width: 51.7em;
+ min-height:490px;
+ height: auto !important;
+ height: 375px;
}
div#content ul{
- padding:0.5em;
+ padding: 0.5em;
}
div#content ol li {
- margin-left:1.9em;
- list-style-type: decimal;
+ margin-left: 1.9em;
+ list-style-type: decimal;
}
div#content li {
- list-style-type: disc;
+ list-style-type: disc;
}
div#content.right table tbody tr td a{
- padding-right:0.25em;
+ padding-right: 0.25em;
}
div#content_header {
- width:51.5em;
- height:3.0em;
+ width: 51.5em;
+ height: 3.0em;
}
div#content_header_small {
- width:51.5em;
- height:3em;
+ width: 51.5em;
+ height: 3em;
}
div#content_header_large {
- width:auto;
- height:3em;
+ width: auto;
+ height: 3em;
}
div#content_ueberschrift {
- float:left;
- width: 23em;
- font-size:1.2em;
- font-weight:bold;
- margin-top: 0.4em;
- padding: 0.3pt;
+ float: left;
+ width: 23em;
+ font-size: 1.2em;
+ font-weight: bold;
+ margin-top: 0.4em;
+ padding: 0.3pt;
}
#content_header #content_ueberschrift ul, #content_header_small #content_ueberschrift ul, #content_header_large #content_ueberschrift ul {
- list-style-type:none;
- margin:0;
- padding:0 0 0 0;
+ list-style-type: none;
+ margin: 0;
+ padding: 0 0 0 0;
}
#content_header #content_ueberschrift li, #content_header_small #content_ueberschrift li, #content_header_large #content_ueberschrift ul {
- padding-bottom:0.0em;
+ padding-bottom: 0.0em;
}
div#modusfield {
- float: right;
- width: auto !important;
- margin-top: 0.4em;
- padding: 0.3pt;
- height: auto;
- border: 0.5pt solid;
- background-color: white;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
+ float: right;
+ width: auto !important;
+ margin-top: 0.4em;
+ padding: 0.3pt;
+ height: auto;
+ border: 0.5pt solid;
+ background-color: white;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
}
div#modusinfo {
- padding: 0.3pt;
+ padding: 0.3pt;
}
#modusfield ul {
}
div#modusfield .actions li, div#modusfield .actions a{
- height:1.6em;
- margin-top:0.1em;
- margin-bottom:0.1em;
+ height: 1.6em;
+ margin-top: 0.1em;
+ margin-bottom: 0.1em;
}
div#modusfield .actions a:hover {
- background-image:url(../images/icons/arrow_right_small.png);
- background-repeat:no-repeat;
- background-position:1.1em 0.4em;
+ background-image: url(../images/icons/arrow_right_small.png);
+ background-repeat: no-repeat;
+ background-position: 1.1em 0.4em;
}
.note {
- font-size: 0.8em;
- font-weight: normal;
+ font-size: 0.8em;
+ font-weight: normal;
}
#content_header #modusfield ul, #content_header #modusfield li, #content_header_small #modusfield ul, #content_header_small #modusfield li, #content_header_large #modusfield ul, #content_header_large #modusfield li{
- display:inline;
- list-style-type:none;
- margin:0;
- padding:0;
+ display: inline;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
}
#content_header #modusfield a, #content_header_small #modusfield a, #content_header_large #modusfield a {
- text-decoration:none;
- padding:0.1em 0.4em 0em 1.4em;
- background-image:url(../images/icons/arrow_right_small.png);
- background-repeat:no-repeat;
- background-position:4px 4px!important;
- background-position:0.4em 0.3em;
+ text-decoration: none;
+ padding: 0.1em 0.4em 0em 1.4em;
+ background-image: url(../images/icons/arrow_right_small.png);
+ background-repeat: no-repeat;
+ background-position: 4px 4px!important;
+ background-position: 0.4em 0.3em;
}
label, select, input[type="checkbox"], input[type="radio"],
input[type="button"], input[type="submit"], input[type="file"] {
- cursor: pointer;
- overflow: visible;
+ cursor: pointer;
+ overflow: visible;
}
input[type="text"], input{
@@ -498,221 +529,231 @@
input[type="text"][disabled], input[type="text"][disabled="disabled"]
{
background-color: #d3d7cf;
- color: #555753;
+ color: #555753;
cursor: default;
}
select[disabled], select[disabled="disabled"]
{
background-color: #d3d7cf;
- color: #555753;
+ color: #555753;
cursor: default;
}
input.disabled, textarea.disabled
{
background-color: #d3d7cf;
- color: #555753;
+ color: #555753;
cursor: default;
}
.table_header_h th {
- border-bottom:0.5pt solid #000000;
+ border-bottom: 0.5pt solid #000000;
}
#standin {
- max-width:20em;
+ max-width: 20em;
}
-div#clearer {clear:both;}
-.clearer {clear:left;}
+div#clearer {
+ clear: both;
+}
+.clearer {
+ clear: left;
+}
+
#statement_signed {
- margin:1em 1em 0.2em 0.4em;
+ margin: 1em 1em 0.2em 0.4em;
}
table#cmphases td {
- min-height: 2.5em;
+ min-height: 2.5em;
}
table#cmphases td.required_field {
- font-size: 0.8em;
+ font-size: 0.8em;
}
table#cmphases td.cm_phase_state {
- font-size:0.95em;
- text-align: center;
- font-weight: bold;
+ font-size:0.95em;
+ text-align: center;
+ font-weight: bold;
}
/*--------------*/
-/* 6. Login */
+/* 6. Login */
/*--------------*/
#header_login {
- margin-top:1em;
- height:6em;
- width:100%;
- border-bottom:0.5pt solid;
+ margin-top: 1em;
+ height: 6em;
+ width: 100%;
+ border-bottom: 0.5pt solid;
}
#waska_form_login #login_btn {
- padding-top:0.1em;
+ padding-top: 0.1em;
}
#wrapper_login {
- width:40em;
- margin-left:0.5em;
+ width: 40em;
+ margin-left: 0.5em;
}
#content_login {
- width:40em;
- margin-top:0.4em;
+ width: 40em;
+ margin-top: 0.4em;
}
#content_login h1 {
- padding:0em 0 0.2em 0.4em;
- height:1.4em;
+ padding: 0em 0 0.2em 0.4em;
+ height: 1.4em;
}
#content_login p {
- padding-left:0.5em;
- padding-top:0.5em;
- margin-bottom:2em;
+ padding-left: 0.5em;
+ padding-top: 0.5em;
+ margin-bottom: 2em;
}
#waska_form_login {
- padding-bottom:0.1em;
+ padding-bottom: 0.1em;
}
#waska_form_login ul, #waska_form_login li {
- margin-left:0.8em;
+ margin-left: 0.8em;
}
#waska_form_login fieldset {
- margin:0.5em;
- padding:0.5em;
+ margin: 0.5em;
+ padding: 0.5em;
}
#waska_form_login form .label label {
- width:11em;
- padding-left: 2em;
- float:left;
- font-weight:bold;
+ width: 11em;
+ padding-left: 2em;
+ float: left;
+ font-weight: bold;
}
#waska_form_login form .input input, #waska_form_login form .input select {
- float:left;
- width:auto;
+ float: left;
+ width: auto;
}
#waska_form_login form input, #waska_form_login form select {
- margin:0.2em 0 0.2em 0.5em;
+ margin: 0.2em 0 0.2em 0.5em;
}
#waska_form_login form .input input, #waska_form_login form .label label, #waska_form_login form .input select {
- margin-top:0.3em;
- border-width: 1px;
+ margin-top: 0.3em;
+ border-width: 1px;
}
#waska_form_login_pw p {
- padding-left:0.5em;
- padding-top:0.5em;
- margin-bottom:0.1em;
+ padding-left: 0.5em;
+ padding-top: 0.5em;
+ margin-bottom: 0.1em;
}
#footer_login {
- margin-top:0.4em;
- border-top:0.5pt solid;
+ margin-top: 0.4em;
+ border-top: 0.5pt solid;
}
#footer_login p {
- font-size:0.9em;
- padding-top:0.1em;
- margin-bottom:0.6em;
+ font-size: 0.9em;
+ padding-top: 0.1em;
+ margin-bottom: 0.6em;
}
#footer_login img {
- vertical-align:text-top;
- margin-right:0.5em;
+ vertical-align: text-top;
+ margin-right: 0.5em;
}
div#content #adm_beta li{
- list-style-type:square;
- margin-left:1em;
+ list-style-type: square;
+ margin-left: 1em;
}
#newpassword {
- font-size: 1.5em;
- font-weight: bold;
+ font-size: 1.5em;
+ font-weight: bold;
}
/* Traeger */
.traeger {
- margin-bottom:1em;
- height:auto;
- float:left;
+ margin-bottom: 1em;
+ height: auto;
+ float: left;
}
.traeger_name {
- width:100%;
+ width: 100%;
}
.traeger_name_text {
- width:65%;
- float:left;
+ width: 65%;
+ float: left;
}
.traeger_name_img {
- width:30%;
- float:left;
- padding-left:0.5em;
+ width: 30%;
+ float: left;
+ padding-left: 0.5em;
}
.traeger_name_img img{
- margin-bottom:0.4em;
+ margin-bottom: 0.4em;
}
/* Suche */
label img {
- padding-right:0.1em;
+ padding-right: 0.1em;
}
#show_own, #show_other, #show_open, #show_markdelete {
- margin:0 0 0.3em 0 !important;
- margin:0;
+ margin: 0 0 0.3em 0 !important;
+ margin: 0;
}
/* Import */
.import_box {
- margin:0em 0.1em;
+ margin: 0em 0.1em;
}
.import_box_dialog {
- padding:0.4em;
+ padding: 0.4em;
}
.import_box h2 {
- padding:1em 0 0 0;
+ padding: 1em 0 0 0;
}
.import_label {
- padding:0 0 0 1.5em;
+ padding: 0 0 0 1.5em;
}
.import_p {
- padding:0 0 0.4em 0;
+ padding: 0 0 0.4em 0;
}
.import_number {
- font-size:1.4em;
+ font-size: 1.4em;
}
/*New case*/
-#passwd {margin:0 0 0 1.2em;}
-#account_pw_sub {margin:0 0 0 1.1em!important;}
+#passwd {
+ margin: 0 0 0 1.2em;
+}
+#account_pw_sub {
+ margin: 0 0 0 1.1em!important;
+}
+
.export_number {
- font-size:1.4em;
+ font-size: 1.4em;
}
More information about the Mpuls-commits
mailing list