Changeset 9780 for extensions/netinstall/trunk/loader.css

Timestamp:

Mar 19, 2011, 9:46:37 PM (13 years ago)

Author:

plg

Message:

new color scheme (clear background) and new logo for NetInstall, just like install.php in Piwigo 2.2

File:

• extensions/netinstall/trunk/loader.css (modified) (4 diffs)

extensions/netinstall/trunk/loader.css

@@ -16 +16 @@
 
 body {
-  background: #111111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
-  color: #666666;
+  background-color: #F9F9F9;
+  color: #777777;
   margin: 0;
   padding: 0;
   min-width: 60em;
-  font-family: Univers,Helvetica,Optima,"Bitstream Vera Sans",sans-serif;
-  font-size: 0.8em;
-  text-align: center;
-}
-
-#headbranch {
-  background: transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
-  height: 240px;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  width: 233px;
-  z-index: -1;
+  font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
+  font-size: 12px;
 }
 
 #theHeader {
-  background: transparent url(images/piwigo_logo_sombre_214x100.png) no-repeat scroll 245px top;
-  margin: 0;
-  min-height: 105px;
+  background: url("images/piwigo_logo_big.png") no-repeat scroll center 20px transparent;
+  display: block;
+  height: 100px;
+}
+
+#content {
+  margin: auto;
+  margin-top: 9px;
+  width: 800px;
   padding: 0;
 }
 
-#content {
-  background: #222222 url(images/fillet.png) repeat-x scroll left top;
-  margin: auto;
-  margin-top: 9px;
-  text-align: left;
-  width: 800px;
-  padding: 25px;
-  z-index: 99;
-  color: #666666;
+fieldset {
+  margin-top:20px;
+  background-color:#f1f1f1;
+  border:2px solid #dddddd;
+}
+
+legend {
+    font-weight: bold;
+    letter-spacing: 2px;
 }
 
@@ -63 +56 @@
 }
 
-h2 {
-  color: #666666;
-  font-weight: bold;
-  letter-spacing: 2px;
-  text-align: right;
-  text-transform: none;
-  width: 54%;
-  display: block;
-  font-size: 28px;
-  height: 104px;
-  margin: 0 20px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
+#content h2 {
+  display:block;
+  font-size:20px;
+  text-align:center;
+  /* margin-top:5px; */
 }
 
@@ -84 +66 @@
   font-size: 15px;
   font-weight: bold;
+  margin:0;
 }
 
-select, input {
-  border: 1px solid #666666;
-  background-color: #444444;
-  color: #999999;
-  font-size: 1em;
-  margin: 0;
+input[type="submit"], input[type="button"], a.bigButton {
+  font-size:14px;
+  font-weight:bold;
+  letter-spacing:2px;
+  border:none;
+  background-color:#666666;
+  color:#fff;
+  padding:5px;
+  -moz-border-radius:5px;
 }
 
-input[type="submit"] {
-  text-align: center;
-  background-color: #222222;
-  border-color: #FF3363;
-  color: #FF3363;
+input[type="submit"]:hover, input[type="button"]:hover, a.bigButton:hover {
+  background-color:#ff7700;
+  color:white;
 }
 
-input[type="submit"]:hover {
-  cursor: pointer;
-  color: #999;
-  border-color: #666;
+input[type="text"], input[type="password"], select {
+  background-color:#ddd;
+  border:2px solid #ccc;
+  -moz-border-radius:5px;
+  padding:2px;
 }
 
-label {
-  color: #ff3363
+input[type="text"]:focus, input[type="password"]:focus, select:focus {
+  background-color:#fff;
+  border:2px solid #ff7700;
 }
 
@@ -128 +114 @@
 
 .msg {
-  padding: 3px 35px;
+  margin:20px 20px 10px 20px;
+  padding: 5px 10px 5px 60px;
+  background-position:5px 5px;
+  background-repeat:no-repeat;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  -border-radius:5px;
 }
 
 .notice {
-  color: #f70;
+  color: #ee8800;
+  background-image:url("images/notice.png");
+  background-color:#ffdd99;
 }
 
 .warning {
-  color: #f30;
+  color: #ff2222;
+  background-image:url("images/warning.png");
+  background-color:#ffd5dc;
 }