Light&Dark Opera/Webkit enhancements.

This commit is contained in:
z3d
2010-12-03 22:03:41 +00:00
parent 92254f4295
commit d60da1bf63
2 changed files with 22 additions and 10 deletions

View File

@ -3,7 +3,7 @@
/* Author: dr|z3d */ /* Author: dr|z3d */
body { body {
margin: 20px 5px 0 15px; margin: 5px 0px 0 0px;
padding: 0; padding: 0;
text-align: center; text-align: center;
background: #010 url('images/camotile.png') center bottom; background: #010 url('images/camotile.png') center bottom;
@ -130,6 +130,8 @@ div.routersummary hr {
border-bottom: 1px solid #494; border-bottom: 1px solid #494;
margin: 8px -10px 7px -10px; margin: 8px -10px 7px -10px;
-moz-box-shadow: inset 0px 1px 1px 1px #000; -moz-box-shadow: inset 0px 1px 1px 1px #000;
-khtml-box-shadow: inset 0px 1px 1px 1px #000;
box-shadow: inset 0px 1px 1px 1px #000;
} }
div.routersummary h3 { div.routersummary h3 {
@ -270,7 +272,7 @@ div.warning {
/* console error messages */ /* console error messages */
div.sorry { div.sorry {
margin: 15px 15px 10px 220px; margin: 15px 15px 10px 215px;
padding: 20px 20px 20px 75px; padding: 20px 20px 20px 75px;
background: #020; background: #020;
border: 1px solid #494; border: 1px solid #494;
@ -296,16 +298,16 @@ div.sorry hr {
} }
div.main { div.main {
margin: 15px 15px 20px 220px; margin: -3px 5px 5px 205px;
padding: 0 15px 15px 15px; padding: 0 15px 15px 15px;
text-align: left; text-align: left;
color: #EE9; color: #EE9;
width: auto; width: auto;
/* overflow-x: scroll; */ /* overflow-x: scroll; */
border: 1px solid #494; border: 1px solid #494;
-moz-border-radius: 4px; -moz-border-radius: 0 0 4px 4px;
-khtml-border-radius: 4px; -khtml-border-radius: 0 0 4px 4px;
border-radius: 4px; border-radius: 0 0 4px 4px;
background: #000;/* url(images/camotile2.png);*/ background: #000;/* url(images/camotile2.png);*/
min-width: 620px; min-width: 620px;
-moz-box-shadow: 0 1px 5px #000; -moz-box-shadow: 0 1px 5px #000;
@ -318,7 +320,7 @@ div.main textarea {
} }
div.news { div.news {
margin: 15px 15px 15px 220px; margin: 5px 5px 1px 205px;
padding: 5px 30px 10px 30px; padding: 5px 30px 10px 30px;
border: 1px solid #494; border: 1px solid #494;
background: #000; background: #000;
@ -641,8 +643,8 @@ p {
h1 { h1 {
text-align: left; text-align: left;
color: #EE9; color: #EE9;
padding: 10px 15px; padding: 16px 15px;
margin: 0 15px 10px 220px; margin: 0 5px 0px 205px !important;
font-size: 16pt; font-size: 16pt;
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;

View File

@ -118,6 +118,8 @@ div.routersummary hr {
border-bottom: 1px solid #ddf; border-bottom: 1px solid #ddf;
margin: 8px -7px 8px -7px; margin: 8px -7px 8px -7px;
-moz-box-shadow: inset 0px 1px 1px 1px #bbf; -moz-box-shadow: inset 0px 1px 1px 1px #bbf;
-khtml-box-shadow: inset 0px 1px 1px 1px #bbf;
box-shadow: inset 0px 1px 1px 1px #bbf;
} }
div routersummary hr:last-child { div routersummary hr:last-child {
@ -134,6 +136,8 @@ div.routersummary h3 {
background: #ddf url('images/header_on.png') center center repeat-x; background: #ddf url('images/header_on.png') center center repeat-x;
border: 1px solid #99f !important; border: 1px solid #99f !important;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 1px 5px #bbf; -moz-box-shadow: 0px 1px 5px #bbf;
} }
@ -785,7 +789,7 @@ h4 {
font-size: 11pt; font-size: 11pt;
} }
button, button:visited { button, button:visited{
font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px outset #999; border: 1px outset #999;
padding: 1px 3px; padding: 1px 3px;
@ -800,6 +804,8 @@ button, button:visited {
text-align: center; text-align: center;
min-width: 80px; min-width: 80px;
-moz-box-shadow: inset 0px 2px 8px 0px #fff; -moz-box-shadow: inset 0px 2px 8px 0px #fff;
-khtml-box-shadow: inset 0px 2px 8px 0px #fff;
box-shadow: inset 0px 2px 8px 0px #fff;
color: #006; color: #006;
} }
@ -808,6 +814,8 @@ button:hover{
background: #f60 !important; background: #f60 !important;
color: #fff; color: #fff;
-moz-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff;
-khtml-box-shadow: inset 0px 0px 0px 1px #fff;
box-shadow: inset 0px 0px 0px 1px #fff;
} }
button:active{ button:active{
@ -815,6 +823,8 @@ button:active{
background: #001 !important; background: #001 !important;
color: #f60; color: #f60;
-moz-box-shadow: inset 0px 0px 0px 1px #f60; -moz-box-shadow: inset 0px 0px 0px 1px #f60;
box-shadow: inset 0px 0px 0px 1px #f60;
-khtml-box-shadow: inset 0px 0px 0px 1px #f60;
} }
.underline { .underline {