metanohi-misc-subsites/old-projects/dsktp/style.css

* {
	margin:0;
	padding:0;
	text-decoration:none;
	}
	
body {
	background-color:#000;
	width:100%;
	height:100%;
	overflow:hidden;
	}
	
#windows {
  position:absolute;
  top:0;
  right:0;
  bottom:30px;
  left:0;
  height:100%;
  overflow:hidden;
  background:#c4ff2f url(img/logo.jpg) no-repeat center center;
  }
  
#menu {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:30px;
  background:#365c7b url(img/menubar.png) repeat-x;
  z-index:2;
  overflow:hidden;
  }
  
#menuc {
  position:absolute;
  top:0;
  right:140px;
  bottom:0;
  left:20px;
  height:26px;
  overflow:hidden;
  background:none;
  }
  
#scrollmenu {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  height:30px;
  width:15px;
  background:#ccc;
  display:none;
  }
  
#scrollmenu.v {
  display:block;
  }
  
#scrollup {
  height:15px;
  width:15px;
  background:url(img/scrollup.png) no-repeat;
  }
  
#scrollup.click {
  background:url(img/scrollupc.png) no-repeat;
  }
  
#scrolldown {
  height:15px;
  width:15px;
  background:url(img/scrolldown.png) no-repeat;
  }
  
#scrolldown.click {
  background:url(img/scrolldownc.png) no-repeat;
  }
  
.entry {
  float:right;
  margin:4px 3px 0 0;
  width:100px;
  height:16px;
  background:#307265 url(img/entry.png) repeat-x;
  border:1px solid #fff;
  color:#fff;
  padding:2px 3px 2px 3px;
  font:14px arial;
  cursor:default;
  }
  
.entryc {
  float:right;
  margin:4px 3px 0 0;
  width:100px;
  height:16px;
  background:#307265 url(img/entryc.png) repeat-x;
  border:1px solid #fff;
  color:#fff;
  padding:2px 3px 2px 3px;
  font:14px arial;
  cursor:default;
  }
  
.entryb {
  float:right;
  margin:4px 3px 0 0;
  width:100px;
  height:16px;
  background:#307265 url(img/entry.png) repeat-x;
  border:1px solid #fff;
  color:#fff;
  padding:2px 3px 2px 3px;
  font:14px arial;
  cursor:default;
  }
  
.entrycc {
  float:right;
  margin:4px 3px 0 0;
  width:100px;
  height:16px;
  background:#307265 url(img/entryc.png) repeat-x;
  border:1px solid #fff;
  color:#fff;
  padding:2px 3px 2px 3px;
  font:14px arial;
  cursor:default;
  }
  
#ese {
  background:#307265 url(img/entrysel.png) repeat-x;
  border-color:#000;
  }
  
#ese:hover {
  background:#307265 url(img/entryselh.png) repeat-x;
  border-color:#000;
  }
  
#eseb {
  background:#307265 url(img/entrysel.png) repeat-x;
  border-color:#000;
  }

#esec, #eseb:hover {
  background:#307265 url(img/entryselc.png) repeat-x;
  border-color:#000;
  }
  
.entry:hover {
  background:#307265 url(img/entryh.png) repeat-x;
  }
  
.entryb:hover {
  background:#307265 url(img/entryc.png) repeat-x;
  }
  
#launch {
  position:absolute;
  right:0;
  top:0;
  height:30px;
  width:90px;
  background:url(img/launch.png) no-repeat;
  }
  
#launch.click, #launch.click:hover {
  background:url(img/launchc.png) no-repeat;
  }
  
#launch:hover {
  background:url(img/launchh.png) no-repeat;
  }
  
#desktop {
  position:absolute;
  right:90px;
  top:0;
  height:30px;
  width:42px;
  background:url(img/desktop.png) no-repeat;
  }
  
#desktop:hover {
  background:url(img/desktoph.png) no-repeat;
  }
  
#desktop.click, #desktop.click:hover {
  background:url(img/desktopc.png) no-repeat;
  }
  
#launchlist {
  position:absolute;
  bottom:0;
  right:0;
  width:200px;
  height:0%;
  background:url(img/llt.png) no-repeat;
  background-position:top left;
  overflow:hidden;
  }
  
#launchlistc {
  position:absolute;
  top:13px;
  left:0;
  width:200px;
  height:100%;
  background:#2745ff url(img/ll.png) repeat-y;
  }
  
#launchlistcc {
  position:absolute;
  bottom:43px;
  top:-8px;
  left:0;
  width:200px;
  overflow-y:auto;
  overflow-x:hidden;
  }
  
#launchlistcc div {
  position:relative;
  margin:5px 0 5px 10px;
  padding:6px 5px 0 32px;
  width:133px;
  height:24px;
  background:#182c9e url(img/lle.png) repeat-y;
  font:14px tahoma;
  color:#fff;
  cursor:default;
  }
  
#launchlistcc div div {
  position:absolute;
  top:2px;
  left:2px;
  margin:0;
  padding:0;
  width:26px;
  height:26px;
  background-image:url(img/deficon.png);
  background-color:transparent;
  background-repeat:no-repeat;
  }
  
#launchlistcc div:hover {
  background:#778bfe url(img/lleh.png) repeat-y;
  }
  
#launchlistcc div div:hover {
  background-image:url(img/deficon.png);
  background-color:transparent;
  background-repeat:no-repeat;
  }
  
#launchlistc #endchild {
  height:20px;
  width:180px;
  background:none;
  }
	
#windows div {
	position:absolute;
	background:#000 url('img/top.png') repeat-x;
	visibility:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	}
	
#windows #selected {
	background:#000 url('img/topselected.png') repeat-x;
	visibility:hidden;
	}
	
#windows div.show, #windows div.show p, #windows div.show div, #windows #selected.show, #windows #selected.show p, #windows #selected.show div {
  visibility:visible;
  }
	
#windows div p {
	color:#444;
	font:12px tahoma;
	padding:0 2px 0 2px;
	height:15px;
	cursor:default;
	overflow:hidden;
	}
	
#windows div p div {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:.0;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	border:0;
	padding:0;
	}
	
#windows div.close {
  padding:0;
  position:absolute;
  right:1px;
  top:1px;
  width:13px;
  height:13px;
  background:url(img/close.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.closesh {
  padding:0;
  position:absolute;
  right:1px;
  top:1px;
  width:13px;
  height:13px;
  background:url(img/close.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.closesh:hover {
  padding:0;
  position:absolute;
  right:1px;
  top:1px;
  width:13px;
  height:13px;
  background:url(img/closec.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.close:hover {
  background:url(img/closeh.png) no-repeat;
  }
  
#windows div.closec {
  padding:0;
  position:absolute;
  right:1px;
  top:1px;
  width:13px;
  height:13px;
  background:#000 url(img/closec.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.minimize {
  padding:0;
  position:absolute;
  right:15px;
  top:1px;
  width:13px;
  height:13px;
  background:url(img/minimize.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.minimizesh {
  padding:0;
  position:absolute;
  right:15px;
  top:1px;
  width:13px;
  height:13px;
  background:url(img/minimize.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.minimizesh:hover {
  padding:0;
  position:absolute;
  right:15px;
  top:1px;
  width:13px;
  height:13px;
  background:url(img/minimizec.png) no-repeat;
  border:0;
	z-index:999;
  }
  
#windows div.minimize:hover {
  background:url(img/minimizeh.png) no-repeat;
  }
  
#windows div.minimizec {
  padding:0;
  position:absolute;
  right:15px;
  top:1px;
  width:13px;
  height:13px;
  background:#000 url(img/minimizec.png) no-repeat;
  border:0;
	z-index:999;
  }
	
#windows #selected p {
	color:#000;
	}
	
#windows div div {
  margin:0;
	font:12px tahoma;
	position:relative;
	right:0;
	top:0;
	background:#000;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#b3b3b3;
	padding:3px;
	color:#555;
	overflow-y:auto;
	overflow-x:hidden;
	}
	
#windows #selected div {
	color:#fff;
	border-color:#7a7a7a;
	}