metanohi-misc-subsites/old-projects/algo/themes/dev.css

274 lines
4.2 KiB
CSS
Raw Normal View History

2011-08-02 19:57:57 +02:00
body {
background: #000 url('img/bg.png') center;
}
.navbar {
position: absolute;
z-index: 100;
}
.navi0 {
background: #bbb;
height: 25px;
border-color: #fff;
border-style: solid;
border-width: 0 0 2px 0;
}
.navi1 {
background: #ccc;
height: 25px;
border-color: #fff;
border-style: solid;
border-width: 2px 0 0 0;
}
.dropdown, .dropdown_h {
margin: 2px 5px 0 5px;
border-width: 1px;
border-color: #fff;
border-style: solid;
width: 125px;
}
.dropdown *, .dropdown_h * {
font-size: 14px;
background: #444;
color: #fff;
padding: 3px;
display: none;
border-color: #bbb;
border-style: solid;
border-width: 0;
cursor: default;
}
.dropdown .top, .dropdown_h .top {
font-size: 14px;
font-weight: bold;
background: #333;
color: #fff;
padding-top: 0;
height: 14px;
padding: 1px 0 3px 0;
width: 125px;
text-align: center;
cursor: pointer;
}
.dropdown .group {
padding: 0;
}
.dropdown .entries {
top: -1px;
left: 133px;
width: 125px;
padding: 0;
border-width: 1px 1px 0 1px;
}
.dropdown .entry, .dropdown .header {
border-width: 0 0 1px 0;
width: auto;
}
.dropdown .entry {
cursor: pointer;
}
.dropdown .header {
background: #444 url('../img/next.png') no-repeat right 4px;
}
.dropdown .side {
top: -1px;
left: -9px;
width: 7px;
height: 100%;
background: #ddd;
padding: 1px 0 0 0;
border-width: 0 0 0 1px;
}
.dropdown:hover {
border-color: #bbb;
margin:0 5px;
border-width: 0 1px;
}
.dropdown:hover .top {
height: 28px;
color: #333;
background: #eee;
border-width: 0 1px 1px 1px;
border-left-color: #888;
border-bottom-color: #bbb;
border-right-color: #888;
padding-top: 4px;
left: -1px;
}
.dropdown .group:hover > .header {
background: #222 url('../img/nexth.png') no-repeat right 4px;
}
.dropdown .entry:hover {
background: #777;
}
.abs {
width: 10px;
}
.scrollup {
background: url('img/scrollup.png') no-repeat;
}
.scrolldown {
background: url('img/scrolldown.png') no-repeat;
}
.scrollup:hover {
background: url('img/scrolluph.png') no-repeat;
}
.scrolldown:hover {
background: url('img/scrolldownh.png') no-repeat;
}
/*
All numbers are in the "px" unit and must be written without a unit.
screen {
hheight: 25; the height of a window header
margin_g: 5; the general margin of a window
margin_t: 2; the margin at the top of a window
bw: 16; box width; includes the window icon and the minimize/maximize/close buttons.
bh: 16; box height; includes the window icon and the minimize/maximize/close buttons.
}
*/
.window {
background: #fff;
}
.window > .tl {
background: #111;
}
.window > .t {
background: #222;
}
.window#active > .t {
background: #fff;
}
.window > .tr {
background: #444;
}
.window > .r {
background: #666;
}
.window > .br {
background: #888;
}
.window > .b {
background: #aaa;
}
.window > .bl {
background: #ccc;
}
.window > .l {
background: #eee;
}
.window > .title {
color: #fff;
background: #000;
}
.window#active > .title {
background: #aaa;
}
.window > .handle {
}
.window > .resize_handle {
}
.window > .data {
background: #fff;
}
.window > .icon {
background-repeat: no-repeat;
background-image: url('../icons/default.png');
}
.window > .options {
background: #00cc00;
}
.window > .options > .minimize {
background: #000;
}
.window > .options > .maximize {
background: #555;
}
.window > .options > .close {
background: #aaa;
}
.window_max > .options > .maximize {
background: blue;
}
.appboxes * {
width: 100px;
margin: 2px;
padding: 2px;
border-color: #fff;
border-style: outset;
border-width: 1px;
float: left;
cursor: default;
}
.appboxes .current {
border-style: inset;
}
.appboxes *:hover {
background: #e2fbff;
}
.appboxes .current:hover {
background: #d1ffea;
}
.clock {
margin: 3px 2px 0 0;
padding: 2px;
border-left: 1px solid #aaa;
position: absolute;
right: 0;
}