/lenasys/trunk : contents of codeigniter/css/manageCoursesBody.css at revision 104

: (revision 104)

To get this branch, use:

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

#manageCourses {
	font-size: 130%;
}

a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	color:#f42;
	text-decoration:underline;
}

h1.courseName{
	font-family: Arial;
	font-size: 14px;
	font-weight:normal !important;
	color: #000;
	margin:0;
	line-height:250%;
	display:inline;
}

.viewTitle{
	margin-left:20px;
	font-size:20px;
	line-height: 33px;
	display:inline;
}

#manageCourses {
	position: absolute;
	width: 864px;
	top: 54px;
}

h2.manageCourseBodyHeader{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #000;
	margin:0 !important;
	padding:0 !important;
	line-height:250%;
	display:inline;
}

#manageCoursesHeader{
	padding:0;
	margin:0;
	height:35px;
	padding-left:30px;
	background-color:#ddd;
	margin-left:-30px;
	line-height:250%;
	border:1px solid #ccc;
}

#manageCoursesMenu {
	height: 33px;
	border-bottom: 1px #acacac solid;
}

/*	The box where all stuff in in body is generated in.*/
#bodyContainer{
	margin-top:20px;
	z-index:0;
}

/* Add courses popup */
h2.popupHeader{
	margin:0;
	margin-left:-15px;
	margin-bottom:10px;
	text-indent:15px;
	padding-top:7px;
	padding-bottom:7px;
	font-weight:normal;
	color:#FFF;
	font-size:20px;
	line-height:100%;
	background-color:#333333;
}

#addCourse{
	z-index:3000000;
	position: fixed;
    height: 240px;
    width: 400px;
	padding-left:15px;
    margin: -150px 0 0 -160px;
    top: 50%;
    left: 45%;
	background-color:#eee;
	border: 1px solid darkgray;
	font: 13px Helvetica;
	text-shadow: 0.5px 0.5px #ddd;
	color: #4F5155;	
}
#editCourse{	
	z-index:3000000;
	position: fixed;
    height: 240px;
    width: 400px;
	padding-left:15px;
    margin: -150px 0 0 -160px;
    top: 50%;
    left: 45%;
	background-color:#eee;
	border: 1px solid darkgray;
	font: 13px Helvetica;
	text-shadow: 0.5px 0.5px #ddd;
	color: #4F5155;	
}

.middleLayerPopupsSizeTwo{
	height:150px;
	width:385;
	padding:0;
	display:table;
}	


.overflow{
	overflow:auto;
}

/* initially display: none; -- will be shown by JS on demand */
.manageCoursePopup {
	display: none;
}

.manageCoursePopup form ul li {
	list-style: none;
	height: 30px;
}

.manageCoursePopup form ul li label {
	float: left;
	width: 10em;
	clear: left;
	line-height: 30px;
}

input.text{
	background-color:white;
	width:230px;
	font-size:16px;
	color:color:#333333;
	/*Rounded corners*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 5px;
	height: auto;
	vertical-align: bottom;
	margin-left: 0;
}

.manageCoursePopup span {
	font-size: 100%;
	line-height: 30px;
}

.manageCoursePopupMenu {
	position: absolute;
	bottom: 10px;
}

.popupButtons{
	display:inline-block !important;
	height:35px;
	width:100px;
	background-image: linear-gradient(to top,#fff,#f5f5f5);
	/*text style*/
	font: 16px Helvetica;
	font-weight:bold;	
}

.popupButtons:hover {
	cursor: pointer;
}




#addCourseButton{
	margin-top: .45em;
	padding: 2px 8px;
	font-size: 125%;
	float: right;
	color: #666;
	border: 1px solid #959595;
	border-radius: 6px;
}

#addCourseButton:hover{
	border-color: #000;
	color: #000;
}

.manageCourseButton:before {
	font-family: "icomoon";
	font-size:20px;
	content: "C";
	display: block;
	margin: auto;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border:1px solid #aaa;
}

.manageCourseButton{
	color: #aaa;
	font-size: 0;
	line-height: 0;
}
.manageCourseButton:hover{
	color:pink;
	text-decoration:none;
}

.manageCoursePopup input.text {
	font-size: 100%;
}

#manageCourses table {
	border-collapse: collapse;
	width: 100%;
}

#manageCourses th, #manageCourses td {
	padding: 6px 0;
}

#manageCourses .odd td {
	background: #fff;
}

#manageCourses .even td{
	background: #f5f5f5;
}

#manageCourses th {
	background: #ddd;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: left;
}

#manageCourses th:first-child, #manageCourses td:first-child {
	padding-left: 30px;
}

.publishButton {
	display: block;
	width: 25px;
	height: 15px;
	overflow: hidden;
	text-indent: -200%;
	margin: auto;
}

.publishButton.published {
	background: green;
}

.publishButton.unpublished {
	background: red;
}

83.2.6 by elof.bigestans at gmail Solved some bugs in ManageCourses and related files (CSS, JS, View, Controller)	1	#manageCourses {
	2	font-size: 130%;
	3	}
	4
82.1.1 by a10rolch - Added manageCoursesBody.css	5	a:link{
	6	text-decoration:none;
	7	}
	8	a:visited{
	9	text-decoration:none;
	10	}
	11	a:hover{
	12	color:#f42;
	13	text-decoration:underline;
	14	}
	15
	16	h1.courseName{
	17	font-family: Arial;
	18	font-size: 14px;
	19	font-weight:normal !important;
	20	color: #000;
	21	margin:0;
	22	line-height:250%;
	23	display:inline;
	24	}
	25
	26	.viewTitle{
	27	margin-left:20px;
	28	font-size:20px;
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	29	line-height: 33px;
82.1.1 by a10rolch - Added manageCoursesBody.css	30	display:inline;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	31	}
	32
	33	#manageCourses {
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	34	position: absolute;
	35	width: 864px;
	36	top: 54px;
82.1.1 by a10rolch - Added manageCoursesBody.css	37	}
	38
	39	h2.manageCourseBodyHeader{
	40	font-family: Arial;
	41	font-size: 14px;
	42	font-weight:bold;
	43	color: #000;
	44	margin:0 !important;
	45	padding:0 !important;
	46	line-height:250%;
	47	display:inline;
	48	}
	49
	50	#manageCoursesHeader{
	51	padding:0;
	52	margin:0;
	53	height:35px;
	54	padding-left:30px;
	55	background-color:#ddd;
	56	margin-left:-30px;
	57	line-height:250%;
	58	border:1px solid #ccc;
	59	}
	60
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	61	#manageCoursesMenu {
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	62	height: 33px;
	63	border-bottom: 1px #acacac solid;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	64	}
	65
82.1.1 by a10rolch - Added manageCoursesBody.css	66	/* The box where all stuff in in body is generated in.*/
82.1.1 by a10rolch - Added manageCoursesBody.css	67	#bodyContainer{
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	68	margin-top:20px;
82.1.1 by a10rolch - Added manageCoursesBody.css	69	z-index:0;
	70	}
	71
	72	/* Add courses popup */
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	73	h2.popupHeader{
	74	margin:0;
	75	margin-left:-15px;
	76	margin-bottom:10px;
	77	text-indent:15px;
	78	padding-top:7px;
	79	padding-bottom:7px;
	80	font-weight:normal;
	81	color:#FFF;
	82	font-size:20px;
	83	line-height:100%;
	84	background-color:#333333;
	85	}
	86
82.1.1 by a10rolch - Added manageCoursesBody.css	87	#addCourse{
	88	z-index:3000000;
	89	position: fixed;
	90	height: 240px;
	91	width: 400px;
	92	padding-left:15px;
	93	margin: -150px 0 0 -160px;
	94	top: 50%;
	95	left: 45%;
	96	background-color:#eee;
	97	border: 1px solid darkgray;
	98	font: 13px Helvetica;
	99	text-shadow: 0.5px 0.5px #ddd;
	100	color: #4F5155;
	101	}
	102	#editCourse{
	103	z-index:3000000;
	104	position: fixed;
	105	height: 240px;
	106	width: 400px;
	107	padding-left:15px;
	108	margin: -150px 0 0 -160px;
	109	top: 50%;
	110	left: 45%;
	111	background-color:#eee;
	112	border: 1px solid darkgray;
	113	font: 13px Helvetica;
	114	text-shadow: 0.5px 0.5px #ddd;
	115	color: #4F5155;
	116	}
	117
	118	.middleLayerPopupsSizeTwo{
	119	height:150px;
	120	width:385;
	121	padding:0;
	122	display:table;
	123	}
	124
	125
	126	.overflow{
	127	overflow:auto;
	128	}
	129
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	130	/* initially display: none; -- will be shown by JS on demand */
	131	.manageCoursePopup {
	132	display: none;
	133	}
	134
	135	.manageCoursePopup form ul li {
	136	list-style: none;
	137	height: 30px;
	138	}
	139
	140	.manageCoursePopup form ul li label {
	141	float: left;
	142	width: 10em;
	143	clear: left;
83.2.2 by elof.bigestans at gmail Further cleaned up ManageCourses	144	line-height: 30px;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	145	}
	146
82.1.1 by a10rolch - Added manageCoursesBody.css	147	input.text{
	148	background-color:white;
	149	width:230px;
	150	font-size:16px;
	151	color:color:#333333;
	152	/Rounded corners/
	153	-webkit-border-radius: 7px;
	154	-moz-border-radius: 7px;
	155	border-radius: 7px;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	156	padding: 5px;
	157	height: auto;
	158	vertical-align: bottom;
	159	margin-left: 0;
	160	}
	161
	162	.manageCoursePopup span {
	163	font-size: 100%;
83.2.2 by elof.bigestans at gmail Further cleaned up ManageCourses	164	line-height: 30px;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	165	}
	166
	167	.manageCoursePopupMenu {
	168	position: absolute;
	169	bottom: 10px;
	170	}
	171
	172	.popupButtons{
82.1.1 by a10rolch - Added manageCoursesBody.css	173	display:inline-block !important;
	174	height:35px;
	175	width:100px;
	176	background-image: linear-gradient(to top,#fff,#f5f5f5);
	177	/text style/
	178	font: 16px Helvetica;
	179	font-weight:bold;
	180	}
	181
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	182	.popupButtons:hover {
	183	cursor: pointer;
	184	}
	185
	186
	187
	188
	189	#addCourseButton{
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	190	margin-top: .45em;
	191	padding: 2px 8px;
	192	font-size: 125%;
	193	float: right;
	194	color: #666;
	195	border: 1px solid #959595;
	196	border-radius: 6px;
82.1.1 by a10rolch - Added manageCoursesBody.css	197	}
82.1.1 by a10rolch - Added manageCoursesBody.css	198
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	199	#addCourseButton:hover{
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	200	border-color: #000;
	201	color: #000;
82.1.1 by a10rolch - Added manageCoursesBody.css	202	}
82.1.1 by a10rolch - Added manageCoursesBody.css	203
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	204	.manageCourseButton:before {
	205	font-family: "icomoon";
	206	font-size:20px;
	207	content: "C";
	208	display: block;
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	209	margin: auto;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	210	width: 20px;
	211	height: 20px;
	212	line-height: 20px;
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	213	border:1px solid #aaa;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	214	}
	215
82.1.1 by a10rolch - Added manageCoursesBody.css	216	.manageCourseButton{
82.1.1 by a10rolch - Added manageCoursesBody.css	217	color: #aaa;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	218	font-size: 0;
	219	line-height: 0;
82.1.1 by a10rolch - Added manageCoursesBody.css	220	}
	221	.manageCourseButton:hover{
	222	color:pink;
	223	text-decoration:none;
	224	}
	225
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	226	.manageCoursePopup input.text {
	227	font-size: 100%;
	228	}
	229
	230	#manageCourses table {
	231	border-collapse: collapse;
	232	width: 100%;
	233	}
	234
	235	#manageCourses th, #manageCourses td {
	236	padding: 6px 0;
	237	}
	238
	239	#manageCourses .odd td {
	240	background: #fff;
	241	}
	242
	243	#manageCourses .even td{
	244	background: #f5f5f5;
	245	}
	246
	247	#manageCourses th {
	248	background: #ddd;
	249	border-top: 1px #ccc solid;
	250	border-bottom: 1px #ccc solid;
	251	text-align: left;
	252	}
	253
	254	#manageCourses th:first-child, #manageCourses td:first-child {
	255	padding-left: 30px;
83.2.5 by elof.bigestans at gmail * Updated ManageCourses, including JS+Jquery, popups, controller.	256	}
	257
	258	.publishButton {
	259	display: block;
	260	width: 25px;
	261	height: 15px;
	262	overflow: hidden;
	263	text-indent: -200%;
	264	margin: auto;
	265	}
	266
	267	.publishButton.published {
	268	background: green;
	269	}
	270
	271	.publishButton.unpublished {
	272	background: red;
83.2.1 by elof.bigestans at gmail Fixed various bugs in the ManageCourses function	273	}