[irc/quakenet/qwebirc.git] / static / css / mochaui / layout.css

/*

CSS for Mocha UI

Copyright:
	Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.
	
License:
	MIT-style license.
   
*/

.column {
	visibility: hidden;
	position: relative;	
	float: left;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

.panel {
	overflow: auto;
	background: #f1f1f1;
}

.panel.color2 {
	background: #f1f1f1;	
}

.panel.color3 {
	background: #202A33;
	color: #fff;	
}	

#mainPanel {
	background: #fff; 	
}	

.row {
	position: relative;
	overflow: hidden;
}

.horizontalHandle {
	height: 2px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: #d0d0d0;	
}	

.columnHandle {
	height: 100%;
	min-height: 10px;	
	float: left;
	width: 2px;
	overflow: hidden;
	background: #d0d0d0;		
}

.panel-header {
	position: relative;	
	background: #e9e9e9 url(../images/bg-desktopTitlebar.gif)  repeat-x;
	height: 29px;
	overflow: hidden;
}

.panel-corner-nw {
	position: absolute;
	top: 0;
	left: 0;
	background: #e9e9e9 url(../images/panel-corners.gif) no-repeat;
	width: 4px;
	height: 4px;
	overflow: hidden;	
}

.panel-corner-ne {
	position: absolute;
	top: 0;
	right: 0;	
	background: #e9e9e9 url(../images/panel-corners.gif) right top no-repeat;
	width: 4px;
	height: 4px;
	overflow: hidden;	
}	

.panel-footer {
	background: #fafafa;
	padding: 5px 8px;
}

.panel-header h2 {
	font-size: 12px;
	margin: 0;
	padding: 5px 8px 0 8px;
	height: 22px;	
	overflow: hidden;	
}

.pad {
	padding: 8px;	
}

/* Components */

.viewToggle {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 60px;
	text-align: right;
}

.viewToggle img.viewToggleList, .viewToggle img.viewToggleGrid {
	width: 28px;
	height: 22px;	
}	

.viewToggle img.viewToggleList {
	background: url(../images/view-toggle.gif) no-repeat;
	background-position: 0 -66px;
}

.viewToggle img.viewToggleGrid {
	background: url(../images/view-toggle.gif) no-repeat;
	background-position: 0 0;
}
Commit	Line	Data
cfd8616d CP	1	/*
	2
	3	CSS for Mocha UI
	4
	5	Copyright:
	6	Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.
	7
	8	License:
	9	MIT-style license.
	10
	11	*/
	12
	13	.column {
	14	visibility: hidden;
	15	position: relative;
	16	float: left;
	17	height: 100%;
	18	min-height: 100%;
	19	overflow: hidden;
	20	}
	21
	22	.panel {
	23	overflow: auto;
	24	background: #f1f1f1;
	25	}
	26
	27	.panel.color2 {
	28	background: #f1f1f1;
	29	}
	30
	31	.panel.color3 {
	32	background: #202A33;
	33	color: #fff;
	34	}
	35
	36	#mainPanel {
	37	background: #fff;
	38	}
	39
	40	.row {
	41	position: relative;
	42	overflow: hidden;
	43	}
	44
	45	.horizontalHandle {
	46	height: 2px;
	47	line-height: 1px;
	48	font-size: 1px;
	49	overflow: hidden;
	50	background: #d0d0d0;
	51	}
	52
	53	.columnHandle {
	54	height: 100%;
	55	min-height: 10px;
	56	float: left;
	57	width: 2px;
	58	overflow: hidden;
	59	background: #d0d0d0;
	60	}
	61
	62	.panel-header {
	63	position: relative;
	64	background: #e9e9e9 url(../images/bg-desktopTitlebar.gif) repeat-x;
65	height: 29px;
66	overflow: hidden;
67	}
68
69	.panel-corner-nw {
70	position: absolute;
71	top: 0;
72	left: 0;
73	background: #e9e9e9 url(../images/panel-corners.gif) no-repeat;
74	width: 4px;
75	height: 4px;
76	overflow: hidden;
77	}
78
79	.panel-corner-ne {
80	position: absolute;
81	top: 0;
82	right: 0;
83	background: #e9e9e9 url(../images/panel-corners.gif) right top no-repeat;
84	width: 4px;
85	height: 4px;
86	overflow: hidden;
87	}
88
89	.panel-footer {
90	background: #fafafa;
91	padding: 5px 8px;
92	}
93
94	.panel-header h2 {
95	font-size: 12px;
96	margin: 0;
97	padding: 5px 8px 0 8px;
98	height: 22px;
99	overflow: hidden;
100	}
101
102	.pad {
103	padding: 8px;
104	}
105
106	/* Components */
107
108	.viewToggle {
109	position: absolute;
110	top: 4px;
111	right: 5px;
112	width: 60px;
113	text-align: right;
114	}
115
116	.viewToggle img.viewToggleList, .viewToggle img.viewToggleGrid {
117	width: 28px;
118	height: 22px;
119	}
120
121	.viewToggle img.viewToggleList {
122	background: url(../images/view-toggle.gif) no-repeat;
123	background-position: 0 -66px;
124	}
125
126	.viewToggle img.viewToggleGrid {
127	background: url(../images/view-toggle.gif) no-repeat;
128	background-position: 0 0;
129	}