Index: lams_central/web/css/defaultHTML_learner_mobile.css
===================================================================
diff -u -r53d60d5d44af50b85d6ed3ed5ce4941f2bc1b611 -r46bcb6ea758a272250071d1a571d008c6745e593
--- lams_central/web/css/defaultHTML_learner_mobile.css (.../defaultHTML_learner_mobile.css) (revision 53d60d5d44af50b85d6ed3ed5ce4941f2bc1b611)
+++ lams_central/web/css/defaultHTML_learner_mobile.css (.../defaultHTML_learner_mobile.css) (revision 46bcb6ea758a272250071d1a571d008c6745e593)
@@ -1,19 +1,71 @@
+/*
+*************************************************
+LAMS 2.0
+Date modified: 22/09/2006
+
+*************************************************
+General page styles
+********************************************** */
+
+* {
+ margin:0;
+ padding:0;
+}
+
body {
- font-size: 16px;
+ font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
}
-body.large-font {font-size: 16px;}
+body.stripes {
+ background: url('../images/css/diagonal_bg.gif');
+}
-h2 {/*color:#47bc23; */
- font-size:17px;
+a {
+ color: #47bc23;
+ text-decoration: none;
+ border-bottom: 1px dotted #47bc23;
+}
+
+a:hover {
+ color: #47bc23;
+ text-decoration: none;
+ border-bottom: 1px solid #47bc23;
+}
+
+/* CKEditor buttons */
+a.cke_button {
+ border-bottom: none;
+}
+a.cke_combo_button{
+ border-bottom: 1px solid #e1e1e1;
+}
+
+.row {
+ voice-family: "\"}\""; /* hide the following rules from IE5 */
+ voice-family: inherit;
+ overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
+}
+
+* html .row {
+ height: 1%;
+} /* part of the CSS 'clearing hack' */
+
+
+h1 {color:#0087e5;
+ font-size:15px;
+ margin-bottom:5px;
+ }
+
+h2 {color:#47bc23;
+ font-size:14px;
padding-top:10px;
- margin-bottom:15px; }
+ margin-bottom:5px; }
span.h2font {color:#47bc23;
font-size:14px; }
-h3 {/*color:#47bc23; */
+h3 {color:#47bc23;
font-size:13px;
margin-top:10px;
margin-bottom:5px; }
@@ -26,78 +78,142 @@
padding:0;
}
-h5 {/*color:#47bc23; */
+h5 {color:#47bc23;
font-size:14px;
margin-right:40px;
margin-bottom:8px;
}
-
+
+/*defines when instructions are given and places a blue arrow before the text */
+p.instructions {
+ color: #0087e5;
+ margin-bottom:0;
+ margin-top:0;
+ background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px;
+ padding-left: 30px;
+ padding-bottom: 10px;
+ font-size:13px;
+}
+
p {
margin-right: 30px;
+ margin-bottom: 10px;
margin-top:10px;
-}
-
-.regular-li { font-size: 14px; font-weight: normal; }
+}
-/**********************layout of the table with the alternate color for the table heading cell *********************/
+b.error {color:#cc0000;}
+
+ul {
+ margin-left: 25px;
+ margin-right: 30px;
+}
+
+ul li { list-style-type:circle;}
+
+ol {
+ margin-left: 25px;
+ margin-right: 30px;
+}
+
+li.no-list-type {
+ list-style-type: none;
+}
+/*layout of the table with the alternate color for the table heading cell */
table.alternative-color {
width:100%;
margin-left:0px;
padding-top:0px;
margin-bottom:15px;
+ margin-top:10px;
text-align:left;
}
table.alternative-color th {
-
- font-size: 12px;
+ background: url('../images/css/green_bg.jpg') repeat-x;
height: 30px;
+ color: #47bc23;
+ padding-left: 15px;
+ border-left: 1px solid #cacdd1;
+ border-right: 1px solid #fff;
+ font-size: 12px;
}
table.alternative-color td {
- padding:8px 5px;
- font-size: 12px;
+ padding:5px;
+ padding-left: 20px;
+ font-size: 11px;
border-bottom: 1px solid #efefef;
- vertical-align: middle;
+ vertical-align: top;
background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px
}
table.alternative-color td.first, table.alternative-color th.first {
border-left: none;
- padding-left: 2px;
+ padding-left: 20px;
}
-table.alternative-color .ui-btn-up-c {
-font-weight: normal; cursor: default;
+
+/* jquery tablesorter pager plugin */
+table.tablesorter-admin td {
+ text-align: center;
+ padding:5px;
+ padding-left: 20px;
+ font-size: 11px;
+ border-bottom: 1px solid #efefef;
+ vertical-align: top;
+ background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px
}
-table.table-content-padding-left th {padding-left: 8px; }
-table.table-content-padding-left td {padding-left: 10px; }
+table.tablesorter-admin th {
+ background-color: #e7f3cf;
+ height: 30px;
+ color: #47bc23;
+ padding-left: 15px;
+ border-top: 1px solid #cacdd1;
+ border-left: 1px solid #cacdd1;
+ border-right: 1px solid #fff;
+ font-size: 12px;
+}
+table.tablesorter-admin thead tr .header {
+ background-image: url(../images/css/bg.gif);
+ background-repeat: no-repeat;
+ background-position: center right;
+ cursor: pointer;
+ width: auto;
+ padding-right: 15px;
+}
-b.error {color:#cc0000;}
+table.tablesorter-admin thead tr .headerSortUp {
+ background-image: url(../images/css/asc.gif);
+}
-.float-left {float:left;}
+table.tablesorter-admin thead tr .headerSortDown {
+ background-image: url(../images/css/desc.gif);
+}
-.float-right {float:right;}
-
-/*******************************layout of the forum tables with the colored table heading cell ********************/
+/*layout of the forum tables with the colored table heading cell */
table.forum {
- width:93%;
+ width:100%;
+ margin-left:0px;
+ padding-top:5px;
margin-bottom:10px;
background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px;
text-align:left;
border-bottom:1px solid #efefef;}
table.forum th {
- height:20px;
- padding-top:5px;
+ background: url('../images/css/green_bg_forum.jpg') repeat-x #f0f5df;
+ height:26px;
+ padding-top:1px;
+ color:#47bc23;
padding-left:15px;
border-left:1px solid #cacdd1;
font-size:12px;
vertical-align:middle;
}
table.forum td.posted-by {
+ background: url('../images/css/forum_postedby_bg.jpg') repeat-x;
height:20px;
padding-left:15px;
padding-top:0px;
@@ -108,23 +224,76 @@
}
table.forum td {
+ padding:10px;
padding-left:20px;
font-size:11px;
vertical-align:top;
}
+
+/*layout of an inserted image */
+.image-border {
+ border:1px solid #e2e2e2;
+ padding:3px;
+ background-color:#fff;
+ margin:5px 10px;
+}
-.shading-bg {padding:5px; padding-left:10px; padding-top:10px; margin-top:10px; margin-bottom:10px; width:99%; border-top:1px solid #ccc; background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px}
+/*layout of the table with form elements */
-.shading-bg td {padding:5px;}
+table {
+ width:100%;
+ text-align:left;
+ }
-.big-space-top {
- padding-top: 30px;
+td {
+
+ font-size:11px;
+ vertical-align:top;
}
-.space-top {
- padding-top: 20px;
+td p{
+ padding:10px;
+ font-size:11px;
+ line-height:18px;
}
+/*layout of button in table */
+td p.button{
+ margin:0px;
+ padding:10px 10px 10px 0px;
+ font-size:11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+}
+
+/* */ /*layout of form styles */
+.field-name{
+ color: #0087e5;
+ font-weight: bold;
+ text-align: left;
+ padding-bottom:10px;
+}
+
+.field-name-alternative-color {
+ color: #47bc23;
+ font-weight: bold;
+ text-align: left;
+}
+
+input {
+ border: 1px solid #c1c1c1;
+ padding: 2px;
+}
+
+textarea {
+ border: 1px solid #c1c1c1;
+ padding: 2px;
+}
+
+.noBorder {
+ border: none;
+}
+
+/*misc styles*/
.space-right {
margin-right: 10px;
}
@@ -137,21 +306,20 @@
margin-bottom: 40px;
}
+
.space-bottom-top {
padding-bottom: 20px;
padding-top: 20px;
}
.small-space-bottom {
- margin-bottom: 10px;
+ margin-bottom: 20px;
}
-.float-left {float:left;}
-
-.float-right {float:right;}
-
.small-space-top {padding-top:6px;}
+.space-top {padding-top:20px;}
+
.title-space-top {padding-top:12px;}
hr {border:0px;
@@ -162,9 +330,7 @@
.warning {
color: #cc0000;
padding:8px 10px 10px 40px;
- margin-top: 25px;
- margin-left: auto;
- margin-right: auto;
+ margin: 25px auto 10px;
text-align: left;
font-weight: normal;
background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px;
@@ -210,16 +376,292 @@
border: 1px solid #C0C0C0;
}
-.ui-finishbtn-right { float: right;padding-right: 40px; min-height: 30px;}
+.group-box {
+ padding:8px 10px 10px 40px;
+ margin-top: 20px;
+ margin-left: 0px;
+ margin-right: 0px;
+ font-weight: normal;
+ border: 1px solid #ccc;
+}
-.button-inside {font-size: 16px;}
+/*************************************************
+Page layout
+********************************************** */
-#qaQuestions {padding-top: 45px; padding-bottom: 20px;}
-#qaAnswers {padding-top: 20px; padding-bottom: 20px;}
-#qaQuestionsSequential{padding-top: 30px; padding-bottom: 0px;}
-.finishButtonDiv {text-align: right; margin: 5px 13px;}
+#content {
+ margin-top:20px;
+ margin-left:auto;
+ margin-right:auto;
+ margin-bottom:30px;
+ width:85%;
+ height:100%;
+ border:1px solid #d4d8da;
+ background-color:#fff;
+ padding:20px 25px;
+ }
+
+#footer {
+ clear:inherit;
+ height:20px;}
+
+.float-left {float:left;}
+
+.float-right {float:right;}
+
+
+
+/*
+*************************************************
+
+Buttons
+
+********************************************** */
+
+.left-buttons {float:left;}
+
+.right-buttons {float:right;}
+
+/*layout of a general button*/
+#content a.button {
+ background: url('../images/css/btn_off.gif') repeat-x 0px 0px;
+ color: #333;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+}
+
+/* style to disable input buttons */
+#content a.button .disabled {
+ color: #999;
+ background: url('../images/css/btn_off.gif') repeat-x 0px 0px;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ }
+
+#content a:hover.button {
+ background: url('../images/css/btn_over.gif') repeat-x 0px 0px;
+ color: #349018;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+}
+
+#content a.button {
+ background: url('../images/css/btn_off.gif') repeat-x 0px 0px;
+ color: #333;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+}
+
+input.disabled {
+ color: #999;
+ background: url('../images/css/btn_off.gif') repeat-x 0px 0px;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ font-size:11px;
+}
+
+/*layout of a general button*/
+a.button {
+ background: url('../images/css/btn_off.gif') repeat-x 0px 0px;
+ color: #333;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+}
+
+a:hover.button {
+ background: url('../images/css/btn_over.gif') repeat-x 0px 0px;
+ color: #349018;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+}
+
+
+/*layout of adding a topic button */
+a.button-add-item {
+ background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding:25px 15px 25px 25px;
+ text-decoration: none;
+}
+
+a:hover.button-add-item {
+ background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding:25px 15px 25px 25px;
+ text-decoration: none;
+}
+
+
+/*layout of adding a topic button */
+#content a.button-add-item {
+ background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding:25px 15px 25px 25px;
+}
+
+#content a:hover.button-add-item {
+ background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px;
+ color: #349018;
+ border: 0px none;
+ padding:25px 15px 25px 25px;
+}
+
+/*layout of html editor button */
+#content a.button-html-editor {
+ background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px;
+ color: #666;
+ border: 0px none;
+ padding:25px 15px 25px 28px;
+}
+
+#content a:hover.button-html-editor {
+ background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px;
+ color: #333;
+ border: 0px none;
+ padding:25px 15px 25px 28px;
+}
+
+/* Hovering submit button */
+input.button {
+ background: url('../images/css/btn_off.gif') repeat-x 0px 0px;
+ color: #333;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+ font-size: 11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+}
+
+input:hover.button {
+ background: url('../images/css/btn_over.gif') repeat-x 0px 0px;
+ color: #349018;
+ border: 0px none;
+ padding:5px 20px 6px 20px;
+ text-decoration: none;
+ font-size: 11px;
+ font-family: verdana, arial, helvetica, sans-serif;
+ cursor: pointer;
+}
+
+.editForm {
+ padding: 0 0 5px 18px;
+ background: url('../images/css/report_edit.png') no-repeat;
+
+}
+
+.close {
+ padding: 0 0 5px 18px;
+ background: url('../images/css/cancel.png') no-repeat;
+
+}
+
+.import {
+ padding: 0 0 5px 18px;
+ background: url('../images/css/import.png') no-repeat;
+
+}
+
+
+.nextActivity {
+ padding: 0px 20px 0px 0px;
+ background: url('../images/css/next.png') no-repeat;
+ background-position: right;
+
+}
+
+.text-area {width:99%}
+
+.shading-bg {padding:5px; padding-left:10px; padding-top:10px; margin-top:10px; margin-bottom:10px; width:99%; border-top:1px solid #ccc; background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px}
+
+.shading-bg td {padding:5px;}
+
+.last-item {border-top:1px solid #ccc; height:20px;}
+
+.indent {margin-left:20px;}
+
+.middle {vertical-align:middle;}
+
+.help {text-align:left; margin-left:35px; cursor: pointer;}
+
+.help-no-tabs {float:right; cursor:pointer;}
+
+.align-right{
+text-align:right;
+}
+.align-left{
+text-align:left;
+}
+
+
+.customDialogButton {
+ position: absolute;
+ top: 0;
+ padding: 5px 20px 5px 20px;
+ vertical-align: center;
+ font-weight: bolder;
+ border: thin solid #2E6E9E !important;
+ color: #222222 !important;
+ background-color: #D0E5F5;"
+}
+
/* jQuery tablesorter/pager/filter defaults */
.tablesorter .disabled {
display: none
+}
+
+/* Comments Widget */
+iframe.commentFrame{
+ border: 0 none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+
+.comment-author {
+ color:#0087e5;
+ font-size:11px;
+ margin-bottom:2px;
+}
+
+.comment-date {
+ font-size:11px;
+ margin-bottom:2px;
+}
+
+table.comment {
+ width:100%;
+ margin-left:0px;
+ padding-top:0px;
+ margin-bottom:5px;
+ text-align:left;
+}
+
+table.comment td {
+ padding:0px;
+ padding-left:0px;
+ font-size:11px;
+ vertical-align:top;
+}
+a.comment {
+ color: #47bc23;
+ text-decoration: none;
+ border-bottom: none;
+}
+textarea.comment {
+ width: 99%;
+ height: 60px;
+ margin-bottom:10px;
+}
+div.comment-entry {
+ width: 98%;
}
\ No newline at end of file