You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
3.4 KiB
CSS
132 lines
3.4 KiB
CSS
11 years ago
|
html, body {
|
||
|
font-family: "Varela Round", sans-serif, Trebuchet MS;
|
||
|
background-color: silver;
|
||
|
background-attachment: fixed;
|
||
|
background-position: center; }
|
||
11 years ago
|
|
||
|
/* Temporary styles */
|
||
11 years ago
|
div#make-window {
|
||
|
background-color: white;
|
||
|
border: 1px solid gray;
|
||
|
padding: 14px;
|
||
|
width: 350px;
|
||
|
filter: alpha(opacity=85);
|
||
|
opacity: 0.85; }
|
||
11 years ago
|
|
||
|
/* MDIWindow Styling | Generic */
|
||
11 years ago
|
div.window-title {
|
||
|
-webkit-border-top-left-radius: 10px;
|
||
|
-webkit-border-top-right-radius: 10px;
|
||
|
-moz-border-radius-topleft: 10px;
|
||
|
-moz-border-radius-topright: 10px;
|
||
|
border-top-left-radius: 10px;
|
||
|
border-top-right-radius: 10px;
|
||
|
height: 16px;
|
||
|
color: white;
|
||
|
font-size: 14px;
|
||
|
font-weight: bold;
|
||
|
padding: 4px;
|
||
|
padding-left: 7px;
|
||
|
border-top: 1px solid #959595;
|
||
|
border-right: 1px solid #959595;
|
||
|
border-left: 1px solid #959595; }
|
||
|
|
||
|
div.window-focused div.window-title {
|
||
|
border-top: 1px solid #6262ff;
|
||
|
border-right: 1px solid #6262ff;
|
||
|
border-left: 1px solid #6262ff; }
|
||
|
|
||
|
div.window-outer {
|
||
|
font-size: 13px;
|
||
|
top: 25px;
|
||
|
border-bottom: 1px solid gray;
|
||
|
border-right: 1px solid gray;
|
||
|
border-left: 1px solid gray; }
|
||
|
|
||
|
div.window-inner {
|
||
|
padding: 7px; }
|
||
|
|
||
|
div.window-close a {
|
||
|
color: white;
|
||
|
border: 1px solid #014d8c; }
|
||
|
|
||
|
div.window-close a:hover {
|
||
|
background-color: #014D8C;
|
||
|
border: 1px solid white; }
|
||
11 years ago
|
|
||
|
/* MDIWindow Styling | Normal state */
|
||
11 years ago
|
div.window-styled div.window-title, div.window-styled div.window-outer {
|
||
|
-webkit-box-shadow: 5px 5px 10px #1a1a1a;
|
||
|
-moz-box-shadow: 5px 5px 10px #1a1a1a;
|
||
|
box-shadow: 5px 5px 10px #1a1a1a; }
|
||
|
|
||
|
div.window-styled div.window-title {
|
||
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #525252), color-stop(1, #91acbe));
|
||
|
background-image: -moz-linear-gradient(center bottom, #525252 0%, #91acbe 100%);
|
||
|
filter: alpha(opacity=95);
|
||
|
opacity: 0.95; }
|
||
|
|
||
|
div.window-styled div.window-outer {
|
||
|
background-color: #F7F7F0;
|
||
|
filter: alpha(opacity=95);
|
||
|
opacity: 0.95; }
|
||
|
|
||
|
div.window-focused.window-styled div.window-title {
|
||
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0057b3), color-stop(1, #0099ff));
|
||
|
background-image: -moz-linear-gradient(center bottom, #0057b3 0%, #0099ff 100%);
|
||
|
filter: alpha(opacity=85);
|
||
|
opacity: 0.85; }
|
||
11 years ago
|
|
||
|
/* MDIWindow Styling | Dragging state */
|
||
11 years ago
|
div.window-dragged div.window-title {
|
||
|
background-color: #0070D5;
|
||
|
background-image: none; }
|
||
|
|
||
|
div.workspace-bar {
|
||
|
height: 32px; }
|
||
|
|
||
|
div.window-dragged div.window-outer {
|
||
|
background: none; }
|
||
|
|
||
|
div.window-dragged div.window-title, div.window-dragged div.window-outer {
|
||
|
-webkit-box-shadow: none;
|
||
|
-moz-box-shadow: none;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
a.workspace-tab {
|
||
|
height: 32px;
|
||
|
width: 48px;
|
||
|
-webkit-border-top-left-radius: 10px;
|
||
|
-webkit-border-top-right-radius: 10px;
|
||
|
-moz-border-radius-topleft: 10px;
|
||
|
-moz-border-radius-topright: 10px;
|
||
|
border-top-left-radius: 10px;
|
||
|
border-top-right-radius: 10px;
|
||
|
border: 1px solid black;
|
||
|
background-color: #E9E9E9;
|
||
|
padding-top: 6px;
|
||
|
text-align: center;
|
||
|
text-decoration: none;
|
||
|
font-size: 14px;
|
||
|
color: black;
|
||
|
margin-top: 10px;
|
||
|
filter: alpha(opacity=95);
|
||
|
opacity: 0.95; }
|
||
|
|
||
|
a.workspace-tab:hover {
|
||
|
background-color: #DADADA;
|
||
|
margin-top: 0px; }
|
||
|
|
||
|
a.workspace-tab-active {
|
||
|
font-weight: bold;
|
||
|
background-color: #B9B9B9;
|
||
|
color: #BC0000; }
|
||
|
|
||
|
a.workspace-tab-popup {
|
||
|
margin-top: 0px; }
|
||
|
|
||
|
a.workspace-tab-add {
|
||
|
background-color: #C8C8C8;
|
||
|
filter: alpha(opacity=85);
|
||
|
opacity: 0.85; }
|