[Mapbender-commits] r1864 - trunk/mapbender/http/css

[svn_mapbender at osgeo.org]

Author: christoph
Date: 2007-11-28 10:59:17 -0500 (Wed, 28 Nov 2007)
New Revision: 1864

Added:
   trunk/mapbender/http/css/admin.screen.css
Log:
css for wfs edit

Added: trunk/mapbender/http/css/admin.screen.css
===================================================================
--- trunk/mapbender/http/css/admin.screen.css	                        (rev 0)
+++ trunk/mapbender/http/css/admin.screen.css	2007-11-28 15:59:17 UTC (rev 1864)
@@ -0,0 +1,357 @@
+ at charset "utf8";
+
+/* ################################################## */
+
+* {
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+	font-style: normal;
+}
+
+body {
+	width: 350px;
+}
+
+body {
+	width: auto;
+	min-width: 350px;
+}
+
+body {
+	padding: 1em;
+	font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
+	font-size: 12px;
+	line-height: 1em;
+	color: #000;
+	background-color: #F3F3F3;
+}
+
+/* ################################################## */
+
+h1 {
+	margin-bottom: 1em;
+	padding: .5em;
+	font-size: 1.5em;
+	color: #600;
+	background-color: #E3E3E3;
+	border: 1px solid #CCC;
+	-moz-border-radius: 5px;
+}
+
+p, ul {
+	margin-bottom: 1em;
+	line-height: 1.25em;
+}
+
+a {
+	color: #09C;
+}
+
+a:hover {
+	text-decoration: none;
+}
+
+em {
+	font-size: .75em;
+	line-height: 1.25em;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	color: #999;
+}
+
+/* ################################################## */
+
+form {
+	clear: both;
+	margin-top: 1em;
+	padding-top: 1em;
+	padding-right: 1em;
+	padding-left: 1em;
+	background-color: #E3E3E3;
+	border: 1px solid #CCC;
+	-moz-border-radius: 5px;
+}
+
+fieldset {
+	border: 0;
+}
+
+legend {
+	display: block;
+	padding-bottom: .5em;
+	font-weight: bold;
+	text-transform: uppercase;
+	color: #600;
+}
+
+label {
+	color: #666;
+	white-space: nowrap;
+}
+
+input, textarea, select {
+	padding-top: .25em;
+	padding-right: .5em;
+	padding-bottom: .25em;
+	padding-left: .5em;
+	font: inherit;
+	line-height: 1.2em;
+	background-color: #EEE;
+	border-width: 1px;
+	border-color: #FFF;
+}
+
+select option:hover {
+	background-color: #CCC;
+}
+
+input[type=submit], 
+input[type=reset],
+input[type=button] {
+	padding-right: .25em;
+	padding-left: .25em;
+	color: #FFF;
+	background-color: #CCC;
+}
+
+hr {
+	clear: both;
+	background-color: transparent;
+	border: 0;
+}
+
+/* ################################################## */
+
+.center {
+	text-align: center;
+}
+
+/* ################################################## */
+
+.topbar {
+	height: 1.75em;
+	line-height: 1.75em;
+	text-align: right;
+	list-style: none;
+	border: 1px solid #999;
+	white-space: nowrap;
+}
+
+.topbar li {
+	display: inline;
+	padding-top: .25em;
+	padding-right: 1.75em;
+	padding-bottom: .25em;
+	padding-left: 1.75em;
+	cursor: pointer;
+	border-left: 1px solid #999;
+}
+
+.topbar a {
+	font-size: .8em;
+	text-decoration: none;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	color: #999;
+}
+
+.topbar li:hover {
+	background-color: #999;
+}
+
+.topbar li:hover a,
+.topbar a:hover {
+	color: #E3E3E3;
+}
+
+/* ################################################## */
+
+.guiElements {
+	line-height: 1.75em;
+	list-style: none;
+}
+
+.guiElements li {
+	clear: both;
+	margin-bottom: .5em;
+	padding: .5em;
+	color: #CCC;
+	border: 1px solid #3C3C3C;
+}
+
+.guiElements img {
+	float: right
+}
+
+.guiElements li.active {
+	margin-top: 1.5em;
+	margin-left: 1.5em;
+	margin-bottom: 1.5em;
+	background-color: #363636;
+	border-left-width: 1.5em;
+}
+
+.guiElements li.active strong {
+	font-weight: bold;
+}
+
+.guiElements li:hover {
+	background-color: #363636;
+}
+
+.guiElements a {
+	margin-right: 1em;
+	font-weight: normal;
+	font-size: .8em;
+	text-decoration: none;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+}
+
+.guiElements a:after {
+	content: " ""\00BB";
+	font-size: 1.5em;
+	color: #999;
+}
+
+.guiElements a:hover {
+	color: #E3E3E3;
+	background-color: #09C;
+}
+
+.guiElements a:hover:after {
+	color: #E3E3E3;
+}
+
+.guiElements em {
+	clear: both;
+	display: block;
+	padding-right: 3em;
+	font-weight: normal;
+	font-size: 1em;
+	text-transform: none;
+	letter-spacing: 0;
+	color: #999;
+}
+
+.guiElements small {
+	float: right;
+	width: 2em;
+	height: 2em;
+	margin-left: 1em;
+	font-size: .75em;
+	line-height: 2em;
+	text-align: center;
+	text-transform: uppercase;
+	letter-spacing: -1px;
+	color: #E3E3E3;
+	border-width: 1px;
+}
+
+.guiElements small.on {
+	background-color: #9C0;
+	border-style: inset;
+	border-color: #9C0;
+}
+
+.guiElements small.off {
+	background-color: #C00;
+	border-style: outset;
+	border-color: #C00;
+}
+
+.guiElements br {
+	visibility: hidden;
+	display: none;
+}
+
+/* ################################################## */
+
+ 
+.rightContainer {
+	float: right;
+	width: 40%;
+}
+
+
+.leftContainer {
+	float: left;
+	width: 40%;
+}
+
+.centerContainer {
+	float: left;
+	width: 20%;
+	text-align: center;
+}
+
+.centerContainer legend {
+	visibility: hidden;
+}
+
+.rightContainer select, input[type=text],
+.leftContainer select {
+	width: 100%
+}
+
+.centerContainer input#add,
+.centerContainer input#remove {
+	margin-bottom: .5em;
+	padding-right: 1em;
+	padding-left: 1em;
+	color: #FFF;
+}
+
+.topContainer,
+.bottomContainer {
+	margin-right: -1em;
+	margin-left: -1em;
+	padding: 1em;
+}
+
+.topContainer {
+	clear: both;
+	border-bottom: 1px dotted #CCC;
+}
+
+.bottomContainer {
+	clear: both;
+	border-top: 1px dotted #CCC;
+}
+
+.topContainer p, 
+.bottomContainer p {
+	margin: 0;
+	line-height: 1.5em;
+}
+
+/* ################################################## */
+
+.labeledFields p {
+	line-height: 2.5em;
+	color: #CCC;
+}
+
+.labeledFields label {
+	float: left;
+	width: 7.5em;
+	padding-right: 1em;
+	text-align: right;
+}
+
+.labeledFields label.inline {
+	float: none;
+	width: auto;
+	padding-right: 0;
+}
+
+/* ################################################## */
+
+#indicator {
+	float: right;
+	position: relative;
+	top: -.25em;
+	margin-left: -20px;
+	margin-bottom: -20px;
+}
\ No newline at end of file