merged changes by @aragonc for better responsive design

home/home_menu.html

@@ -1 +1 @@
-<li><a href="http://www.chamilo.org/forum" target="_self">Forum</a></li>
+<li class="forum-btn"><a href="http://www.chamilo.org/forum" target="_self">Forum</a></li>

main/css/academica/frames.css

@@ -20,7 +20,7 @@ img {
 }
 /* End hide from IE5-mac */
 
-/*****************************************************
+/***************************************************** 
  *  HEADER STYLES                                    *
  *****************************************************/
 #header {
@@ -55,97 +55,17 @@ img {
 	float: right;
 	font-weight: bold;
 }
-/* Header 2: Containing My Courses, My Profile,... */
-#header2 {
-	font-size: 12px;
-	padding: 4px;
-	background-color: #4271B5;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header2 .banner_links {
-	margin: 0;
-}
-#header2 a {
-	text-decoration: none;
-	color: #fff;
-	background: transparent;
-	font-weight:normal;
-	font-size: 12px;
-}
-#header2 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0;
-	padding: 0;
-	background-color: transparent;
-	border: none;
-	color: #fff;
-	font-size: 12px;
-	font-weight:normal;
-	font-family: verdana, arial, helvetica, sans-serif;
-}
-#header2 a:hover, #header2 input.logout:hover {
-	border-bottom: 1px solid #fff;
-}
 #logout {
 	float: right;
 	width:20%;
 	text-align:right;
 }
-/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */
-#header3 {
-	position: relative; /* to avoid the IE peekabo bug*/
-	font-size: 12px;
-	font-weight: normal;
-	padding: 4px;
-	background-color: #90AFDD;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header3 a {
-	color: #ffffff;
-	text-decoration: none;
-	font-weight:normal;
-}
-#header3 a:hover {
-	text-decoration: underline;
-}
-/* Header3Right: online users, student/teacher view, help */
-#Header3Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 50%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header3Right ul li {
-	display: inline;
-}
-#Header3Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#fff;
-}
-/* Header 4: not used */
-#header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 4px;
-	margin-bottom: 2px;
-}
-#header4 a {
-	color: #4171b5;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #f00;
-}
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;
 }
-/*****************************************************
+/***************************************************** 
  *  FOOTER STYLES                                    *
  *****************************************************/
 #footer {
@@ -157,7 +77,7 @@ img {
 #footer .copyright {
 	float: right;
 }
-/*****************************************************
+/***************************************************** 
  *  MAIN STYLES                                      *
  *****************************************************/
 #main {
@@ -233,7 +153,7 @@ img {
 	font-size: 12px;
 	color: #f00;
 }
-/*** layout divs for course and tool pages (being tested in some pages) ****/
+/*** layout divs for course and tool pages (being tested in some pages) ****/  
 #contentfloatholder {/* also makes the right "sliding" tab  */
 	/*background: url(../pics/sidebar-r.gif) repeat-y 100% 0;
 background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */
@@ -252,11 +172,11 @@ content: ".";
 #centerwrap {
 	float: left;
 	width: 100%;
-	margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
-         it's empty otherwise. The difference is made up by putting a
+	margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks 
+         it's empty otherwise. The difference is made up by putting a 
          negative left margin on the left float:
-	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
-	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
+	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
+	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
 	*/
 }
 #center {
@@ -325,10 +245,10 @@ content: ".";
 	color:#4171B5;
 	display: block;
 }
-/* --- end of left side definition list menu section  --- */
+/* --- end of left side definition list menu section  --- */ 
 
 
-
+ 
 /* various sections in course-home.php file  */
 #toolremove {
 	width: 40%;
@@ -426,7 +346,7 @@ content: ".";
 	border: 1px solid #fff;
 	border-collapse: collapse;
 }
-/*The caption of the calendar (displays the month and the << and >> links*/
+/*The caption of the calendar (displays the month and the << and >> links*/ 
 #agenda_list #title {
 	background-color: #4171B5;
 	font-weight: bold;
@@ -463,7 +383,7 @@ content: ".";
 	border: 1px solid #264269;
 	border-collapse: collapse;
 }
-/* The cells for the days (1->31) */
+/* The cells for the days (1->31) */ 
 #agenda_list .days_week {
 	height: 40px;
 	width: 12%;
@@ -518,7 +438,7 @@ content: ".";
 	border: 0px solid #4171B5;
 	border-collapse: collapse;
 }
-/*text in the cells: display of agenda items (invisible)*/
+/*text in the cells: display of agenda items (invisible)*/   
 #agenda_list .data_hidden {
 	background-color: #eee;
 	text-align: left;
@@ -546,7 +466,7 @@ content: ".";
 	border-collapse: collapse;
 	color: #999999;
 }
-/*text in the cells: display of agenda items (highlighted)*/
+/*text in the cells: display of agenda items (highlighted)*/    
 #agenda_list .datanow {
 	background-color: #FFCC00;
 	text-align: left;
@@ -573,7 +493,7 @@ content: ".";
 }
 /* ---------------------------------------------------
 	styles for the mini agenda
------------------------------------------------------*/
+-----------------------------------------------------*/ 
 #smallcalendar {
 	width: 100%;
 	margin: 0 auto;
@@ -905,7 +825,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 9px
 }
-/*****************************************************
+/***************************************************** 
  *  DATA TABLE STYLES                                *
  *****************************************************/
 .cell_header {
@@ -1061,9 +981,9 @@ div.system_announcement_content {
 	border-left: 1px solid gray;
 	padding-left: 5px;
 }
-/* tips Abbr-plugin for FCKeditor */
-abbr {
-      border-bottom: 1px dotted rgb(102, 102, 102);
-      background-color:#F00;
-      cursor: help;
-}
+/* tips Abbr-plugin for FCKeditor */
+abbr {
+      border-bottom: 1px dotted rgb(102, 102, 102);
+      background-color:#F00;
+      cursor: help;
+}

main/css/academica/images/index.html

@@ -1,6 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-</body>
-</html>

main/css/academica/learnpath.css

@@ -1,3 +1,16 @@
+div.text {
+	margin-left : 6;
+	margin-right : 6;
+	margin-top : 5;
+	margin-bottom : 5;
+	text-align : justify;
+}
+span.messagesmall {
+	font-style : italic;
+	color : Red;
+}
+/* newscorm/learnpath */ 
+
 div.lp_actions {
 	background:#F8F8F8;
 	border-bottom:1px solid #999999;
@@ -67,7 +80,7 @@ div.lp_tree {
 	height:100%;
 	padding:3px 10px 3px 0;
 	overflow-x : auto;
-	overflow-y : scroll;
+	overflow-y : auto;
 	width:190px;
 }
 hr {
@@ -108,7 +121,8 @@ table.lp_build td {
 	vertical-align:top;
 }
 table.lp_build td.tree {
-	border-right:1px solid #999999;
+	/* border-right:1px solid #999999;*/
+	padding-right: 5px;
 	width:205px;
 }
 table.lp_build td.workspace {
@@ -145,22 +159,22 @@ table.lp_form th {
 table.lp_overview th.exercise {
 	width:50px;
 }
-table.lp_form input,  table.lp_form select,  table.lp_form textarea {
-	background:#F8F8F8;
+table.lp_form input, table.lp_form select, table.lp_form textarea {
+/*	background:#F8F8F8;
 	border:1px solid #999999;
 	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-size:12px;
 	padding:1px 2px;
-	width:300px;
+	width:300px;*/
 }
-table.lp_form td.radio input,  table.lp_form td.exercise input {
+table.lp_form td.radio input, table.lp_form td.exercise input {
 	width:auto;
 }
 table.lp_form .small_form {
 	background:#FFFFFF;
 }
 table.lp_form select {
-	padding:0;
+/*	padding:0;*/
 }
 table.lp_form input.button {
 	width:75px;

main/css/academica/print.css

@@ -763,26 +763,52 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	padding: 5px;
 }
 .data_table th {
-	padding-right: 20px;
+	/*padding-right: 20px;*/
 	border: 1px solid gray;
 	background-color: #E5EDF9;
+	text-align: left;
 }
 .data_table tr.row_odd {
-	background-color: #fafafa;
+	background-color: #fafafa;	
 }
 .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
 	background-color: #f0f0f0;
 }
 .data_table tr.row_even {
-	background-color: #fff;
+	background-color: #fff;	
+}
+.data_table td .highlight {
+    font-weight: bold;
 }
 .data_table td {
-	padding: 5px;
-	vertical-align: top;
+	padding: 5px;	
 	border-bottom: 1px solid #b0b0b0;
 	border-right: 1px dotted #e1e1e1;
 	border-left: 1px dotted #e1e1e1;
+	text-align: left;
 }
+
+
+.data_table_no_border {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 12px;
+    margin-bottom: 15px;
+    margin-top: 8px;
+    text-align: left;
+    width: 100%;    
+}
+
+.data_table_no_border td {
+    line-height: normal;
+    padding: 6px;
+    text-align: left;
+    vertical-align: middle;
+}
+.data_table_no_border .highlight {
+    font-weight: bold;
+}
+
 /* admin page tool list definitions */
 .tool_list dt {
 	font-weight: bold;

main/css/academica/scorm.css

@@ -162,157 +162,321 @@
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
+    font-size: small;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;
+    overflow: auto;
+    background-color: white;
+    height: 210px;   
 }
-.inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	padding-bottom: 2px;
-	text-decoration: none;
-}
-.inner_lp_toc .scorm_item A {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-}
-.inner_lp_toc .scorm_item A.chapter_module {
-	font-weight: normal;
-	margin-right: 10px;
+
+.inner_lp_toc .scorm_item a {
+    font-weight: normal;
+    font-size: 12px;
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    font-family: Helvetica,Arial,sans-serif;
+    color: #2F3E46;    
 }
-.inner_lp_toc .scorm_item_highlight {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#aaa;
-}
-.inner_lp_toc .scorm_item_highlight A {
-	font-size: 11px;
-	margin-right: 1px;
-	text-decoration: none;
-	font-weight: normal;
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+.inner_lp_toc .scorm_item_highlight {   
+    border:1px solid #00aad4;
+    background:#00aad4;
+    font-weight:normal;
+    background-image:none;
+    margin-right: 0px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
 }
+
+.inner_lp_toc .scorm_item_highlight a {
+    color:#fff;
+    margin-right: 1px;
+    text-decoration: none;
+    font-weight: normal;
+}
+
+.inner_lp_toc .scorm_item_section {
+    border:1px solid #222;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:0 -1px 1px #000;
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
+    background-image:-webkit-linear-gradient(top,#555,#333);
+    background-image:-moz-linear-gradient(top,#555,#333);
+    background-image:-ms-linear-gradient(top,#555,#333);
+    background-image:-o-linear-gradient(top,#555,#333);
+    background-image:linear-gradient(top,#555,#333);
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
+    
+}
+
+.inner_lp_toc .scorm_item {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);  
+}
+
 .inner_lp_toc .scorm_item_1 {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#ddd;
+    border-bottom: 1px solid #CCCCCC;
+    background:#eee;
+    font-weight:bold;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background-image:none;
+    
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
+    /* background:#FDFDFD; */   
 }
-.inner_lp_toc .scorm_item_2 {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#eee;
+
+.inner_lp_toc .scorm_item_2 {    
+    background-image:none;
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    font-weight: normal;
+    margin-right: 1px;  
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
 }
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 12px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .inner_lp_toc .scorm_status_img {
-	margin:0px;
-	margin-left: -10px;
-	width:10px;
+    margin:0px;
+    margin-left: -10px;
+    width:10px;
 }
 .lp_navigation {
-	overflow: auto;
-	background-color: white;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
-//em  font-size: normal;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
+}
+#image_preview {
+    padding-left: 17px;
+}
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background-image: none;
+    background-color: #2e75a3;
+    color: #fff;
+    text-transform: capitalize;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: underline;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 5px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088aa;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 14px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #2e75a3;
+    font-weight: normal;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-size: 40px 40px;
+  background-image: none;
 }
-.preview_image {
-	padding-left: 17px;
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scrom_completed {
+    
+    background-image: url("images/blue_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
 }
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+
+.inner_lp_toc .scorm_item_highlight {
+    background-color: #00aad4;
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+    border: 1px solid #00aad4;
 }
+
+
+.inner_lp_toc .scorm_item_1 {
+  background-color: #d7eef4;
+  background-image: none;
+  border-bottom-color: #CCCCCC;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  color: #444444;
+  font-weight: normal;
+  margin-right: 1px;
+  padding-bottom: 10px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 10px;
+  text-shadow: 0 1px 1px #F6F6F6;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}

main/css/academica/scormfs.css

@@ -5,39 +5,30 @@
 	padding: 0px;
 	font-size: small;
 	position: absolute;
-	background-color: white;/*
-	filter:alpha(opacity=50);
-	opacity: 0.50;
-	-moz-border-radius: 25px;
-	margin-right: 5%;
-	margin-left: 75%;
-	margin-top: 10px;
-*/
+	background-color: white;
 }
 .scormpage .menu .lp_nav {
 	height: 50px;
 	width: 160px;
 	padding-top: 4px;
 	padding-bottom:0px;
-	/*
+	/*	
 	margin-left: 10px;
 	margin-right: 10px;
 */
 	margin-top: 0px;
 }
 .lp_navigation_elem {
-	padding-top: 2px;
-	position: absolute;
-	left: 50%;
-	margin-left: -70px;
+	padding-left: 15px;
+	padding-top: 0px;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -12px;
-	margin-left: 4em;
 	font-size: smaller;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 1em;
+	margin-left: 5px;
 	margin-right: 0em;
 	margin-top: 0.4em;
 }
@@ -80,8 +71,12 @@
 .scormpage .footer {
 	clear: both;
 }
-.preview_image {
-	text-align: right;
-	margin-right: 5px;
-	padding-left: 15px;
+#image_preview {
+	padding-left: 17px;
+}
+#author_name {
+	padding-left: 5px;
+	padding-top: 5px;
+	font-size: 11px;
+	color:#888;
 }

main/css/baby_orange/frames.css

@@ -20,7 +20,7 @@ img {
 }
 /* End hide from IE5-mac */
 
-/*****************************************************
+/***************************************************** 
  *  HEADER STYLES                                    *
  *****************************************************/
 #header {
@@ -55,97 +55,17 @@ img {
 	float: right;
 	font-weight: bold;
 }
-/* Header 2: Containing My Courses, My Profile,... */
-#header2 {
-	font-size: 12px;
-	padding: 4px;
-	background-color: #4271B5;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header2 .banner_links {
-	margin: 0;
-}
-#header2 a {
-	text-decoration: none;
-	color: #fff;
-	background: transparent;
-	font-weight:normal;
-	font-size: 12px;
-}
-#header2 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0;
-	padding: 0;
-	background-color: transparent;
-	border: none;
-	color: #fff;
-	font-size: 12px;
-	font-weight:normal;
-	font-family: verdana, arial, helvetica, sans-serif;
-}
-#header2 a:hover, #header2 input.logout:hover {
-	border-bottom: 1px solid #fff;
-}
 #logout {
 	float: right;
 	width:20%;
 	text-align:right;
 }
-/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */
-#header3 {
-	position: relative; /* to avoid the IE peekabo bug*/
-	font-size: 12px;
-	font-weight: normal;
-	padding: 4px;
-	background-color: #90AFDD;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header3 a {
-	color: #ffffff;
-	text-decoration: none;
-	font-weight:normal;
-}
-#header3 a:hover {
-	text-decoration: underline;
-}
-/* Header3Right: online users, student/teacher view, help */
-#Header3Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 50%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header3Right ul li {
-	display: inline;
-}
-#Header3Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#fff;
-}
-/* Header 4: not used */
-#header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 4px;
-	margin-bottom: 2px;
-}
-#header4 a {
-	color: #4171b5;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #f00;
-}
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;
 }
-/*****************************************************
+/***************************************************** 
  *  FOOTER STYLES                                    *
  *****************************************************/
 #footer {
@@ -157,7 +77,7 @@ img {
 #footer .copyright {
 	float: right;
 }
-/*****************************************************
+/***************************************************** 
  *  MAIN STYLES                                      *
  *****************************************************/
 #main {
@@ -233,7 +153,7 @@ img {
 	font-size: 12px;
 	color: #f00;
 }
-/*** layout divs for course and tool pages (being tested in some pages) ****/
+/*** layout divs for course and tool pages (being tested in some pages) ****/  
 #contentfloatholder {/* also makes the right "sliding" tab  */
 	/*background: url(../pics/sidebar-r.gif) repeat-y 100% 0;
 background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */
@@ -252,11 +172,11 @@ content: ".";
 #centerwrap {
 	float: left;
 	width: 100%;
-	margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
-         it's empty otherwise. The difference is made up by putting a
+	margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks 
+         it's empty otherwise. The difference is made up by putting a 
          negative left margin on the left float:
-	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
-	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
+	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
+	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
 	*/
 }
 #center {
@@ -325,10 +245,10 @@ content: ".";
 	color:#4171B5;
 	display: block;
 }
-/* --- end of left side definition list menu section  --- */
+/* --- end of left side definition list menu section  --- */ 
 
 
-
+ 
 /* various sections in course-home.php file  */
 #toolremove {
 	width: 40%;
@@ -426,7 +346,7 @@ content: ".";
 	border: 1px solid #fff;
 	border-collapse: collapse;
 }
-/*The caption of the calendar (displays the month and the << and >> links*/
+/*The caption of the calendar (displays the month and the << and >> links*/ 
 #agenda_list #title {
 	background-color: #4171B5;
 	font-weight: bold;
@@ -463,7 +383,7 @@ content: ".";
 	border: 1px solid #264269;
 	border-collapse: collapse;
 }
-/* The cells for the days (1->31) */
+/* The cells for the days (1->31) */ 
 #agenda_list .days_week {
 	height: 40px;
 	width: 12%;
@@ -518,7 +438,7 @@ content: ".";
 	border: 0px solid #4171B5;
 	border-collapse: collapse;
 }
-/*text in the cells: display of agenda items (invisible)*/
+/*text in the cells: display of agenda items (invisible)*/   
 #agenda_list .data_hidden {
 	background-color: #eee;
 	text-align: left;
@@ -546,7 +466,7 @@ content: ".";
 	border-collapse: collapse;
 	color: #999999;
 }
-/*text in the cells: display of agenda items (highlighted)*/
+/*text in the cells: display of agenda items (highlighted)*/    
 #agenda_list .datanow {
 	background-color: #FFCC00;
 	text-align: left;
@@ -573,7 +493,7 @@ content: ".";
 }
 /* ---------------------------------------------------
 	styles for the mini agenda
------------------------------------------------------*/
+-----------------------------------------------------*/ 
 #smallcalendar {
 	width: 100%;
 	margin: 0 auto;
@@ -905,7 +825,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 9px
 }
-/*****************************************************
+/***************************************************** 
  *  DATA TABLE STYLES                                *
  *****************************************************/
 .cell_header {
@@ -1061,9 +981,9 @@ div.system_announcement_content {
 	border-left: 1px solid gray;
 	padding-left: 5px;
 }
-/* tips Abbr-plugin for FCKeditor */
-abbr {
-      border-bottom: 1px dotted rgb(102, 102, 102);
-      background-color:#F00;
-      cursor: help;
-}
+/* tips Abbr-plugin for FCKeditor */
+abbr {
+      border-bottom: 1px dotted rgb(102, 102, 102);
+      background-color:#F00;
+      cursor: help;
+}

main/css/baby_orange/images/index.html

@@ -1,6 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-</body>
-</html>

main/css/baby_orange/learnpath.css

@@ -1,3 +1,16 @@
+div.text {
+	margin-left : 6;
+	margin-right : 6;
+	margin-top : 5;
+	margin-bottom : 5;
+	text-align : justify;
+}
+span.messagesmall {
+	font-style : italic;
+	color : Red;
+}
+/* newscorm/learnpath */ 
+
 div.lp_actions {
 	background:#F8F8F8;
 	border-bottom:1px solid #999999;
@@ -67,7 +80,7 @@ div.lp_tree {
 	height:100%;
 	padding:3px 10px 3px 0;
 	overflow-x : auto;
-	overflow-y : scroll;
+	overflow-y : auto;
 	width:190px;
 }
 hr {
@@ -108,7 +121,8 @@ table.lp_build td {
 	vertical-align:top;
 }
 table.lp_build td.tree {
-	border-right:1px solid #999999;
+	/* border-right:1px solid #999999;*/
+	padding-right: 5px;
 	width:205px;
 }
 table.lp_build td.workspace {
@@ -145,22 +159,22 @@ table.lp_form th {
 table.lp_overview th.exercise {
 	width:50px;
 }
-table.lp_form input,  table.lp_form select,  table.lp_form textarea {
-	background:#F8F8F8;
+table.lp_form input, table.lp_form select, table.lp_form textarea {
+/*	background:#F8F8F8;
 	border:1px solid #999999;
 	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-size:12px;
 	padding:1px 2px;
-	width:300px;
+	width:300px;*/
 }
-table.lp_form td.radio input,  table.lp_form td.exercise input {
+table.lp_form td.radio input, table.lp_form td.exercise input {
 	width:auto;
 }
 table.lp_form .small_form {
 	background:#FFFFFF;
 }
 table.lp_form select {
-	padding:0;
+/*	padding:0;*/
 }
 table.lp_form input.button {
 	width:75px;

main/css/baby_orange/print.css

@@ -763,26 +763,52 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	padding: 5px;
 }
 .data_table th {
-	padding-right: 20px;
+	/*padding-right: 20px;*/
 	border: 1px solid gray;
 	background-color: #E5EDF9;
+	text-align: left;
 }
 .data_table tr.row_odd {
-	background-color: #fafafa;
+	background-color: #fafafa;	
 }
 .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
 	background-color: #f0f0f0;
 }
 .data_table tr.row_even {
-	background-color: #fff;
+	background-color: #fff;	
+}
+.data_table td .highlight {
+    font-weight: bold;
 }
 .data_table td {
-	padding: 5px;
-	vertical-align: top;
+	padding: 5px;	
 	border-bottom: 1px solid #b0b0b0;
 	border-right: 1px dotted #e1e1e1;
 	border-left: 1px dotted #e1e1e1;
+	text-align: left;
 }
+
+
+.data_table_no_border {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 12px;
+    margin-bottom: 15px;
+    margin-top: 8px;
+    text-align: left;
+    width: 100%;    
+}
+
+.data_table_no_border td {
+    line-height: normal;
+    padding: 6px;
+    text-align: left;
+    vertical-align: middle;
+}
+.data_table_no_border .highlight {
+    font-weight: bold;
+}
+
 /* admin page tool list definitions */
 .tool_list dt {
 	font-weight: bold;

main/css/baby_orange/scorm.css

@@ -162,156 +162,321 @@
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
+    font-size: small;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;		
+    overflow: auto;
+    background-color: white;
+    height: 210px;   
 }
-.inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	padding-bottom: 2px;
-	text-decoration: none;
+
+.inner_lp_toc .scorm_item a {
+    font-weight: normal;
+    font-size: 12px;
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    font-family: Helvetica,Arial,sans-serif;
+    color: #2F3E46;    
 }
-.inner_lp_toc .scorm_item A {
-	font-weight: normal;
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
 }
-.inner_lp_toc .scorm_item A.chapter_module {
-	font-weight: normal;
+.inner_lp_toc .scorm_item_highlight {   
+    border:1px solid #00aad4;
+    background:#00aad4;
+    font-weight:normal;
+    background-image:none;
+    margin-right: 0px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
 }
-.inner_lp_toc .scorm_item_highlight {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#aaa;
-}
-.inner_lp_toc .scorm_item_highlight A {
-	font-weight: normal;
-	font-size: 11px;
-	margin-right: 1px;
-	text-decoration: none;
-	font-weight: normal;
+
+.inner_lp_toc .scorm_item_highlight a {
+    color:#fff;
+    margin-right: 1px;
+    text-decoration: none;
+    font-weight: normal;
 }
+
+.inner_lp_toc .scorm_item_section {
+    border:1px solid #222;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:0 -1px 1px #000;
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
+    background-image:-webkit-linear-gradient(top,#555,#333);
+    background-image:-moz-linear-gradient(top,#555,#333);
+    background-image:-ms-linear-gradient(top,#555,#333);
+    background-image:-o-linear-gradient(top,#555,#333);
+    background-image:linear-gradient(top,#555,#333);
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
+    
+}
+
+.inner_lp_toc .scorm_item {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);  
+}
+
 .inner_lp_toc .scorm_item_1 {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#ddd;
+    border-bottom: 1px solid #CCCCCC;
+    background:#eee;
+    font-weight:bold;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background-image:none;
+    
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
+    /* background:#FDFDFD; */   
 }
-.inner_lp_toc .scorm_item_2 {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#eee;
+
+.inner_lp_toc .scorm_item_2 {    
+    background-image:none;
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    font-weight: normal;
+    margin-right: 1px;  
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
 }
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 12px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
-	padding: 2px;
+    margin-left: 10px;
 }
 .inner_lp_toc .scorm_status_img {
-	margin:0px;
-	margin-left: -10px;
-	width:10px;
+    margin:0px;
+    margin-left: -10px;
+    width:10px;
 }
 .lp_navigation {
-	overflow: auto;
-	background-color: white;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
-	font-size: normal;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 5px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-width: 60%;*/
-margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
-}
-.preview_image {
-	text-align: right;
-	margin-right: 5px;
-	padding-left: 15px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 90%;
-	padding: 1px 5px 3px 8px;
+    clear: both;
+}
+#image_preview {
+    padding-left: 17px;
+}
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background-image: none;
+    background-color: #2e75a3;
+    color: #fff;
+    text-transform: capitalize;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: underline;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 5px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088aa;
+    font-weight: bold;
 }
+#learning_path_left_zone #header {
+  font-size: 14px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #2e75a3;
+    font-weight: normal;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-size: 40px 40px;
+  background-image: none;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scrom_completed {
+    
+    background-image: url("images/blue_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+}
+
+.inner_lp_toc .scorm_item_highlight {
+    background-color: #00aad4;
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+    border: 1px solid #00aad4;
+}
+
+
+.inner_lp_toc .scorm_item_1 {
+  background-color: #d7eef4;
+  background-image: none;
+  border-bottom-color: #CCCCCC;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  color: #444444;
+  font-weight: normal;
+  margin-right: 1px;
+  padding-bottom: 10px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 10px;
+  text-shadow: 0 1px 1px #F6F6F6;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}

main/css/baby_orange/scormfs.css

@@ -5,39 +5,30 @@
 	padding: 0px;
 	font-size: small;
 	position: absolute;
-	background-color: white;/*
-	filter:alpha(opacity=50);
-	opacity: 0.50;
-	-moz-border-radius: 25px;
-	margin-right: 5%;
-	margin-left: 75%;
-	margin-top: 10px;
-*/
+	background-color: white;
 }
 .scormpage .menu .lp_nav {
 	height: 50px;
 	width: 160px;
 	padding-top: 4px;
 	padding-bottom:0px;
-	/*
+	/*	
 	margin-left: 10px;
 	margin-right: 10px;
 */
 	margin-top: 0px;
 }
 .lp_navigation_elem {
-	padding-top: 2px;
-	position: absolute;
-	left: 50%;
-	margin-left: -70px;
+	padding-left: 15px;
+	padding-top: 0px;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -12px;
-	margin-left: 4em;
 	font-size: smaller;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 1em;
+	margin-left: 5px;
 	margin-right: 0em;
 	margin-top: 0.4em;
 }
@@ -80,8 +71,12 @@
 .scormpage .footer {
 	clear: both;
 }
-.preview_image {
-	text-align: right;
-	margin-right: 5px;
-	padding-left: 15px;
+#image_preview {
+	padding-left: 17px;
+}
+#author_name {
+	padding-left: 5px;
+	padding-top: 5px;
+	font-size: 11px;
+	color:#888;
 }

main/css/base.css

@@ -41,7 +41,9 @@ legend {
 header #logo {
     padding: 0px 0px 15px 0px;
 }
-
+header #logo img{
+    margin-left: 30px;
+}
 .subnav .brand {
     display:none;
 }
@@ -180,6 +182,7 @@ header #logo {
 
 header {
     margin-bottom: 11px;
+    margin-top: 20px;
 }
 
 .breadcrumb {
@@ -557,11 +560,11 @@ a.tag {
 
 /* Admin index.php */
 #settings .span6 {
-    min-height: 260px;
+    min-height: 340px;
     width: 47%;
 }
 #settings .span6 .well_border{
-    min-height: 250px;
+    min-height: 265px;
 }
 #settings .form-search .span3 {
     float: left;