diff geotemco/lib/slider/local/webfxlayout.css @ 0:b12c99b7c3f0

commit for previous development
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Mon, 19 Jan 2015 17:13:49 +0100
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/geotemco/lib/slider/local/webfxlayout.css	Mon Jan 19 17:13:49 2015 +0100
@@ -0,0 +1,297 @@
+
+/*
+
+bright: rgb(234,242,255);
+normal: rgb(120,172,255);
+dark:	rgb(0,66,174);
+
+*/
+
+/* import menu css */
+/*
@import "dhtml/xmenu/xmenu.css";
*/
+
+#webfx-about {
+	position:		absolute;
+	background:		white;
+	top:			102px;
+	right:			10px;
+	width:			20px;
+	writing-mode:	tb-rl;
+	filter:			flipH() flipV() alpha(opacity=50);
+}
+
+/* headers css */
+
+#webfx-title {
+	position:		absolute;
+	left:			90px;
+	top:			-5px;
+	color:			black;
+	background:		transparent;
+	border:			0;
+	padding:		0;
+	margin:			0;
+	font-family:	Arial Black, Verdana, Helvetica, Sans-Serif;
+	font-weight:	bold;
+	font-style:		italic;
+	font-size:		45px;
+	letter-spacing:	-5px;
+}
+
+#webfx-title-background {
+	width:					100%;
+	height:					67px;
+	background:				white no-repeat;/*rgb(100,100,100) no-repeat;*/
+	background-image:		url("images/title-background.png");
+	background-position:	0 0;
+}
+
+#webfx-sub-title {
+	position:		absolute;
+	left:			96px;
+	top:			45px;
+	color:			black;
+	background:		transparent;
+	padding:		0;
+	margin:			0;
+	border:			0;
+	font-family:	Verdana, Helvetica, Sans-Serif;
+	font-size:		11px;
+}
+
+#webfx-menu-bar-1,
+#webfx-menu-bar-2,
+#webfx-menu-bar-3,
+#webfx-menu-bar-4,
+#webfx-menu-bar-5 {
+	height:			2px;
+	font-size:		0;
+	overflow:		hidden;
+	background:		rgb(120,172,255);/*#ff8800;*/
+	padding:		0;
+}
+
+#webfx-menu-bar-1 {
+	background:		rgb(0,66,174);/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
+	height:			1px;
+}
+
+#webfx-menu-bar-2 {
+	background:		rgb(120,172,255);/*#ff8800;*/
+	height:			1px;
+}
+
+#webfx-menu-bar-3 {
+	background:		rgb(120,172,255);/*#ff8800;*/
+	height:			1px;
+}
+
+#webfx-menu-bar-4 {
+	background:		rgb(0,66,174);
+	height:			1px;
+}
+
+#webfx-menu-bar-5 {
+	background:		#dddddd;
+	height:			3px;
+}
+
+/* headers css end */
+
+
+html, body {
+	height:		100%;
+	margin:		0;
+	padding:	0;
+	background:	url("images/background-shadow.gif") repeat-y white;
+	color:		black;
+	
+	font-size:	13px;
+	font-family:	"Verdana", "Tahoma", "Helvetica", "Sans-Serif";
+}
+
+.webfx-main-body {
+	margin-left:	100px;
	width:			500px;
	border-left:	1px solid rgb(120,172,255);
+}
+
+/* h1 only used in header */			
+h2,h3,h4,h5,h6 {
	margin-top:		10px;
+	margin-left:	10px;
+	margin-right:	10px;
+	padding:		2px 10px 2px 10px;
+	background:		rgb(234,242,255);
+	border-bottom:	1px solid rgb(120,172,255);
+}
+
+h1,h2 {
+	font-weight:	normal;
+}
+
+h3,h4,h5,h6 {
+	font-weight:	bold;
+}
+
+h1 {
+	font-size:		50px;
+}
+
+h2 {
+	font-size:		20px;
+}
+
+h3 {
+	font-size:		15px;
+}
+
h4 {
+	font-size:		12px;
+}
+
+p {
+	margin:			10px;
+	font-size:		13px;
	color:			black;
	text-align:		justify;
+}
+
+td {
+	font-size:		13px;
+	font-family:	"Verdana", "Tahoma", "Helvetica", "Sans-Serif";
+}
+
+pre {
	margin:			20px;
	margin-right:	10px;
+	background:		#eeeeee;
+	padding:		10px;
+	border:			1px solid #dddddd;
+	color:			black;
+}
+
+code {
+	background:		#eeeeee;
+	border:			1px solid #dddddd;
+	color:			black;
+}
+
+a {
+	text-decoration:underline;
+	color:			rgb(0,66,174);
+}
+
+a:hover {/*rgb(0,66,174)*/
+	color:			rgb(0,66,174);
+	background:		rgb(234,242,255);
+}
+
+a:visited {
+	color:			rgb(120,172,255);
+}
+
+a:visited:hover {
+	color:			rgb(0,66,174);
+}
+
+hr {
+	margin-left:		10px;
+	margin-right:		10px;
+	padding:			0;
+	text-align:			left;
+	height:				1px;
+	color:				rgb(120,172,255);
+	background-color:	rgb(120,172,255);
+	border-bottom:		1px solid rgb(120,172,255);
+	border:				0;
+}
+
+h2 a, h3 a {
+	display:			block;
+	text-decoration:	none;
+	width:				expression("100%");
+}
+
+table {
+	margin:			10px;
+	font-size:		13px;
+	color:			black;
+}
+
+thead td {
+	background:		rgb(234,242,255);
+	border-bottom:	1px solid rgb(120,172,255);
+	font-weight:	bold;
+}
+
+.author {
+	margin-top:		50px;
+	font-style:		italic;
+}
+
+.date {
+	color:			rgb(0,66,174);
+}
+
+.warning,
+.warning a {
+	color:			red;
+}
+
+
+.warning a:visited,
+.warning a:hover {
+	color:	red;
+}
+
+.warning a:hover {
+	background:	rgb(255,230,230);
+}
+
+
+
+
+/* copied from xmenu.css */
+
+.webfx-menu-bar {
+	background:		rgb(120,172,255);/*rgb(255,128,0);*/
+
+	padding:		2px;
+	
+	font-family:	Verdana, Helvetica, Sans-Serif;
+	font-size:		11px;
+	
+}
+
+.webfx-menu-bar a,
+.webfx-menu-bar a:visited {
+	color:				black;
+	border:				1px solid rgb(120,172,255);/*rgb(255,128,0);*/
+	
+	text-decoration:	none;
+	padding:			1px;
+	padding-left:		5px;
+	padding-right:		5px;
+}
+
+.webfx-menu-bar a:hover {
+	color:			black;
+	background:		rgb(120,172,255);
+	border-left:	1px solid rgb(234,242,255);/*#ffcc88;*/
+	border-right:	1px solid rgb(0,66,174);/*#884400;*/
+	border-top:		1px solid rgb(234,242,255);/*#ffcc88;*/
+	border-bottom:	1px solid rgb(0,66,174);/*#884400;*/
+}
+
+.webfx-menu-bar a .arrow {
+	border:			0;
+	float:			none;
+/*
+	float:			right;
+	width:			6px;
+	height:			16px;
+
+	margin-right:	2px;
+	background: red;
+*/
+}
+
+.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
+	-moz-outline:	none;
+	outline:		none;
+}
+
+/* end xmenu.css copy */
\ No newline at end of file