/lenasys/trunk : contents of Code Viewer Alt/style.css at revision 26

: (revision 26)

To get this branch, use:

bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk

.group {
	display: block;
	padding: 1em;
	width: 100%;
	margin: auto auto;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}

.group h1 {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 1em;
	font-family: Cambria, Georgia, serif;
}

.group.info {
	padding: 0.4em;
	margin: 0.5em;
	font-size: 1em;
	color: #000;
}

.group .info:first-letter {
	font-size:1.3em;
}

.group h2 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
	border-bottom: 2px solid #000;
	color: #fff;
	background: #c0d0e0;
	background-color: #c0d0e0;
	text-shadow: 1px 1px 2px #000;
	font-weight:normal;
	background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% );
	background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	-pie-background: linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7b8c', endColorstr='#aabbcc')
	font-size: 1.4em;
	margin-top: 1em;
	margin-bottom: 0;
	padding:3px;
	padding-left:20px;
	min-width:100%;
}

a {
	line-height: 2em;
	margin-left: 1.3em;
	color: black;
	text-decoration: underline;
	font-size: 1em;
}

li {
	color: #555;
}

a:hover {
	text-decoration: none;
}

.container {
	border-left: 2px dotted #ddd;
	margin-left: 8px;	
}

.container.demo {
	float:right;
}

body{
	margin:0;
}

#menu {
	position:absolute;
	top:40px;
	left:0px;
	width:90%;
	padding: 10px 0 8% 8%;
	background: #c0d0e0;
	background-color: #c0d0e0;
	border-radius: 0 1.3em 1.3em 0;
	border-bottom: 2px solid #000;
	border-right: 1px solid #000;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	font-weight:bolder;
	background:#678;
	background-color:#678;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7b8c', endColorstr='#aabbcc')
	background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% );
	background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	-pie-background: linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
}

#menu #menuHeader{
	margin:0 0 1.5% 0;
	position:relative;
	background:#333333;
	width:97%;
	height:31px;
	padding-left:14px;
	margin-left:-15px;
	border-radius: 0 10px 10px 0;
	cursor:pointer;
}

#menuHeader h3{
	float:left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
	font-size:1.2em;
	background-color:#333;
	color:#fff;
	width:80%;
	margin-top:4px;
	padding:0;
}

#menuArrow {
	float:left;
	padding:0;
	margin-top:8px;
	width:15%;
}

#menu a {
	display:block;color:#fff;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
	text-decoration: none; 
	margin-left:1%;
	font-size:100%
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#444444')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#444444');
	filter:DropShadow(Color=#444444, OffX=1, OffY=2);
}

#menu a:hover {
	font-weight:bolder;
	text-decoration:underline;
}

#menuItems {
	float:left;
	width:80%;
}

#sidebar {
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	min-width:9.4em;
	width:auto;
	height:100%;
	overflow:auto;
}

#content { 
	position:absolute;
	left:9.5em;
	max-width:75%;
	min-width:20em;
}

.arrow{
	-webkit-transition-duration: 0.9s;
	-moz-transition-duration: 0.9s;
	-o-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:auto;
}

.rotateArrowCW {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
}

9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	1	.group {
	2	display: block;
	3	padding: 1em;
	4	width: 100%;
	5	margin: auto auto;
	6	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	7	}
	8
	9	.group h1 {
	10	font-weight: normal;
	11	font-size: 1.8em;
	12	margin-bottom: 1em;
	13	font-family: Cambria, Georgia, serif;
	14	}
	15
	16	.group.info {
	17	padding: 0.4em;
	18	margin: 0.5em;
	19	font-size: 1em;
	20	color: #000;
	21	}
	22
	23	.group .info:first-letter {
	24	font-size:1.3em;
	25	}
	26
	27	.group h2 {
	28	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	29	border-bottom: 2px solid #000;
	30	color: #fff;
	31	background: #c0d0e0;
	32	background-color: #c0d0e0;
	33	text-shadow: 1px 1px 2px #000;
21 by Gustav Hartvigsson Note to self: "bzr resolve --all" works like magic.	34	font-weight:normal;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	35	background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% );
	36	background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	37	background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
19.3.1 by Adam Ringhede Fixes rounded corners, drop shadows and gradients for IE on the Code Viewer Alt index page.	38	-pie-background: linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
11.6.1 by c11emian Fixed bug #1164571 by changing the name of newbutton() to newButton() in Parser_Test.html, and bug	39	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7b8c', endColorstr='#aabbcc')
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	40	font-size: 1.4em;
	41	margin-top: 1em;
	42	margin-bottom: 0;
	43	padding:3px;
	44	padding-left:20px;
19.3.1 by Adam Ringhede Fixes rounded corners, drop shadows and gradients for IE on the Code Viewer Alt index page.	45	min-width:100%;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	46	}
	47
	48	a {
	49	line-height: 2em;
	50	margin-left: 1.3em;
	51	color: black;
	52	text-decoration: underline;
	53	font-size: 1em;
	54	}
	55
	56	li {
	57	color: #555;
	58	}
	59
	60	a:hover {
	61	text-decoration: none;
	62	}
	63
	64	.container {
	65	border-left: 2px dotted #ddd;
	66	margin-left: 8px;
	67	}
	68
	69	.container.demo {
	70	float:right;
	71	}
	72
	73	body{
	74	margin:0;
	75	}
	76
	77	#menu {
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	78	position:absolute;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	79	top:40px;
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	80	left:0px;
19.3.3 by Adam Ringhede Makes the menu in Code Viewer Alt look better with added margins, and makes the menu wider to allow for longer links.	81	width:90%;
	82	padding: 10px 0 8% 8%;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	83	background: #c0d0e0;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	84	background-color: #c0d0e0;
12.4.2 by Adam Ringhede Adds PIE for CSS3 compatability issues with IE	85	border-radius: 0 1.3em 1.3em 0;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	86	border-bottom: 2px solid #000;
	87	border-right: 1px solid #000;
	88	color: #fff;
	89	text-shadow: 1px 1px 2px #000;
	90	font-weight:bolder;
	91	background:#678;
	92	background-color:#678;
11.6.1 by c11emian Fixed bug #1164571 by changing the name of newbutton() to newButton() in Parser_Test.html, and bug	93	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7b8c', endColorstr='#aabbcc')
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	94	background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% );
	95	background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
	96	background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
19.3.1 by Adam Ringhede Fixes rounded corners, drop shadows and gradients for IE on the Code Viewer Alt index page.	97	-pie-background: linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%);
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	98	}
	99
	100	#menu #menuHeader{
	101	margin:0 0 1.5% 0;
19.3.1 by Adam Ringhede Fixes rounded corners, drop shadows and gradients for IE on the Code Viewer Alt index page.	102	position:relative;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	103	background:#333333;
	104	width:97%;
	105	height:31px;
19.3.3 by Adam Ringhede Makes the menu in Code Viewer Alt look better with added margins, and makes the menu wider to allow for longer links.	106	padding-left:14px;
	107	margin-left:-15px;
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	108	border-radius: 0 10px 10px 0;
	109	cursor:pointer;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	110	}
	111
	112	#menuHeader h3{
	113	float:left;
	114	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	115	font-size:1.2em;
	116	background-color:#333;
	117	color:#fff;
	118	width:80%;
	119	margin-top:4px;
	120	padding:0;
	121	}
	122
	123	#menuArrow {
	124	float:left;
	125	padding:0;
	126	margin-top:8px;
	127	width:15%;
	128	}
	129
	130	#menu a {
	131	display:block;color:#fff;
	132	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	133	text-decoration: none;
	134	margin-left:1%;
	135	font-size:100%
19.3.1 by Adam Ringhede Fixes rounded corners, drop shadows and gradients for IE on the Code Viewer Alt index page.	136
	137	/* For IE 8 */
	138	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#444444')";
	139	/* For IE 5.5 - 7 */
	140	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#444444');
	141	filter:DropShadow(Color=#444444, OffX=1, OffY=2);
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	142	}
	143
	144	#menu a:hover {
	145	font-weight:bolder;
	146	text-decoration:underline;
	147	}
	148
	149	#menuItems {
	150	float:left;
	151	width:80%;
	152	}
	153
	154	#sidebar {
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	155	position:absolute;
	156	left:0px;
	157	top:0px;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	158	float:left;
19.3.3 by Adam Ringhede Makes the menu in Code Viewer Alt look better with added margins, and makes the menu wider to allow for longer links.	159	min-width:9.4em;
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	160	width:auto;
	161	height:100%;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	162	overflow:auto;
	163	}
	164
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	165	#content {
	166	position:absolute;
19.3.3 by Adam Ringhede Makes the menu in Code Viewer Alt look better with added margins, and makes the menu wider to allow for longer links.	167	left:9.5em;
4.7.14 by Adam Ringhede Fixes zooming related issues and makes other ui-related improvements.	168	max-width:75%;
	169	min-width:20em;
9.6.1 by Adam Ringhede Changed structure in Code Viewer Alt	170	}
	171
	172	.arrow{
	173	-webkit-transition-duration: 0.9s;
	174	-moz-transition-duration: 0.9s;
	175	-o-transition-duration: 0.9s;
	176	transition-duration: 0.9s;
	177	-webkit-transition-property: -webkit-transform;
	178	-moz-transition-property: -moz-transform;
	179	-o-transition-property: -o-transform;
	180	transition-property: transform;
	181	overflow:auto;
	182	}
	183
	184	.rotateArrowCW {
	185	-webkit-transform:rotate(180deg);
	186	-moz-transform:rotate(180deg);
	187	-o-transform:rotate(180deg);
21 by Gustav Hartvigsson Note to self: "bzr resolve --all" works like magic.	188	}