diff --git a/src/main/webapp/static/themes/compiletheme.sh b/src/main/webapp/static/themes/compiletheme.sh
index 68af44a71c02dd6d7fda010d7a94e602061b8142..d0d9c63fdec10b2b219573800958183166584cbd 100755
--- a/src/main/webapp/static/themes/compiletheme.sh
+++ b/src/main/webapp/static/themes/compiletheme.sh
@@ -4,15 +4,14 @@
# can be included into eclipse-project-build (project-properties --> "Builders")
#
-echo "compiling SASS..."
-sass --version
+style=compressed
-#sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile .
+echo "compiling SASS: $style"
+sass --version
-#sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile bzg
-#sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile zag
-sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile kantiwohlen
+sass --style $style --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile .
echo "done"
+
diff --git a/src/main/webapp/static/themes/openolat/all/_basemod.scss b/src/main/webapp/static/themes/openolat/all/_basemod.scss
index 7d8f3b3bf97c9a71da556067a4ce85422145fef2..a4f726039b57028dd47e7ea0ad9a049dfe7374f0 100644
--- a/src/main/webapp/static/themes/openolat/all/_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/all/_basemod.scss
@@ -17,7 +17,6 @@
* =================================================
*/
-
@media all {
@@ -479,29 +478,37 @@ h4.b_titled_wrapper span { padding-right: 3em; font-style: italic;}
h5.b_titled_wrapper span { padding-right: 3em; font-style: italic;}
div.b_titled_wrapper {
- div.b_togglebox div.b_togglebox_content { background:#fff; border:0px; padding:0px; }
+ div.b_togglebox div.b_togglebox_content { background:transparent; border:0px; padding:0px; }
a.b_togglebox_opened { z-index:10; display:block; width:16px; height:16px; position:absolute; top:5px; left:5px; background: url(../openolat/images/information-white.png) no-repeat 0 50%; padding:0; }
a.b_togglebox_closed {display:block; width:20px; height:20px; background: url(../openolat/images/information-white.png) no-repeat top left; padding:0; @include o-opacity(60); }
div.b_togglebox div.b_togglebox_content { position:relative; margin-bottom:1em; }
a.b_togglebox_hide span { position:absolute; bottom:0; right:0; padding:0 6px 3px 0; }
a.b_togglebox_hide:hover { text-decoration:underline; }
}
+
/* Needed for IE6 */
div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives { position:relative; }
div.o_course_run_dropbox div.b_noti { position:relative; top:0; right:25px; border: 1px solid #FFFFFF;}
div.o_course_run_returnbox div.b_noti { position:relative; top:0; right:25px; border: 1px solid #FFFFFF;}
div.o_course_run_solutionbox div.b_noti { position:relative; top:0; right:25px; border: 1px solid #FFFFFF;}
+
/** ------------------ CATALOG ------------------------ **/
div.o_catalog {
+ div.o_catalog_link_title {
+ margin: 2em 0 0 0;
+ border-bottom:1px solid #ccc;
+ padding:0.3em;
+ }
+
div.o_catalog_title {
display: none; //hide title
}
div.o_catalog_nav {
font-size: 95%;
- padding: 1px 0 1px 20px;
+ padding: 1px 0 2px 22px;
border-bottom: 1px solid #EEE;
- background: url(../openolat/images/folder_open.png) 0 50% no-repeat;
+ background: url(../openolat/images/folder_open.png) 2px 50% no-repeat;
}
div.o_catalog_links {
margin-top: 1em;
@@ -509,7 +516,6 @@ div.o_catalog {
border-top: 1px solid #EEE;
}
}
-
/** -------------- TAGGING ---------------- **/
/* tagging */
@@ -577,3 +583,12 @@ div.o_catalog {
}
input.inputMessage { color: #AAA; font-size: 11px; }
}
+
+
+/* FLOTING STYLES */
+.b_float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
+.b_float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
+.b_center { text-align:center; margin: 0.5em auto }
+/* CLEAR container: additonal to b_floatbox */
+.b_floatscrollbox { overflow-x: auto; overflow-y: hidden;}
+.b_overflowscrollbox { overflow: auto;}
diff --git a/src/main/webapp/static/themes/openolat/all/_mixins.scss b/src/main/webapp/static/themes/openolat/all/_mixins.scss
index ea940727e9054c8ebe024a4d33d2fc260d1fb6b1..a231e503e0d83eaa6c1721dec7ec066a64aae116 100644
--- a/src/main/webapp/static/themes/openolat/all/_mixins.scss
+++ b/src/main/webapp/static/themes/openolat/all/_mixins.scss
@@ -115,6 +115,13 @@
-webkit-box-shadow: inset $a $b $c $color;
box-shadow: inset $a $b $c $color;
}
+@mixin o-box-shadow-none(){
+ moz-box-shadow: none;
+ -ms-box-shadow: none;
+ -o-box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
@mixin o-text-shadow($a,$b,$c,$color){
text-shadow: $a $b $c $color;
diff --git a/src/main/webapp/static/themes/openolat/all/content.css b/src/main/webapp/static/themes/openolat/all/content.css
index a7a64703fb18630862be21068e085abf5c97773f..7c5ec8bf8df32188267ff03a6d1ce163143becbf 100644
--- a/src/main/webapp/static/themes/openolat/all/content.css
+++ b/src/main/webapp/static/themes/openolat/all/content.css
@@ -1,736 +1 @@
-/*
-* =================================================
-*
-* content rules for OpenOLAT 8
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
-*
-* also read themes.README!
-*
-* (as of yaml compliance, contains css rules for
-* styling fonts, colors, font-style, etc. )
-*
-* this file is compiled to a separate css-file! (it is needed
-* in iframes within course, tinyMCE, etc.)
-*
-* the resulting content.css is also included in layout.scss
-* (as "default" css import, because of the relative image-links)
-* =================================================
-*/
-/*
-* =================================================
-*
-* CONTAINS SOME SASS VARIABLES
-* you can change these and compile the theme :)
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
-*
-*
-* also read themes.README!
-*
-* =================================================
-*/
-/* the base-color and variations (for openolat-theme this is the openolat-blue) */
-/* then we need a base-gray and some variations */
-/* here you can define the two small icons used in trees: + and - */
-/* the defaultfont used in : text, main content, etc. */
-/* the font used in : navigation (tabs + tree), headings */
-/* the overall default font-size */
-/* enable business / kmu mode */
-/* defines the body-background */
-/*
-* =================================================
-*
-* sass mixins for OpenOLAT 8
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
-*
-* also read themes.README!
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
-*
-* =================================================
-*/
-/**
-* $percent is a number between 0 and 100
-* for opacity:0.5, you would use: @import o-opacity(50);
-*/
-textarea, pre, tt, code {
- font-family: Arial, sans-serif;
- font-size: 90%;
- color: inherit;
- line-height: inherit;
- margin: inherit; }
-
-body {
- font-family: Arial, sans-serif;
- font-size: 75%;
- color: #444; }
-
-#b_header #b_topnav, #b_nav_main, div.b_tree {
- font-family: Century Gothic, Apple Gothic, sans-serif; }
-
-/** ----------------- HEADERS ----------------- **/
-h1, h2, h3, h4, h5, h6 {
- font-family: Century Gothic, Apple Gothic, sans-serif;
- font-weight: bold;
- margin: 0 0 0.25em 0; }
-
-h1 {
- font-size: 200%; }
-
-/* 24px */
-h2 {
- font-size: 166.67%; }
-
-/* 20px */
-h3 {
- font-size: 150%; }
-
-/* 18px */
-h4 {
- font-size: 133.33%; }
-
-/* 16px */
-h5 {
- font-size: 116.67%; }
-
-/* 14px */
-h6 {
- font-size: 116.67%;
- font-style: italic; }
-
-/* 14px */
-/** ----------------- LINKS ----------------- **/
-a, a:visited {
- text-decoration: none;
- color: #025d8c; }
-
-a:hover {
- text-decoration: underline;
- color: #025d8c; }
-
-a.b_link_extern {
- background: transparent url("../../openolat/images/external_link_trimmed.png") no-repeat right top;
- padding-right: 13px; }
-
-.b_link_mailto {
- background: transparent url("../../openolat/images/mail_small.png") no-repeat left center;
- padding-left: 18px; }
-
-/* TEXT FORMATTING */
-cite, blockquote {
- font-style: italic; }
-
-blockquote {
- margin: 0 0 1em 1.5em; }
-
-strong, b {
- font-weight: bold; }
-
-em, i {
- font-style: italic; }
-
-textarea, pre, tt, code {
- font-family: monospace;
- font-size: 1.2em; }
-
-acronym, abbr {
- letter-spacing: .07em;
- border-bottom: .1em dashed #c00;
- cursor: help; }
-
-legend {
- padding: 0 5px;
- color: #504D4E; }
-
-hr {
- color: #fff;
- background: transparent;
- margin: 0 0 0.5em 0;
- padding: 0 0 0.5em 0;
- border: 0;
- border-bottom: 1px #eee solid; }
-
-p {
- margin: 0 0 1em 0; }
-
-dt {
- font-weight: bold; }
-
-dd {
- margin: 0 0 1em 2em; }
-
-/** ----------------- CONTENT CLASSES ----------------- **/
-/* content boxes */
-.b_info {
- background: #e9eaef url(../../openolat/images/information-white.png) no-repeat 5px 5px;
- padding: 5px 5px 5px 30px;
- border: 1px solid #C5C4C4;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-
-.b_note {
- background: #E2E2E2;
- padding: 1em;
- border: 2px #B5B5B5 solid;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-
-.b_important {
- background: #FFF1A4;
- padding: 1em;
- border: 2px #F4D000 solid;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-
-.b_warning {
- background: #FFD5AA;
- padding: 1em;
- border: 2px #FF9E3E solid;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-
-div.b_note, div.b_important, div.b_warning, div.b_info {
- margin: 1em 0; }
-
-.b_border_box {
- border: 1px solid #ACAAAA;
- padding: 1em; }
-
-/* font */
-.b_disabled {
- color: #ACAAAA; }
-
-.b_deleted {
- text-decoration: line-through; }
-
-.b_selected {
- font-weight: bold; }
-
-/* font sizes relative to parent object */
-.b_small, small {
- font-size: 90%; }
-
-.b_xsmall, sup, sub {
- font-size: 80%; }
-
-.b_large {
- font-size: 110%; }
-
-.b_xlarge, big {
- font-size: 120%; }
-
-/* text alignment: normal flow in a LTR language is left, in a RTL language it is right */
-.b_align_normal {
- text-align: left; }
-
-.b_align_center {
- text-align: center; }
-
-.b_align_inverse {
- text-align: right; }
-
-.b_quote_wrapper {
- position: relative;
- margin: 20px; }
-
-.b_quote_author {
- background: url(../../openolat/images/forum/quote.gif) no-repeat left bottom;
- padding: 10px 5px 15px 11px;
- position: relative;
- top: 1px;
- font-style: italic;
- color: #A2A2A2; }
-
-blockquote.b_quote {
- margin: 0;
- border: 1px solid #e5e5e5;
- color: black;
- padding: 8px 10px 6px;
- color: #646464;
- background: #fff; }
-
-.b_border_box {
- border: 1px solid #ccc;
- padding: 1em;
- border-radius: 2px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px; }
-
-.b_warning {
- padding: 1em;
- border: 2px #ffc659 solid;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px;
- background: #ffe49c;
- background: -moz-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe49c), color-stop(100%, #fff4da));
- background: -webkit-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
- background: -o-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
- background: -ms-linear-gradient(top, #ffe49c 0%, #fff4da 100%);
- background: linear-gradient(top, #ffe49c 0%, #fff4da 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 ); }
-
-.b_dimmed {
- /* Required for IE 5, 6, 7 */
- /* ...or something to trigger hasLayout, like zoom: 1; */
- zoom: 1;
- /* Theoretically for IE 8 & 9 (more valid) */
- /* ...but not required as filter works too */
- /* should come BEFORE filter */
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
- /* This works in IE 8 & 9 too */
- /* ... but also 5, 6, 7 */
- filter: alpha(opacity=40);
- /* Older than Firefox 0.9 */
- -moz-opacity: 0.4;
- /* Safari 1.x (pre WebKit!) */
- -khtml-opacity: 0.4;
- /* Modern!
- /* Firefox 0.9+, Safari 2?, Chrome any?
- /* Opera 9+, IE 9+ */
- opacity: 0.4; }
-
-.o_ochre {
- color: #c8a959; }
-
-/* FLOTING STYLES */
-.b_float_left {
- float: left;
- display: inline;
- margin-right: 1em;
- margin-bottom: 0.15em; }
-
-.b_float_right {
- float: right;
- display: inline;
- margin-left: 1em;
- margin-bottom: 0.15em; }
-
-.b_center {
- text-align: center;
- margin: 0.5em auto; }
-
-/* CLEAR container: additonal to b_floatbox */
-.b_floatscrollbox {
- overflow-x: auto;
- overflow-y: hidden; }
-
-.b_overflowscrollbox {
- overflow: auto; }
-
-/* =============================================================================== **/
-/* HELP, context sensitive */
-div.b_contexthelp_wrapper {
- position: relative; }
-
-a.b_contexthelp {
- display: block;
- width: 16px;
- height: 16px;
- background: url(../../openolat/images/help.png) no-repeat;
- line-height: 0;
- cursor: help; }
-
-div.b_contexthelp_wrapper a.b_contexthelp {
- position: absolute;
- top: 0;
- right: 0; }
-
-fieldset a.b_contexthelp, fieldset div.b_contexthelp_wrapper a.b_contexthelp {
- position: absolute;
- top: -1.5em;
- right: -0.8em; }
-
-#b_contexthelp_content {
- padding: 0; }
-
-#b_ch_topnav_search div.b_form_element_wrapper.b_form_horizontal {
- margin: 2px 0 0 0; }
-
-#b_contexthelp_rating {
- text-align: center;
- margin-top: 20px;
- padding: 10px;
- border-top: 1px #ACAAAA solid; }
-#b_contexthelp_rating h4 {
- font-size: 90%;
- margin: 0;
- font-style: italic; }
-#b_contexthelp_rating table {
- display: inline-block; }
-#b_contexthelp_rating table td {
- width: 50%; }
-
-.b_contexthelp_icon {
- background-image: url(../../openolat/images/help.png); }
-
-/* USER COMMENTS */
-div.b_ratings_and_comments {
- margin: 4em 0 1.5em 0;
- padding-bottom: 0.5em;
- border-bottom: 1px solid #eee;
- font-size: 0.9em;
- position: relative; }
-div.b_ratings_and_comments div.b_rating_wrapper {
- position: absolute;
- right: 0;
- bottom: 0;
- width: 150px;
- height: 4em; }
-div.b_ratings_and_comments div.b_rating {
- background: none;
- border: none;
- padding: 0;
- margin: 0;
- position: absolute;
- left: 0;
- bottom: 2px;
- width: 100%; }
-div.b_ratings_and_comments div.b_rating_personal {
- background: #fff;
- z-index: 5; }
-
-div.b_ratings_and_comments a.b_comments, div.b_eportfolio_map a.b_comments {
- background: url(../../openolat/images/comment.png) 3px 50% no-repeat;
- padding: 3px 0 1px 23px;
- vertical-align: middle;
- min-height: 18px; }
-
-div.b_comments {
- font-size: 0.9em; }
-div.b_comments div.b_comment_wrapper {
- border: 1px solid #eee;
- padding: 10px 10px 5px 10px;
- margin-bottom: 2em;
- background: #fbfbfb;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-div.b_comments div.b_comment_wrapper div.b_avatar img {
- border: 1px solid #aaa; }
-div.b_comments div.b_comment_wrapper h5 {
- font-size: 1em;
- background: url(../../openolat/images/user.png) 0 50% no-repeat;
- padding: 1px 0 1px 20px;
- vertical-align: middle;
- min-height: 16px; }
-div.b_comments div.b_comment_wrapper span.b_date {
- color: #aaaaaa;
- font-weight: normal;
- display: block;
- margin-top: 5px; }
-div.b_comments div.b_comment_wrapper div.b_comment_wrapper {
- margin-left: 7px;
- background: #fff; }
-div.b_comments div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper {
- background: #fbfbfb; }
-div.b_comments div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper {
- background: #fff; }
-div.b_comments blockquote.b_comment {
- padding: 3px 0 0 0px;
- margin: 0; }
-div.b_comments div.b_form {
- padding: 10px;
- border: 1px solid #eee;
- margin: 2em 0 2em 0;
- background: white;
- background: -moz-linear-gradient(top, white 80%, #f8f8f8 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, white), color-stop(100%, #f8f8f8));
- background: -webkit-linear-gradient(top, white 80%, #f8f8f8 100%);
- background: -o-linear-gradient(top, white 80%, #f8f8f8 100%);
- background: -ms-linear-gradient(top, white 80%, #f8f8f8 100%);
- background: linear-gradient(top, white 80%, #f8f8f8 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f8f8f8',GradientType=0 );
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-div.b_comments div.b_form h5 {
- font-size: 1em;
- margin-bottom: 0.5em; }
-div.b_comments div.b_form div.b_button_group {
- text-align: center; }
-
-.b_comment_icon {
- background-image: url(../../openolat/images/comment.png); }
-
-#b_comment_form_link {
- font-size: 0.9em;
- position: relative;
- top: -15px;
- left: 23px; }
-
-/* DATE COMPONENT */
-div.b_datecomp {
- width: 2.5em;
- height: 3em;
- position: relative;
- margin-right: 5px;
- font-weight: normal;
- color: white;
- text-align: center;
- vertical-align: middle;
- border: 1px solid #000;
- font-size: 85%; }
-div.b_datecomp div {
- width: 100%;
- position: absolute;
- left: 0; }
-div.b_datecomp div.b_year {
- height: 1em;
- top: -1.5em;
- font-size: 80%;
- font-weight: normal;
- color: #000; }
-div.b_datecomp div.b_month {
- background: #BE5B5D;
- height: 40%;
- top: 0;
- font-size: 80%;
- font-weight: normal;
- color: white; }
-div.b_datecomp div.b_day {
- background: #fff;
- height: 60%;
- bottom: 0;
- font-size: 120%;
- font-weight: bold;
- color: #000;
- border-top: 1px solid #000;
- border-bottom: 1px solid #aaaaaa; }
-
-/* RATING */
-div.b_rating {
- margin: 10px;
- padding: 5px;
- font-size: 80%;
- white-space: nowrap;
- text-align: left;
- background: #EEE;
- border: 1px solid #ACAAAA;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -o-border-radius: 4px; }
-div.b_rating div.b_rating_title {
- font-weight: bold; }
-div.b_rating div.b_rating_items {
- vertical-align: middle;
- line-height: 18px; }
-div.b_rating div.b_rating_items a {
- float: left;
- display: inline;
- width: 16px;
- height: 16px;
- background-repeat: no-repeat;
- background-position: 0 0;
- margin: 1px 4px 1px 0; }
-div.b_rating div.b_rating_items a.b_rating_item_on {
- background-image: url(../../openolat/images/star.png); }
-div.b_rating div.b_rating_items a.b_rating_item_off {
- background-image: url(../../openolat/images/star_grey.png); }
-div.b_rating div.b_rating_items a:hover {
- cursor: default; }
-div.b_rating div.b_rating_items.b_enabled a:hover {
- cursor: pointer; }
-div.b_rating div.b_rating_items.b_enabled a.b_rating_item_off:hover {
- background-image: url(../../openolat/images/star.png); }
-div.b_rating div.b_rating_explanation {
- clear: both;
- font-size: 90%; }
-
-/* AJAX AUTOCOMPLETER only color styles override */
-div.b_form_auto_completer input {
- border: 1px solid #ACAAAA;
- background: #F6F6F6;
- line-height: 1.3em;
- margin: 0px;
- padding: 0; }
-
-div.b_form_auto_completer input:focus {
- border: 1px solid #504D4E;
- background: #FFF; }
-
-div.b_form_auto_completer_item {
- background-color: #FFF;
- text-align: left;
- padding-top: 2px;
- padding-bottom: 2px; }
-
-div.b_form_auto_completer_item.x-combo-selected {
- background-color: #f3feff;
- border-left: 0 !important;
- border-right: 0 !important; }
-
-div.b_form_auto_completer_item span.b_key {
- color: #999;
- margin-right: 2px; }
-
-div.b_form_auto_completer_item.b_error_icon {
- color: #990000;
- font-style: italic; }
-
-/* ---------- smilies / emoticons in tinyMCE ------------------------ */
-/* i know, these are icons... but they must be in content.css, 'cause tinyMCE needs 'em... */
-img.b_emoticons_angel {
- background: url(../../openolat/images/emoticons/smiley-angel.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_angry {
- background: url(../../openolat/images/emoticons/smiley-mad.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_blushing {
- background: url(../../openolat/images/emoticons/smiley-red.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_confused {
- background: url(../../openolat/images/emoticons/smiley-confuse.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_cool {
- background: url(../../openolat/images/emoticons/smiley-cool.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_cry {
- background: url(../../openolat/images/emoticons/smiley-cry.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_devil {
- background: url(../../openolat/images/emoticons/smiley-evil.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_grin {
- background: url(../../openolat/images/emoticons/smiley-grin.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_kiss {
- background: url(../../openolat/images/emoticons/smiley-kiss.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_ohoh {
- background: url(../../openolat/images/emoticons/smiley-eek.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_sad {
- background: url(../../openolat/images/emoticons/smiley-sad.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_sick {
- background: url(../../openolat/images/emoticons/smiley-sad-blue.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_smile {
- background: url(../../openolat/images/emoticons/smiley.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_tongue {
- background: url(../../openolat/images/emoticons/smiley-razz.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_ugly {
- background: url(../../openolat/images/emoticons/smiley-money.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_weird {
- background: url(../../openolat/images/emoticons/smiley-nerd.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_wink {
- background: url(../../openolat/images/emoticons/smiley-wink.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-img.b_emoticons_worried {
- background: url(../../openolat/images/emoticons/smiley-roll-blue.png) no-repeat;
- width: 18px;
- height: 18px; }
-
-/** ---------------------- EXT JS PATCHES ------------------ **/
-/* (are needed here in content.css , e.g. glossary tooltip in iframes...) */
-div.b_ext_elem ol, div.b_ext_elem ul, div.b_ext_elem li {
- list-style: none;
- padding: 0;
- margin: 0; }
-
-div.b_ext_elem.x-tree .x-panel-body {
- background: transparent; }
-
-div.b_ext_tooltip_wrapper {
- padding: 1px; }
-
-.x-window-mc {
- font-size: 100%; }
-
-/* EXT TREE */
-div.b_ext_elem .x-tree-lines .x-tree-elbow-minus {
- background-image: url("../openolat/images/toggle-small.png");
- background-position: 50% 50%; }
-
-div.b_ext_elem .x-tree-lines .x-tree-elbow-plus {
- background-image: url("../openolat/images/toggle-small-expand.png");
- background-position: 50% 50%; }
-
-div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus {
- background-image: url("../openolat/images/toggle-small.png");
- background-position: 50% 50%; }
-
-div.b_ext_elem .x-tree-lines .x-tree-elbow-end-plus {
- background-image: url("../openolat/images/toggle-small-expand.png");
- background-position: 50% 50%; }
-
-div.b_ext_elem .x-tree-node-collapsed .x-tree-node-icon {
- background-image: url(../openolat/images/folder.png); }
-
-div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon {
- background-image: url(../openolat/images/folder_open.png); }
-
-div.b_ext_elem .x-tree-node-leaf .x-tree-node-icon {
- background-image: url(../openolat/images/docs/document_plain.png); }
-
-div.b_ext_elem .x-tree-selected a.x-tree-node-anchor {
- border: 1px dotted #444;
- text-decoration: none; }
-
-div.b_ext_elem .x-tree-node .x-tree-selected {
- background-color: #FFC266; }
-
-/* fix margins in tooltip */
-.x-tip dl, .x-tip dd, .x-tip-body dl, .x-tip-body dd {
- margin: 0 !important; }
-.x-tip dl, .x-tip-body dl {
- padding: 1px; }
+@charset "UTF-8";@media print{.o_noprint{display:none !important;visibility:hidden !important;height:0px !important;width:0px !important}body{font-size:10pt}div.o_wiki_wrapper div.b_subcolumns div.b_c20l{display:none}div.o_wiki_wrapper div.b_subcolumns div.b_c80r div.b_tabbedpane_tabs{display:none}#b_main.o_loginscreen{background-image:none}#b_main.o_home{background-image:none}#b_main.o_editor{background-image:none}#b_main{moz-box-shadow:0 0 0 transparent;-ms-box-shadow:0 0 0 transparent;-o-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border:none}body,#b_page_margins,#b_page,#b_main,#b_page_wrapper{margin:0;padding:0;border:0}body *{font-family:"Times New Roman", Times, serif}code,pre{font-family:"Courier New", Courier, mono}#b_page_margins,#b_page{width:100% !important;min-width:0;max-width:none}#b_footer,#b_topnav,#b_nav,#search{display:none}#b_col1,#b_col2{display:none}#b_col3{margin:0 !important;border:none !important}.b_c25l,.b_c33l,.b_c38l,.b_c50l,.b_c62l,.b_c66l,.b_c75l,.b_c25r,.b_c33r,.b_c38r,.b_c50r,.b_c62r,.b_c66r,.b_c75r{width:100%;margin:0;float:none;overflow:visible;display:table}.b_subc,.b_subcl,.b_subcr{margin:0;padding:0}h1,h2,h3,h4,h5,h6{page-break-after:avoid}#b_page a[href^="http:"],#b_page a[href^="https:"]{padding-left:0;background-image:none}#b_col1_content:before,#b_col2_content:before,#b_col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}.b_floatbox,.b_subcolumns,.b_subcolums_oldgecko{overflow:visible;display:table}#jsMath_PrintWarning{display:none !important;visibility:hidden !important;height:0px !important;width:0px !important}}textarea,pre,tt,code{font-family:Arial, sans-serif;font-size:90%;color:inherit;line-height:inherit;margin:inherit}body{font-family:Arial, sans-serif;font-size:75%;color:#444}#b_header #b_topnav,#b_nav_main,div.b_tree{font-family:Century Gothic, Apple Gothic, sans-serif}h1,h2,h3,h4,h5,h6{font-family:Century Gothic, Apple Gothic, sans-serif;font-weight:bold;margin:0 0 0.25em 0}h1{font-size:200%}h2{font-size:166.67%}h3{font-size:150%}h4{font-size:133.33%}h5{font-size:116.67%}h6{font-size:116.67%;font-style:italic}a,a:visited{text-decoration:none;color:#025d8c}a:hover{text-decoration:underline;color:#025d8c}a.b_link_extern{background:transparent url("../../openolat/images/external_link_trimmed.png") no-repeat right top;padding-right:13px}.b_link_mailto{background:transparent url("../../openolat/images/mail_small.png") no-repeat left center;padding-left:18px}cite,blockquote{font-style:italic}blockquote{margin:0 0 1em 1.5em}strong,b{font-weight:bold}em,i{font-style:italic}textarea,pre,tt,code{font-family:monospace;font-size:1.2em}acronym,abbr{letter-spacing:.07em;border-bottom:.1em dashed #c00;cursor:help}legend{padding:0 5px;color:#504D4E}hr{color:#fff;background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom:1px #eee solid}p{margin:0 0 1em 0}dt{font-weight:bold}dd{margin:0 0 1em 2em}.b_info{background:#e9eaef url(../../openolat/images/information-white.png) no-repeat 5px 5px;padding:5px 5px 5px 30px;border:1px solid #C5C4C4;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}.b_note{background:#E2E2E2;padding:1em;border:2px #B5B5B5 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}.b_important{background:#FFF1A4;padding:1em;border:2px #F4D000 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}.b_warning{background:#FFD5AA;padding:1em;border:2px #FF9E3E solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}div.b_note,div.b_important,div.b_warning,div.b_info{margin:1em 0}.b_border_box{border:1px solid #ACAAAA;padding:1em}.b_disabled{color:#ACAAAA}.b_deleted{text-decoration:line-through}.b_selected{font-weight:bold}.b_small,small{font-size:90%}.b_xsmall,sup,sub{font-size:80%}.b_large{font-size:110%}.b_xlarge,big{font-size:120%}.b_align_normal{text-align:left}.b_align_center{text-align:center}.b_align_inverse{text-align:right}.b_quote_wrapper{position:relative;margin:20px}.b_quote_author{background:url(../../openolat/images/forum/quote.gif) no-repeat left bottom;padding:10px 5px 15px 11px;position:relative;top:1px;font-style:italic;color:#A2A2A2}blockquote.b_quote{margin:0;border:1px solid #e5e5e5;color:black;padding:8px 10px 6px;color:#646464;background:#fff}.b_border_box{border:1px solid #ccc;padding:1em;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px}.b_warning{padding:1em;border:2px #ffc659 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;background:#ffe49c;background:-moz-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe49c), color-stop(100%, #fff4da));background:-webkit-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:-o-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:-ms-linear-gradient(top, #ffe49c 0%, #fff4da 100%);background:linear-gradient(top, #ffe49c 0%, #fff4da 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 )}.b_dimmed{zoom:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4}.o_ochre{color:#c8a959}div.b_contexthelp_wrapper{position:relative}a.b_contexthelp{display:block;width:16px;height:16px;background:url(../../openolat/images/help.png) no-repeat;line-height:0;cursor:help}div.b_contexthelp_wrapper a.b_contexthelp{position:absolute;top:0;right:0}fieldset a.b_contexthelp,fieldset div.b_contexthelp_wrapper a.b_contexthelp{position:absolute;top:-1.5em;right:-0.8em}#b_contexthelp_content{padding:0}#b_ch_topnav_search div.b_form_element_wrapper.b_form_horizontal{margin:2px 0 0 0}#b_contexthelp_rating{text-align:center;margin-top:20px;padding:10px;border-top:1px #ACAAAA solid}#b_contexthelp_rating h4{font-size:90%;margin:0;font-style:italic}#b_contexthelp_rating table{display:inline-block}#b_contexthelp_rating table td{width:50%}.b_contexthelp_icon{background-image:url(../../openolat/images/help.png)}div.b_ratings_and_comments{margin:4em 0 1.5em 0;padding-bottom:0.5em;border-bottom:1px solid #eee;font-size:0.9em;position:relative}div.b_ratings_and_comments div.b_rating_wrapper{position:absolute;right:0;bottom:0;width:150px;height:4em}div.b_ratings_and_comments div.b_rating{background:none;border:none;padding:0;margin:0;position:absolute;left:0;bottom:2px;width:100%}div.b_ratings_and_comments div.b_rating_personal{background:#fff;z-index:5}div.b_ratings_and_comments a.b_comments,div.b_eportfolio_map a.b_comments{background:url(../../openolat/images/comment.png) 3px 50% no-repeat;padding:3px 0 1px 23px;vertical-align:middle;min-height:18px}div.b_comments{font-size:0.9em}div.b_comments div.b_comment_wrapper{border:1px solid #eee;padding:10px 10px 5px 10px;margin-bottom:2em;background:#fbfbfb;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}div.b_comments div.b_comment_wrapper div.b_avatar img{border:1px solid #aaa}div.b_comments div.b_comment_wrapper h5{font-size:1em;background:url(../../openolat/images/user.png) 0 50% no-repeat;padding:1px 0 1px 20px;vertical-align:middle;min-height:16px}div.b_comments div.b_comment_wrapper span.b_date{color:#aaaaaa;font-weight:normal;display:block;margin-top:5px}div.b_comments div.b_comment_wrapper div.b_comment_wrapper{margin-left:7px;background:#fff}div.b_comments div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper{background:#fbfbfb}div.b_comments div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper div.b_comment_wrapper{background:#fff}div.b_comments blockquote.b_comment{padding:3px 0 0 0px;margin:0}div.b_comments div.b_form{padding:10px;border:1px solid #eee;margin:2em 0 2em 0;background:white;background:-moz-linear-gradient(top, white 80%, #f8f8f8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(80%, white), color-stop(100%, #f8f8f8));background:-webkit-linear-gradient(top, white 80%, #f8f8f8 100%);background:-o-linear-gradient(top, white 80%, #f8f8f8 100%);background:-ms-linear-gradient(top, white 80%, #f8f8f8 100%);background:linear-gradient(top, white 80%, #f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f8f8f8',GradientType=0 );border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}div.b_comments div.b_form h5{font-size:1em;margin-bottom:0.5em}div.b_comments div.b_form div.b_button_group{text-align:center}.b_comment_icon{background-image:url(../../openolat/images/comment.png)}#b_comment_form_link{font-size:0.9em;position:relative;top:-15px;left:23px}div.b_datecomp{width:2.5em;height:3em;position:relative;margin-right:5px;font-weight:normal;color:white;text-align:center;vertical-align:middle;border:1px solid #000;font-size:85%}div.b_datecomp div{width:100%;position:absolute;left:0}div.b_datecomp div.b_year{height:1em;top:-1.5em;font-size:80%;font-weight:normal;color:#000}div.b_datecomp div.b_month{background:#BE5B5D;height:40%;top:0;font-size:80%;font-weight:normal;color:white}div.b_datecomp div.b_day{background:#fff;height:60%;bottom:0;font-size:120%;font-weight:bold;color:#000;border-top:1px solid #000;border-bottom:1px solid #aaaaaa}div.b_rating{margin:10px;padding:5px;font-size:80%;white-space:nowrap;text-align:left;background:#EEE;border:1px solid #ACAAAA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}div.b_rating div.b_rating_title{font-weight:bold}div.b_rating div.b_rating_items{vertical-align:middle;line-height:18px}div.b_rating div.b_rating_items a{float:left;display:inline;width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;margin:1px 4px 1px 0}div.b_rating div.b_rating_items a.b_rating_item_on{background-image:url(../../openolat/images/star.png)}div.b_rating div.b_rating_items a.b_rating_item_off{background-image:url(../../openolat/images/star_grey.png)}div.b_rating div.b_rating_items a:hover{cursor:default}div.b_rating div.b_rating_items.b_enabled a:hover{cursor:pointer}div.b_rating div.b_rating_items.b_enabled a.b_rating_item_off:hover{background-image:url(../../openolat/images/star.png)}div.b_rating div.b_rating_explanation{clear:both;font-size:90%}div.b_form_auto_completer input{border:1px solid #ACAAAA;background:#F6F6F6;line-height:1.3em;margin:0px;padding:0}div.b_form_auto_completer input:focus{border:1px solid #504D4E;background:#FFF}div.b_form_auto_completer_item{background-color:#FFF;text-align:left;padding-top:2px;padding-bottom:2px}div.b_form_auto_completer_item.x-combo-selected{background-color:#f3feff;border-left:0 !important;border-right:0 !important}div.b_form_auto_completer_item span.b_key{color:#999;margin-right:2px}div.b_form_auto_completer_item.b_error_icon{color:#990000;font-style:italic}img.b_emoticons_angel{background:url(../../openolat/images/emoticons/smiley-angel.png) no-repeat;width:18px;height:18px}img.b_emoticons_angry{background:url(../../openolat/images/emoticons/smiley-mad.png) no-repeat;width:18px;height:18px}img.b_emoticons_blushing{background:url(../../openolat/images/emoticons/smiley-red.png) no-repeat;width:18px;height:18px}img.b_emoticons_confused{background:url(../../openolat/images/emoticons/smiley-confuse.png) no-repeat;width:18px;height:18px}img.b_emoticons_cool{background:url(../../openolat/images/emoticons/smiley-cool.png) no-repeat;width:18px;height:18px}img.b_emoticons_cry{background:url(../../openolat/images/emoticons/smiley-cry.png) no-repeat;width:18px;height:18px}img.b_emoticons_devil{background:url(../../openolat/images/emoticons/smiley-evil.png) no-repeat;width:18px;height:18px}img.b_emoticons_grin{background:url(../../openolat/images/emoticons/smiley-grin.png) no-repeat;width:18px;height:18px}img.b_emoticons_kiss{background:url(../../openolat/images/emoticons/smiley-kiss.png) no-repeat;width:18px;height:18px}img.b_emoticons_ohoh{background:url(../../openolat/images/emoticons/smiley-eek.png) no-repeat;width:18px;height:18px}img.b_emoticons_sad{background:url(../../openolat/images/emoticons/smiley-sad.png) no-repeat;width:18px;height:18px}img.b_emoticons_sick{background:url(../../openolat/images/emoticons/smiley-sad-blue.png) no-repeat;width:18px;height:18px}img.b_emoticons_smile{background:url(../../openolat/images/emoticons/smiley.png) no-repeat;width:18px;height:18px}img.b_emoticons_tongue{background:url(../../openolat/images/emoticons/smiley-razz.png) no-repeat;width:18px;height:18px}img.b_emoticons_ugly{background:url(../../openolat/images/emoticons/smiley-money.png) no-repeat;width:18px;height:18px}img.b_emoticons_weird{background:url(../../openolat/images/emoticons/smiley-nerd.png) no-repeat;width:18px;height:18px}img.b_emoticons_wink{background:url(../../openolat/images/emoticons/smiley-wink.png) no-repeat;width:18px;height:18px}img.b_emoticons_worried{background:url(../../openolat/images/emoticons/smiley-roll-blue.png) no-repeat;width:18px;height:18px}div.b_ext_elem ol,div.b_ext_elem ul,div.b_ext_elem li{list-style:none;padding:0;margin:0}div.b_ext_elem.x-tree .x-panel-body{background:transparent}div.b_ext_tooltip_wrapper{padding:1px}.x-window-mc{font-size:100%}div.b_ext_elem .x-tree-lines .x-tree-elbow-minus{background-image:url("../openolat/images/toggle-small.png");background-position:50% 50%}div.b_ext_elem .x-tree-lines .x-tree-elbow-plus{background-image:url("../openolat/images/toggle-small-expand.png");background-position:50% 50%}div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus{background-image:url("../openolat/images/toggle-small.png");background-position:50% 50%}div.b_ext_elem .x-tree-lines .x-tree-elbow-end-plus{background-image:url("../openolat/images/toggle-small-expand.png");background-position:50% 50%}div.b_ext_elem .x-tree-node-collapsed .x-tree-node-icon{background-image:url(../openolat/images/folder.png)}div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon{background-image:url(../openolat/images/folder_open.png)}div.b_ext_elem .x-tree-node-leaf .x-tree-node-icon{background-image:url(../openolat/images/docs/document_plain.png)}div.b_ext_elem .x-tree-selected a.x-tree-node-anchor{border:1px dotted #444;text-decoration:none}div.b_ext_elem .x-tree-node .x-tree-selected{background-color:#FFC266}.x-tip dl,.x-tip dd,.x-tip-body dl,.x-tip-body dd{margin:0 !important}.x-tip dl,.x-tip-body dl{padding:1px}
diff --git a/src/main/webapp/static/themes/openolat/all/content.scss b/src/main/webapp/static/themes/openolat/all/content.scss
index f1d91529f2a82dd30dec1d3cdf1ebaded888aae8..79df1398d90ff8af7f278e375d0c92ebb217a5c5 100644
--- a/src/main/webapp/static/themes/openolat/all/content.scss
+++ b/src/main/webapp/static/themes/openolat/all/content.scss
@@ -24,6 +24,10 @@
@import "mixins";
+
+// we need print-styles also (for printing iframes)
+@import "p_basemod";
+
textarea, pre, tt, code { font-family: $defaultfont; font-size: 90%; color:inherit; line-height:inherit;margin:inherit;}
body {
@@ -116,15 +120,8 @@ blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: blac
.b_dimmed { @include o-opacity(40); }
.o_ochre { color: #c8a959; }
-/* FLOTING STYLES */
-.b_float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
-.b_float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
-.b_center { text-align:center; margin: 0.5em auto }
-/* CLEAR container: additonal to b_floatbox */
-.b_floatscrollbox { overflow-x: auto; overflow-y: hidden;}
-.b_overflowscrollbox { overflow: auto;}
-
-
+
+
/* =============================================================================== **/
/* HELP, context sensitive */
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
index 574abfa861ccf887c4d90d229be8c79ddc805980..9ac276d62bd165375b96ebb7ba0665c85517f5da 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
@@ -152,11 +152,6 @@ div.b_msg_error_winicon { background: url(../openolat/images/icon_error_32.png)
}
}
-
-/* OPEN / CLOSE BOX TOGGLER */
-a.b_togglebox_closed {background: url(../openolat/images/toggle-small-expand.png) no-repeat 0 50%; padding: 1px 0 1px 14px; vertical-align: middle;}
-a.b_togglebox_opened {background: url(../openolat/images/toggle-small.png) no-repeat 0 50%; padding: 1px 0 1px 14px; vertical-align: middle;}
-div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAAA; background: #fff; }
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss b/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
index 0f1e5c0a5e59f71d952583eff91b7a436001342a..1f688d55c8dc93e07597dcd3d32e798a393dfcbb 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
@@ -157,7 +157,7 @@ div.b_eportfolio_restriction_wrapper {
a.b_togglebox_opened { z-index:10; display:block; width:9px; height:9px; padding:0; margin-left:12px; }
a.b_togglebox_closed { display:block; width:9px; height:9px; padding:0; margin-left:12px; }
p { padding:0 0 0 15px; margin:0; }
- div.b_togglebox div.b_togglebox_content { padding:3px 3px 3px 3px; margin:0; border:1px solid red; background-image:none; background-color:transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+ div.b_togglebox div.b_togglebox_content { padding:3px 3px 3px 3px; margin:0; border:1px solid red; background-image:none; background-color:transparent; @include o-border-radius(3px); }
}
div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content { border:1px solid #FF9900 !important; background:#FFF5CC url(../openolat/images/decorator/deco_warn.png) no-repeat 3px 2px !important; }
diff --git a/src/main/webapp/static/themes/openolat/layout.css b/src/main/webapp/static/themes/openolat/layout.css
index 3c7387f2ddcbe753b0c4fe9c04c93d8577c51a75..c5c73d80371e9b7e37455218addeb29a8d6b5066 100644
--- a/src/main/webapp/static/themes/openolat/layout.css
+++ b/src/main/webapp/static/themes/openolat/layout.css
@@ -87,1129 +87,284 @@
/*
* =================================================
*
-* basemod rules for OpenOLAT 8
+* ICON Rules for the OpenOLAT theme
*
* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
+* @date Dez. 2011
*
* also read themes.README!
*
-* (as of yaml compliance, contains css rules for
-* positioning and sizing elements)
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
*
* =================================================
*/
-@media all {
- html {
- min-height: 100%; }
+.b_with_small_icon_left {
+ padding: 2px 0 2px 20px;
+ min-height: 16px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
- /** ----------------- MAIN LAYOUT ----------------- **/
- /**
- * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
- * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
- *
- * @workaround
- * @affected IE8, FF, Webkit, Opera
- * @css-for all
- * @valid CSS3
- */
- body {
- min-height: 100%;
- overflow-y: scroll;
- background: #ececec url("../openolat/images/sky.png") repeat-x left 88px; }
+option.b_with_small_icon_left {
+ padding: 0 0 0 20px;
+ vertical-align: middle;
+ min-height: 11px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
- #b_page_margins {
- min-width: 740px;
- max-width: 1324px;
- margin: 0 auto;
- width: 100%;
- height: 100%; }
+.b_with_small_icon_right {
+ padding: 1px 20px 1px 0px;
+ min-height: 16px;
+ background-position: 100% 50%;
+ background-repeat: no-repeat; }
- #b_page_wrapper {
- border-bottom: 1px solid lightGrey; }
+.b_small_icon {
+ float: left;
+ display: inline;
+ width: 16px;
+ height: 16px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
- #b_main {
- background: #fff;
- clear: both;
- moz-box-shadow: 0 0 14px #d3d3d3;
- -ms-box-shadow: 0 0 14px #d3d3d3;
- -o-box-shadow: 0 0 14px #d3d3d3;
- -webkit-box-shadow: 0 0 14px #d3d3d3;
- box-shadow: 0 0 14px #d3d3d3; }
+a.b_small_icon:hover {
+ text-decoration: none; }
- #b_page a#b_toplink {
- position: absolute;
- bottom: 1em;
- right: 1em;
- background: transparent url(../openolat/images/arrow_up.png) 0 50% no-repeat;
- padding-left: 14px;
- z-index: 5; }
+/* ------- misc icons --------- */
+.b_info_icon {
+ background-image: url("../openolat/images/comment.png"); }
- #b_header, #b_page, #b_col1_content, #b_col2_content, #b_col3_content, #b_col3_content_inner {
- position: relative; }
+.b_warn_icon {
+ background-image: url("../openolat/images/exclamation.png"); }
- #b_col1 {
- overflow: hidden; }
+.b_error_icon {
+ background-image: url("../openolat/images/cross-circle.png"); }
- #b_col1_content {
- padding: 1em 10px 1em 0px; }
+.b_new_icon {
+ background-image: url("../openolat/images/new-text.png"); }
- #b_col3 {
- border-left: 1px #DDD dotted;
- border-right: 1px #DDD dotted; }
+.b_institution_icon {
+ background-image: url("../openolat/images/home.png"); }
- #b_col3_content {
- min-height: 450px;
- padding: 20px 20px 30px 20px; }
+.b_group_icon {
+ background-image: url("../openolat/images/users.png"); }
- #b_col2_content {
- overflow: hidden;
- padding: 1em 0; }
+.b_user_icon {
+ background-image: url("../openolat/images/user.png"); }
- .b_hidecol2 #b_col3 {
- margin-right: 0 !important;
- border-right: none; }
+.b_move_left_icon {
+ background-image: url("../openolat/images/arrow_left_big.png"); }
- .b_hidecol1 #b_col3 {
- margin-left: 0 !important;
- border-left: none; }
+.b_move_right_icon {
+ background-image: url("../openolat/images/arrow_right_big.png"); }
- .b_hideboth #b_col3 {
- margin-left: 0 !important;
- margin-right: 0 !important;
- border-left: none;
- border-right: none; }
+.b_move_down_icon {
+ background-image: url("../openolat/images/arrow_down_big.png"); }
- .b_hideboth #b_col1, .b_hideboth #b_col2, .b_hidecol1 #b_col1, .b_hidecol2 #b_col2, #b_ie_clearing {
- display: none; }
+.b_move_up_icon {
+ background-image: url("../openolat/images/arrow_up_big.png"); }
- .b_c15r, .b_c20r, .b_c80r, .b_c85r {
- float: right;
- margin-left: -5px; }
+.b_delete_icon {
+ background-image: url("../openolat/images/bin-metal-full.png"); }
- .b_c15l, .b_c15r {
- width: 15%; }
+.b_share_icon {
+ background-image: url("../openolat/images/share.png"); }
- .b_c20l, .b_c20r {
- width: 20%; }
+.b_status_enabled_icon {
+ background-image: url("../openolat/images/tick.png"); }
- .b_c80l, .b_c80r {
- width: 80%; }
+.b_status_disabled_icon {
+ background-image: url("../openolat/images/cross.png"); }
- .b_c85l, .b_c85r {
- width: 85%; }
+.b_edit_icon {
+ background-image: url("../openolat/images/docs/document--pencil.png"); }
- .b_subcolumns_oldgecko, .b_c20l, .b_c15l, .b_c80l, .b_c85l {
- float: left; }
+.b_add_icon {
+ background-image: url("../openolat/images/plus-circle.png"); }
- /* IFRAME */
- div.b_iframe_wrapper iframe {
- width: 100%;
- position: relative;
- top: 0;
- left: 0;
- border: none;
- margin: 0;
- padding: 0;
- background: transparent; }
+.b_open_icon {
+ background-image: url("../openolat/images/control/control.png"); }
- /* RedScreen View */
- #b_main.b_exception {
- padding-left: 165px;
- padding-right: 165px; }
+.o_fulltext_search_button {
+ background-image: url("../openolat/images/magnifier-zoom.png"); }
- /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
- #b_header {
- height: auto;
- min-height: 30px;
- overflow: hidden;
- position: relative;
- /* the top-navigation */ }
- #b_header #b_topnav {
- position: absolute;
- right: 0px;
- top: 0px;
- padding: 4px 15px 0px 0px; }
- #b_header #b_topnav ul {
- margin: 0; }
- #b_header #b_topnav #o_topnav_search input {
- line-height: 1.3em;
- margin: 0;
- width: 10em; }
- #b_header #b_topnav #o_topnav_printview a {
- background: url(../openolat/images/printer.png) no-repeat top right;
- padding: 2px 20px 2px 0;
- margin: 0; }
- #b_header #b_topnav #o_topnav_logout a {
- background: url("../openolat/images/control/control-power.png") no-repeat top right;
- padding: 2px 20px 2px 0;
- margin: 0;
- font-weight: bold; }
- #b_header #b_topnav li {
- float: left;
- list-style: none;
- margin-left: 1.7em; }
- #b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal {
- margin: 0; }
- #b_header #b_topnav li#o_topnav_imclient li {
- margin-left: 0.5em; }
+.o_help_icon {
+ background-image: url("../openolat/images/help.png"); }
- /** ----------------- MAIN NAVIGATION ( TABS ) ----------------- **/
- #b_nav_main {
- float: left; }
- #b_nav_main ul {
- padding-left: 40px;
- margin: 0; }
- #b_nav_main ul li {
- float: left;
- position: relative;
- list-style: none;
- margin: 0px;
- padding: 4px 3px 4px 12px;
- margin-right: 2px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 0;
- -webkit-border-bottom-left-radius: 0;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-topright: 6px;
- -moz-border-radius-bottomright: 0;
- -moz-border-radius-bottomleft: 0;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- background: #fff;
- background: rgba(255, 255, 255, 0.5);
- /* -- SITES ( home, users, groups, etc. ) -- */
- /* -- TABS ( courses, wiki, etc.) -- */
- /* -- THE SPACER -- */ }
- #b_nav_main ul li a {
- /* "bloat" the links (better for touch) */
- padding: 4px 12px 4px 3px; }
- #b_nav_main ul li a:hover {
- text-decoration: none; }
- #b_nav_main ul li.b_nav_site {
- /** sites icons **/ }
- #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover, #b_nav_main ul li.b_nav_site.b_exception {
- moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
- box-shadow: 0 -4px 8px -1px #d3d3d3;
- background: #fff; }
- #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close, #b_nav_main ul li.b_nav_site.b_exception a.b_nav_tab_close {
- background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
- #b_nav_main ul li.b_nav_site > div {
- padding-left: 16px;
- background-repeat: no-repeat;
- background-position: 0% 50%;
- background-image: url("../openolat/images/application.png"); }
- #b_nav_main ul li.b_nav_site.o_site_home > div {
- background-image: url("../openolat/images/home.png"); }
- #b_nav_main ul li.b_nav_site.o_site_admin > div {
- background-image: url("../openolat/images/wrench-screwdriver.png"); }
- #b_nav_main ul li.b_nav_site.o_site_useradmin > div {
- background-image: url("../openolat/images/user_conf.png"); }
- #b_nav_main ul li.b_nav_site.o_site_groupsmanagement > div {
- background-image: url("../openolat/images/users_conf.png"); }
- #b_nav_main ul li.b_nav_site.o_site_repository > div {
- background-image: url("../openolat/images/books-stack.png"); }
- #b_nav_main ul li.b_nav_site.o_site_groups > div {
- background-image: url("../openolat/images/users.png"); }
- #b_nav_main ul li.b_nav_site.site_demo_icon > div {
- background-image: url("../openolat/images/information-white.png"); }
- #b_nav_main ul li.b_nav_site.f_site_library > div {
- background-image: url("../openolat/images/library.png"); }
- #b_nav_main ul li.b_nav_site.fx_members > div {
- background-image: url("../openolat/images/users_members.png"); }
- #b_nav_main ul li.b_nav_site.o_site_guidemo div {
- background-image: url("../openolat/images/light-bulb.png"); }
- #b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
- background-image: url(../openolat/images/users.png); }
- #b_nav_main ul li.b_nav_tab {
- margin-right: 4px; }
- #b_nav_main ul li.b_nav_tab a.b_nav_tab_close {
- position: absolute;
- top: 3px;
- right: 4px;
- width: 13px;
- height: 13px;
- line-height: 0;
- padding: 0;
- margin: 0;
- background: transparent url(../openolat/images/cross_small_trimmed_grey.png) no-repeat right top; }
- #b_nav_main ul li.b_nav_tab.b_nav_active, #b_nav_main ul li.b_nav_tab:hover {
- moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
- box-shadow: 0 -4px 8px -1px #d3d3d3;
- background: #fff; }
- #b_nav_main ul li.b_nav_tab.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_tab:hover a.b_nav_tab_close {
- background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
- #b_nav_main ul li#b_nav_spacer {
- background: none;
- border: none;
- width: 20px;
- height: 1px;
- padding: 0; }
+.o_rss_icon {
+ background-image: url("../openolat/images/feed.png"); }
- /** ----------------- SUB NAVIGATION (TREE) ----------------- **/
- /* note: the markup will be the one from OLATpro, has to be merged yet */
- div.b_tree {
- font-size: 100%;
- padding: 0;
- /* the open/close node icons */ }
- div.b_tree ul {
- position: relative;
- padding: 0;
- margin: 0 0 0 1em;
- list-style: none;
- white-space: nowrap;
- /* link to select the item with icon */ }
- div.b_tree ul li {
- position: relative;
- background: transparent;
- margin-left: 0;
- padding-left: 0;
- line-height: 1.7em;
- /* selected, hovered, active <a> tag */
- /* icon positioning */
- /* decorators in tree (e.g. course-editor ) */ }
- div.b_tree ul li a.b_tree_icon {
- padding-left: 20px;
- padding-top: 2px;
- position: relative;
- background-position: 0 50%;
- background-repeat: no-repeat; }
- div.b_tree ul li a {
- color: #555555; }
- div.b_tree ul li a.b_tree_l1 {
- padding-left: 16px; }
- div.b_tree ul li .b_tree_oc_l1 {
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 9; }
- div.b_tree ul li a:focus, div.b_tree ul li a:hover {
- color: #025d8c;
- background-color: transparent;
- text-decoration: underline; }
- div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
- color: #025d8c;
- background-color: transparent;
- text-decoration: none; }
- div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
- color: #025d8c;
- font-weight: bold; }
- div.b_tree ul li .b_tree_oc_l1 {
- position: absolute;
- top: 0px;
- left: 1px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l2 {
- position: absolute;
- top: 0px;
- left: 11px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l3 {
- position: absolute;
- top: 0px;
- left: 21px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l4 {
- position: absolute;
- top: 0px;
- left: 31px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l5 {
- position: absolute;
- top: 0px;
- left: 41px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l6 {
- position: absolute;
- top: 0px;
- left: 51px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l7 {
- position: absolute;
- top: 0px;
- left: 61px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l8 {
- position: absolute;
- top: 0px;
- left: 71px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l9 {
- position: absolute;
- top: 0px;
- left: 81px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l10 {
- position: absolute;
- top: 0px;
- left: 91px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l11 {
- position: absolute;
- top: 0px;
- left: 101px;
- z-index: 9; }
- div.b_tree ul li a.b_tree_l0 {
- padding-left: 5px; }
- div.b_tree ul li a.b_tree_l1 {
- padding-left: 15px; }
- div.b_tree ul li a.b_tree_l2 {
- padding-left: 25px; }
- div.b_tree ul li a.b_tree_l3 {
- padding-left: 35px; }
- div.b_tree ul li a.b_tree_l4 {
- padding-left: 45px; }
- div.b_tree ul li a.b_tree_l5 {
- padding-left: 55px; }
- div.b_tree ul li a.b_tree_l6 {
- padding-left: 65px; }
- div.b_tree ul li a.b_tree_l7 {
- padding-left: 75px; }
- div.b_tree ul li a.b_tree_l8 {
- padding-left: 85px; }
- div.b_tree ul li a.b_tree_l9 {
- padding-left: 95px; }
- div.b_tree ul li a.b_tree_l10 {
- padding-left: 105px; }
- div.b_tree ul li a.b_tree_l11 {
- padding-left: 115px; }
- div.b_tree ul li span.b_tree_icon_decorator {
- width: 12px;
- height: 12px;
- float: right;
- display: inline;
- position: static;
- background-repeat: no-repeat; }
- div.b_tree ul.b_tree_l0 a.b_tree_icon {
- padding-left: 26px;
- background-position: 8px 50%; }
- div.b_tree ul.b_tree_l1 a.b_tree_icon {
- padding-left: 36px;
- background-position: 18px 50%; }
- div.b_tree ul.b_tree_l2 a.b_tree_icon {
- padding-left: 46px;
- background-position: 28px 50%; }
- div.b_tree ul.b_tree_l3 a.b_tree_icon {
- padding-left: 56px;
- background-position: 38px 50%; }
- div.b_tree ul.b_tree_l4 a.b_tree_icon {
- padding-left: 66px;
- background-position: 48px 50%; }
- div.b_tree ul.b_tree_l5 a.b_tree_icon {
- padding-left: 76px;
- background-position: 58px 50%; }
- div.b_tree ul.b_tree_l6 a.b_tree_icon {
- padding-left: 86px;
- background-position: 68px 50%; }
- div.b_tree ul.b_tree_l7 a.b_tree_icon {
- padding-left: 96px;
- background-position: 78px 50%; }
- div.b_tree ul.b_tree_l8 a.b_tree_icon {
- padding-left: 106px;
- background-position: 88px 50%; }
- div.b_tree ul.b_tree_l9 a.b_tree_icon {
- padding-left: 116px;
- background-position: 98px 50%; }
- div.b_tree ul.b_tree_l10 a.b_tree_icon {
- padding-left: 126px;
- background-position: 108px 50%; }
- div.b_tree ul.b_tree_l11 a.b_tree_icon {
- padding-left: 136px;
- background-position: 118px 50%; }
- div.b_tree a.b_tree_level_close span {
- background: url("../openolat/images/toggle-small.png") no-repeat 0% 50%;
- padding-right: 8px; }
- div.b_tree a.b_tree_level_open span {
- background: url("../openolat/images/toggle-small-expand.png") no-repeat 0% 50%;
- padding-right: 8px; }
- div.b_tree a.b_tree_level_close:hover, div.b_tree a.b_tree_level_open:hover {
- text-decoration: none; }
+.o_login_guests {
+ background-image: url("../openolat/images/user_silhouette.png"); }
- /** ----------------- FOOTER ----------------- **/
- #b_footer {
- color: #9D9D9D;
- padding: 8px 20px;
- margin-top: 12px; }
- #b_footer .b_floatbox {
- padding-top: 8px;
- border-top: 1px solid #ddd; }
- #b_footer #b_footer_user {
- float: left;
- line-height: 16px; }
- #b_footer #b_footer_user a.b_ajax {
- background: url(../openolat/images/ajax.png) no-repeat;
- width: 20px;
- height: 16px;
- display: block;
- float: left; }
- #b_footer #b_footer_version {
- float: right;
- display: block; }
- #b_footer #b_footer_powered {
- text-align: center;
- width: auto;
- background: none; }
- #b_footer #b_footer_powered a {
- display: inline; }
+.o_login_pwd {
+ background-image: url("../openolat/images/user_excl.png"); }
- /* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
- #b_main.b_menu_toolbar #b_col1_content {
- padding-top: 0;
- padding-right: 0; }
+.o_login_register {
+ background-image: url("../openolat/images/user_register.png"); }
- #b_main.b_menu_toolbar #b_col3_content {
- padding: 0; }
+.o_news_icon {
+ background-image: url("../openolat/images/information-white.png"); }
- div.b_menu_toolbar {
- background: #f9f9f9;
- background: -moz-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d0d0d0));
- background: -webkit-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: -o-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: -ms-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 );
- border-bottom: 1px solid #7D7D7D;
- padding: 5px 5px 2px 0; }
+.o_course_icon {
+ background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
- /* breadcrumbs */
- div.b_breadcumb_path {
- padding: 0;
- margin: 0;
- float: left;
- display: inline; }
- div.b_breadcumb_path ul {
- padding: 0;
- margin: 0;
- list-style: none;
- float: left;
- display: inline; }
- div.b_breadcumb_path ul li {
- padding: 0 7px 0 14px;
- margin: 0;
- list-style: none;
- float: left;
- display: inline;
- background: url(../openolat/images/breadcrumb-separator.png) no-repeat left center; }
- div.b_breadcumb_path ul li.b_first {
- background: url(../openolat/images/home.png) no-repeat top left;
- padding-left: 25px; }
- div.b_breadcumb_path ul li a {
- color: #464444; }
- div.b_breadcumb_path ul li span.b_disabled {
- color: #000;
- padding: 0 10px 0 0;
- margin: 0; }
+.o_chat_icon {
+ background-image: url("../openolat/images/balloons-box.png"); }
- div.b_breadcumb_content {
- clear: both;
- margin-top: 0.5em;
- padding-top: 0.5em;
- border-top: 1px solid #ACAAAA; }
+.o_admin_icon {
+ background-image: url("../openolat/images/wrench-screwdriver.png"); }
- /* NOTIFICATIONS */
- div.b_noti {
- border: 1px solid #E9EAEF;
- padding: 3px 23px 3px 3px;
- float: right;
- display: inline;
- position: relative;
- right: 0;
- font-size: 95%; }
- div.b_noti a.b_contexthelp {
- position: absolute;
- top: 2px;
- right: 2px; }
- div.b_noti a.b_noti_unsubscribe_link {
- background: url(../openolat/images/mail--minus.png) no-repeat left 50%;
- padding: 1px 0 1px 20px; }
- div.b_noti a.b_noti_subscribe_link {
- background: url(../openolat/images/mail--plus.png) no-repeat left 50%;
- padding: 1px 0 1px 20px; }
- div.b_noti a.b_noti_markedread_link {
- background: url(../openolat/images/tick.png) no-repeat left 50%;
- padding: 1px 0 1px 20px; }
+.o_calendar_icon {
+ background-image: url("../openolat/images/calendar.png"); }
- /* ---------- TITLE Wrapper --------------- */
- div.b_titled_wrapper div.b_noti {
- position: absolute;
- right: 25px;
- top: 0px; }
+/** ------- FLAGS ------ **/
+.b_flag_en {
+ background-image: url("../openolat/images/flags/gb.png"); }
- div.b_titled_wrapper fieldset div.b_noti {
- top: 12px; }
+.b_flag_de {
+ background-image: url("../openolat/images/flags/de.png"); }
- h1.b_titled_wrapper span {
- padding-right: 4em;
- font-style: italic; }
+.b_flag_fr {
+ background-image: url("../openolat/images/flags/fr.png"); }
- h2.b_titled_wrapper span {
- padding-right: 4em;
- font-style: italic; }
+.b_flag_it {
+ background-image: url("../openolat/images/flags/it.png"); }
- h3.b_titled_wrapper span {
- padding-right: 4em;
- font-style: italic; }
+.b_flag_es {
+ background-image: url("../openolat/images/flags/es.png"); }
- h4.b_titled_wrapper span {
- padding-right: 3em;
- font-style: italic; }
+.b_flag_da {
+ background-image: url("../openolat/images/flags/dk.png"); }
- h5.b_titled_wrapper span {
- padding-right: 3em;
- font-style: italic; }
+.b_flag_cs {
+ background-image: url("../openolat/images/flags/cz.png"); }
- div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
- background: #fff;
- border: 0px;
- padding: 0px; }
- div.b_titled_wrapper a.b_togglebox_opened {
- z-index: 10;
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- top: 5px;
- left: 5px;
- background: url(../openolat/images/information-white.png) no-repeat 0 50%;
- padding: 0; }
- div.b_titled_wrapper a.b_togglebox_closed {
- display: block;
- width: 20px;
- height: 20px;
- background: url(../openolat/images/information-white.png) no-repeat top left;
- padding: 0;
- /* Required for IE 5, 6, 7 */
- /* ...or something to trigger hasLayout, like zoom: 1; */
- zoom: 1;
- /* Theoretically for IE 8 & 9 (more valid) */
- /* ...but not required as filter works too */
- /* should come BEFORE filter */
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
- /* This works in IE 8 & 9 too */
- /* ... but also 5, 6, 7 */
- filter: alpha(opacity=60);
- /* Older than Firefox 0.9 */
- -moz-opacity: 0.6;
- /* Safari 1.x (pre WebKit!) */
- -khtml-opacity: 0.6;
- /* Modern!
- /* Firefox 0.9+, Safari 2?, Chrome any?
- /* Opera 9+, IE 9+ */
- opacity: 0.6; }
- div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
- position: relative;
- margin-bottom: 1em; }
- div.b_titled_wrapper a.b_togglebox_hide span {
- position: absolute;
- bottom: 0;
- right: 0;
- padding: 0 6px 3px 0; }
- div.b_titled_wrapper a.b_togglebox_hide:hover {
- text-decoration: underline; }
+.b_flag_el {
+ background-image: url("../openolat/images/flags/gr.png"); }
- /* Needed for IE6 */
- div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives {
- position: relative; }
+.b_flag_ru {
+ background-image: url("../openolat/images/flags/ru.png"); }
- div.o_course_run_dropbox div.b_noti {
- position: relative;
- top: 0;
- right: 25px;
- border: 1px solid #FFFFFF; }
+.b_flag_pl {
+ background-image: url("../openolat/images/flags/pl.png"); }
- div.o_course_run_returnbox div.b_noti {
- position: relative;
- top: 0;
- right: 25px;
- border: 1px solid #FFFFFF; }
+.b_flag_zh_CN {
+ background-image: url("../openolat/images/flags/cn.png"); }
- div.o_course_run_solutionbox div.b_noti {
- position: relative;
- top: 0;
- right: 25px;
- border: 1px solid #FFFFFF; }
+.b_flag_zh_TW {
+ background-image: url("../openolat/images/flags/tw.png"); }
- /** ------------------ CATALOG ------------------------ **/
- div.o_catalog div.o_catalog_title {
- display: none; }
- div.o_catalog div.o_catalog_nav {
- font-size: 95%;
- padding: 1px 0 1px 20px;
- border-bottom: 1px solid #EEE;
- background: url(../openolat/images/folder_open.png) 0 50% no-repeat; }
- div.o_catalog div.o_catalog_links {
- margin-top: 1em;
- padding-top: 1em;
- border-top: 1px solid #EEE; }
+.b_flag_lt {
+ background-image: url("../openolat/images/flags/lt.png"); }
- /** -------------- TAGGING ---------------- **/
- /* tagging */
- .b_tag_list {
- background: url(../openolat/images/tag-label-yellow.png) 0px 3px no-repeat !important; }
+.b_flag_fa {
+ background-image: url("../openolat/images/flags/ir.png"); }
- .b_tag_icon {
- background-image: url(../openolat/images/tag-label-yellow.png); }
+.b_flag_pt_PT {
+ background-image: url("../openolat/images/flags/pt.png"); }
- div.b_tags {
- margin: 2em 0; }
- div.b_tags div {
- padding: 0.5em 0 0 20px; }
- div.b_tags span.b_tag {
- font-size: 80%;
- padding: 5px 2px 5px 2px;
- line-height: 3em;
- white-space: nowrap; }
+.b_flag_pt_BR {
+ background-image: url("../openolat/images/flags/br.png"); }
- div.o_ep_toc_editor div.b_subcl {
- min-height: 35em; }
+.b_flag_tr {
+ background-image: url("../openolat/images/flags/tr.png"); }
- div.o_ep_struct_editor div.b_subcr {
- min-height: 35em;
- background: #FFF;
- padding-right: 1em;
- overflow-x: auto; }
+.b_flag_hu {
+ background-image: url("../openolat/images/flags/hu.png"); }
- div.b_struct_edit_btn {
- float: right;
- display: inline; }
+.b_flag_sq {
+ background-image: url("../openolat/images/flags/al.png"); }
- div.b_struct_submit_assess_btn {
- float: right;
- display: inline; }
+.b_flag_in {
+ background-image: url("../openolat/images/flags/id.png"); }
- /* TextboxList */
- *:first-child + html div.holder {
- padding-bottom: 2px; }
+.b_flag_ar {
+ background-image: url("../openolat/images/flags/eg.png"); }
- * html div.holder {
- padding-bottom: 2px; }
+.b_flag_rm {
+ background-image: url("../openolat/images/flags/rm.png"); }
- /* ie7 and below */
- .textbox-outer {
- list-style-type: none;
- margin-left: 0em; }
+.b_flag_af {
+ background-image: url("../openolat/images/flags/za.png"); }
- div.holder {
- font-size: 80%; }
+.b_flag_vi {
+ background-image: url("../openolat/images/flags/vn.png"); }
- .textboxlist-auto {
- position: absolute;
- width: 300px;
- overflow: show; }
+.b_flag_mn {
+ background-image: url("../openolat/images/flags/mn.png"); }
- /* autocompleter bitbox (item) holder */
- a.bit-box, span.b_tag {
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
- border: 1px solid #CAD8F3;
- background: #DEE7F8;
- padding: 1px 5px 2px;
- padding-right: 15px;
- position: relative; }
+.b_flag_iw {
+ background-image: url("../openolat/images/flags/il.png"); }
- div.holder {
- min-width: 200px;
- width: auto;
- margin: 0;
- overflow: hidden;
- height: auto !important;
- height: 1%;
- padding: 0px 0px 0;
- cursor: text;
- /* no left/right padding here please */ }
- div.holder a {
- float: left;
- margin: 0 5px 4px 0; }
- div.holder a.bit {
- text-decoration: none;
- color: black; }
- div.holder a.bit:active, div.holder a.bit:focus {
- outline: none; }
- div.holder a.bit-box-focus {
- border-color: #598BEC;
- background: #598BEC;
- color: #fff; }
- div.holder a.bit-input input {
- width: 100px;
- margin: 0;
- border: none;
- background: white;
- outline: 0;
- padding: 3px 0 2px; }
- div.holder a.bit-input input.smallinput {
- width: 20px; }
- div.holder a.bit-hover {
- background: #BBCEF1;
- border: 1px solid #6D95E0; }
- div.holder a.bit-box-focus {
- background: #598BEC;
- color: #fff; }
- div.holder a.bit-box a.closebutton {
- position: absolute;
- right: 0;
- top: 5px;
- display: block;
- width: 7px;
- height: 7px;
- font-size: 1px;
- background: url("../openolat/images/tag_x.gif"); }
- div.holder a.bit-box a.closebutton:hover {
- background-position: 7px; }
- div.holder a.bit-box a.closebutton:active {
- outline: none; }
- div.holder a.bit-box-focus a.closebutton, div.holder a.bit-box-focus a.closebutton:hover {
- background-position: bottom; }
+.b_flag_ko {
+ background-image: url("../openolat/images/flags/kr.png"); }
- .b_wizard .textbox-outer {
- background: url(../openolat/images/tag-label-yellow.png) top left no-repeat; }
- .b_wizard .textbox-outer li {
- margin-left: 18px; }
- .b_wizard div.holder a.bit-input input {
- background: #f8f8f8;
- padding: 0.4em; }
+.b_flag_nl_NL {
+ background-image: url("../openolat/images/flags/nl.png"); }
- /* Autocompleter for textboxlist */
- ol.textbox-outer {
- margin: 0;
- padding: 0; }
+.b_flag_jp {
+ background-image: url("../openolat/images/flags/jp.png"); }
- .textboxlist-auto {
- display: none;
- background: #eee; }
- .textboxlist-auto .default {
- padding: 5px 7px;
- border: 1px solid #ccc;
- border-width: 0 1px 1px; }
- .textboxlist-auto ul {
- display: none;
- margin: 0;
- padding: 0;
- overflow: auto; }
- .textboxlist-auto ul li {
- padding: 5px 12px;
- z-index: 1000;
- cursor: pointer;
- margin: 0;
- list-style-type: none;
- border: 1px solid #ccc;
- border-width: 0 1px 1px; }
- .textboxlist-auto ul li.loading-indicator {
- padding-left: 30px;
- background-position: 5px center;
- cursor: defat;
- font-size: 100.01% !important;
- line-height: 1.5em; }
- .textboxlist-auto ul li.more-indicator {
- cursor: defat;
- font-style: italic; }
- .textboxlist-auto ul li em {
- font-weight: bold;
- font-style: normal;
- background: #ccc; }
- .textboxlist-auto ul li.auto-focus {
- background: #4173CC;
- color: #fff; }
- .textboxlist-auto ul li.auto-focus em {
- background: none; }
+.b_flag_nb_NO {
+ background-image: url("../openolat/images/flags/no.png"); }
- input.inputMessage {
- color: #AAA;
- font-size: 11px; } }
-/*
-* =================================================
-*
-* ICON Rules for the OpenOLAT theme
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Dez. 2011
-*
-* also read themes.README!
-*
-*
-* =================================================
-*/
-.b_with_small_icon_left {
- padding: 2px 0 2px 20px;
- min-height: 16px;
- background-position: 0 50%;
- background-repeat: no-repeat; }
+.b_flag_et_EE {
+ background-image: url("../openolat/images/flags/ee.png"); }
-option.b_with_small_icon_left {
- padding: 0 0 0 20px;
- vertical-align: middle;
- min-height: 11px;
- background-position: 0 50%;
- background-repeat: no-repeat; }
+.b_flag_bg {
+ background-image: url("../openolat/images/flags/bg.png"); }
-.b_with_small_icon_right {
- padding: 1px 20px 1px 0px;
- min-height: 16px;
- background-position: 100% 50%;
- background-repeat: no-repeat; }
+.b_flag_hi_IN_ASIA {
+ background-image: url("../openolat/images/flags/in.png"); }
-.b_small_icon {
- float: left;
- display: inline;
- width: 16px;
- height: 16px;
- background-position: 0 50%;
- background-repeat: no-repeat; }
+.b_flag_ar_LB {
+ background-image: url("../openolat/images/flags/lb.png"); }
-a.b_small_icon:hover {
- text-decoration: none; }
+.b_flag_de_FX_business {
+ background-image: url("../openolat/images/flags/de.png"); }
-/* ------- misc icons --------- */
-.b_info_icon {
- background-image: url("../openolat/images/comment.png"); }
+.b_flag_de_FX_school {
+ background-image: url("../openolat/images/flags/de.png"); }
-.b_warn_icon {
- background-image: url("../openolat/images/exclamation.png"); }
+.b_flag_en_FX_business {
+ background-image: url("../openolat/images/flags/gb.png"); }
-.b_error_icon {
- background-image: url("../openolat/images/cross-circle.png"); }
+.b_flag_en_FX_school {
+ background-image: url("../openolat/images/flags/gb.png"); }
-.b_new_icon {
- background-image: url("../openolat/images/new-text.png"); }
+/** ------- FILE TYPES ------- **/
+/* first the default that is used as base class. will be overriden by following classes */
+.b_filetype_file, .b_filetype_ico {
+ background-image: url("../openolat/images/docs/document_plain.png") !important; }
-.b_institution_icon {
- background-image: url("../openolat/images/home.png"); }
+/* filesystem icons, mark important to override ext definitions */
+.b_filetype_avi_icon {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
-.b_group_icon {
- background-image: url("../openolat/images/users.png"); }
+.b_filetype_bat_icon {
+ background-image: url("../openolat/images/docs/document-binary.png") !important; }
-.b_user_icon {
- background-image: url("../openolat/images/user.png"); }
+.b_filetype_bmp {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
-.b_move_left_icon {
- background-image: url("../openolat/images/arrow_left_big.png"); }
+.b_filetype_css {
+ background-image: url("../openolat/images/docs/document_tags.png") !important; }
-.b_move_right_icon {
- background-image: url("../openolat/images/arrow_right_big.png"); }
+.b_filetype_doc, .b_filetype_docx {
+ background-image: url("../openolat/images/docs/document-word.png") !important; }
-.b_move_down_icon {
- background-image: url("../openolat/images/arrow_down_big.png"); }
+.b_filetype_dvi {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
-.b_move_up_icon {
- background-image: url("../openolat/images/arrow_up_big.png"); }
+.b_filetype_exe {
+ background-image: url("../openolat/images/docs/document-binary.png") !important; }
-.b_delete_icon {
- background-image: url("../openolat/images/bin-metal-full.png"); }
+div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open {
+ background-image: url("../openolat/images/folder_open.png") !important; }
-.b_share_icon {
- background-image: url("../openolat/images/share.png"); }
+.b_filetype_folder {
+ background-image: url("../openolat/images/folder.png") !important; }
-.b_status_enabled_icon {
- background-image: url("../openolat/images/tick.png"); }
-
-.b_status_disabled_icon {
- background-image: url("../openolat/images/cross.png"); }
-
-.b_edit_icon {
- background-image: url("../openolat/images/docs/document--pencil.png"); }
-
-.b_add_icon {
- background-image: url("../openolat/images/plus-circle.png"); }
-
-.b_open_icon {
- background-image: url("../openolat/images/control/control.png"); }
-
-.o_fulltext_search_button {
- background-image: url("../openolat/images/magnifier-zoom.png"); }
-
-.o_help_icon {
- background-image: url("../openolat/images/help.png"); }
-
-.o_rss_icon {
- background-image: url("../openolat/images/feed.png"); }
-
-.o_login_guests {
- background-image: url("../openolat/images/user_silhouette.png"); }
-
-.o_login_pwd {
- background-image: url("../openolat/images/user_excl.png"); }
-
-.o_login_register {
- background-image: url("../openolat/images/user_register.png"); }
-
-.o_news_icon {
- background-image: url("../openolat/images/information-white.png"); }
-
-.o_course_icon {
- background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
-
-.o_chat_icon {
- background-image: url("../openolat/images/balloons-box.png"); }
-
-.o_admin_icon {
- background-image: url("../openolat/images/wrench-screwdriver.png"); }
-
-.o_calendar_icon {
- background-image: url("../openolat/images/calendar.png"); }
-
-/** ------- FLAGS ------ **/
-.b_flag_en {
- background-image: url("../openolat/images/flags/gb.png"); }
-
-.b_flag_de {
- background-image: url("../openolat/images/flags/de.png"); }
-
-.b_flag_fr {
- background-image: url("../openolat/images/flags/fr.png"); }
-
-.b_flag_it {
- background-image: url("../openolat/images/flags/it.png"); }
-
-.b_flag_es {
- background-image: url("../openolat/images/flags/es.png"); }
-
-.b_flag_da {
- background-image: url("../openolat/images/flags/dk.png"); }
-
-.b_flag_cs {
- background-image: url("../openolat/images/flags/cz.png"); }
-
-.b_flag_el {
- background-image: url("../openolat/images/flags/gr.png"); }
-
-.b_flag_ru {
- background-image: url("../openolat/images/flags/ru.png"); }
-
-.b_flag_pl {
- background-image: url("../openolat/images/flags/pl.png"); }
-
-.b_flag_zh_CN {
- background-image: url("../openolat/images/flags/cn.png"); }
-
-.b_flag_zh_TW {
- background-image: url("../openolat/images/flags/tw.png"); }
-
-.b_flag_lt {
- background-image: url("../openolat/images/flags/lt.png"); }
-
-.b_flag_fa {
- background-image: url("../openolat/images/flags/ir.png"); }
-
-.b_flag_pt_PT {
- background-image: url("../openolat/images/flags/pt.png"); }
-
-.b_flag_pt_BR {
- background-image: url("../openolat/images/flags/br.png"); }
-
-.b_flag_tr {
- background-image: url("../openolat/images/flags/tr.png"); }
-
-.b_flag_hu {
- background-image: url("../openolat/images/flags/hu.png"); }
-
-.b_flag_sq {
- background-image: url("../openolat/images/flags/al.png"); }
-
-.b_flag_in {
- background-image: url("../openolat/images/flags/id.png"); }
-
-.b_flag_ar {
- background-image: url("../openolat/images/flags/eg.png"); }
-
-.b_flag_rm {
- background-image: url("../openolat/images/flags/rm.png"); }
-
-.b_flag_af {
- background-image: url("../openolat/images/flags/za.png"); }
-
-.b_flag_vi {
- background-image: url("../openolat/images/flags/vn.png"); }
-
-.b_flag_mn {
- background-image: url("../openolat/images/flags/mn.png"); }
-
-.b_flag_iw {
- background-image: url("../openolat/images/flags/il.png"); }
-
-.b_flag_ko {
- background-image: url("../openolat/images/flags/kr.png"); }
-
-.b_flag_nl_NL {
- background-image: url("../openolat/images/flags/nl.png"); }
-
-.b_flag_jp {
- background-image: url("../openolat/images/flags/jp.png"); }
-
-.b_flag_nb_NO {
- background-image: url("../openolat/images/flags/no.png"); }
-
-.b_flag_et_EE {
- background-image: url("../openolat/images/flags/ee.png"); }
-
-.b_flag_bg {
- background-image: url("../openolat/images/flags/bg.png"); }
-
-.b_flag_hi_IN_ASIA {
- background-image: url("../openolat/images/flags/in.png"); }
-
-.b_flag_ar_LB {
- background-image: url("../openolat/images/flags/lb.png"); }
-
-.b_flag_de_FX_business {
- background-image: url("../openolat/images/flags/de.png"); }
-
-.b_flag_de_FX_school {
- background-image: url("../openolat/images/flags/de.png"); }
-
-.b_flag_en_FX_business {
- background-image: url("../openolat/images/flags/gb.png"); }
-
-.b_flag_en_FX_school {
- background-image: url("../openolat/images/flags/gb.png"); }
-
-/** ------- FILE TYPES ------- **/
-/* first the default that is used as base class. will be overriden by following classes */
-.b_filetype_file, .b_filetype_ico {
- background-image: url("../openolat/images/docs/document_plain.png") !important; }
-
-/* filesystem icons, mark important to override ext definitions */
-.b_filetype_avi_icon {
- background-image: url("../openolat/images/docs/document-film.png") !important; }
-
-.b_filetype_bat_icon {
- background-image: url("../openolat/images/docs/document-binary.png") !important; }
-
-.b_filetype_bmp {
- background-image: url("../openolat/images/docs/document-image.png") !important; }
-
-.b_filetype_css {
- background-image: url("../openolat/images/docs/document_tags.png") !important; }
-
-.b_filetype_doc, .b_filetype_docx {
- background-image: url("../openolat/images/docs/document-word.png") !important; }
-
-.b_filetype_dvi {
- background-image: url("../openolat/images/docs/document-film.png") !important; }
-
-.b_filetype_exe {
- background-image: url("../openolat/images/docs/document-binary.png") !important; }
-
-div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open {
- background-image: url("../openolat/images/folder_open.png") !important; }
-
-.b_filetype_folder {
- background-image: url("../openolat/images/folder.png") !important; }
-
-.b_filetype_gif {
- background-image: url("../openolat/images/docs/document-image.png") !important; }
+.b_filetype_gif {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
.b_filetype_gz {
background-image: url("../openolat/images/docs/document-zipper.png") !important; }
@@ -1427,143 +582,1017 @@ li a.b_toolbox_publish {
li a.b_toolbox_move {
background-image: url("../openolat/images/docs/document_move.png"); }
-li a.b_toolbox_close {
- background-image: url("../openolat/images/close.png"); }
+li a.b_toolbox_close {
+ background-image: url("../openolat/images/close.png"); }
+
+li a.b_toolbox_delete {
+ background-image: url("../openolat/images/bin-metal-full.png"); }
+
+li a.b_toolbox_copy, .b_copy_icon {
+ background-image: url("../openolat/images/docs/document-copy.png"); }
+
+/* --------- menu icon decorators -------- */
+.o_midlock {
+ top: 9px;
+ left: 9px;
+ background-image: url("../openolat/images/decorator/deco_condition.png"); }
+
+.o_miderr {
+ top: 8px;
+ left: -2px;
+ background-image: url("../openolat/images/decorator/deco_error.png"); }
+
+.o_midwarn {
+ top: 8px;
+ left: -2px;
+ background-image: url("../openolat/images/decorator/deco_warn.png"); }
+
+.o_midpub {
+ top: -2px;
+ left: 9px;
+ background-image: url("../openolat/images/decorator/deco_ok.png"); }
+
+/* --------- course building block icons ------------------- */
+.o_bc_icon {
+ background-image: url("../openolat/images/folder.png") !important; }
+
+.o_co_icon {
+ background-image: url("../openolat/images/mail.png") !important; }
+
+.o_cp_icon {
+ background-image: url("../openolat/images/le_resources/box.png") !important; }
+
+.o_cp_org {
+ background-image: url("../openolat/images/le_resources/box.png") !important; }
+
+.o_cp_item {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.o_dialog_icon {
+ background-image: url("../openolat/images/docs/document_discuss.png") !important; }
+
+.o_en_icon {
+ background-image: url("../openolat/images/enrol.png") !important; }
+
+.o_fo_icon {
+ background-image: url("../openolat/images/forum/forum.png") !important; }
+
+.o_iqself_icon {
+ background-image: url("../openolat/images/le_resources/selftest.png") !important; }
+
+.o_iqsurv_icon {
+ background-image: url("../openolat/images/le_resources/survey.png") !important; }
+
+.o_iqtest_icon {
+ background-image: url("../openolat/images/le_resources/test.png") !important; }
+
+.o_ms_icon {
+ background-image: url("../openolat/images/le_resources/thumb-up.png") !important; }
+
+.o_scorm_icon, .o_scorm_org {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+
+.o_scorm_item {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.o_scorm_asset {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+
+.o_sp_icon {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.o_st_icon {
+ background-image: url("../openolat/images/node-select-all.png") !important; }
+
+.o_ta_icon {
+ background-image: url("../openolat/images/docs/document-task.png") !important; }
+
+.o_tu_icon {
+ background-image: url("../openolat/images/docs/document-import.png") !important; }
+
+.o_wiki_icon {
+ background-image: url("../openolat/images/le_resources/wiki.png") !important; }
+
+.o_ll_icon {
+ background-image: url("../openolat/images/docs/document_linklist.png") !important; }
+
+.o_cl_icon {
+ background-image: url("../openolat/images/clipboard-task.png") !important; }
+
+.o_den_icon {
+ background-image: url("../openolat/images/clock.png") !important; }
+
+.o_projectbroker_icon {
+ background-image: url("../openolat/images/projectbroker.png") !important; }
+
+.o_podcast_icon {
+ background-image: url("../openolat/images/le_resources/media-player-cast.png") !important; }
+
+.o_blog_icon {
+ background-image: url("../openolat/images/le_resources/blog.png") !important; }
+
+.o_cal_icon {
+ background-image: url("../openolat/images/calendar.png") !important; }
+
+.o_lti_icon {
+ background-image: url("../openolat/images/docs/document-node.png") !important; }
+
+/* <OLATCE-103> */
+.o_vc_icon {
+ background-image: url("../openolat/images/projection-screen.png") !important; }
+
+/* </OLATCE-103> */
+.o_vitero_icon {
+ background-image: url("../openolat/images/vitero.png") !important; }
+
+.o_ep_icon, .o_EPStructuredMapTemplate_icon {
+ background-image: url("../openolat/images/le_resources/portfolio.png") !important; }
+
+.o_infomsg_icon {
+ background-image: url("../openolat/images/information-button.png") !important; }
+
+.o_cmembers_icon {
+ background-image: url("../openolat/images/users.png") !important; }
+
+.fx_members_icon {
+ background-image: url("../openolat/images/users_members.png") !important; }
+
+body#b_body .o_CourseModule_icon_closed {
+ background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
+
+/*
+* =================================================
+*
+* basemod rules for OpenOLAT 8
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Nov. 2011
+*
+* also read themes.README!
+*
+* (as of yaml compliance, contains css rules for
+* positioning and sizing elements)
+*
+* this file is included in layout.scss
+* it is not compiled to a separate css-file...
+*
+* =================================================
+*/
+@media all {
+ html {
+ min-height: 100%; }
+
+ /** ----------------- MAIN LAYOUT ----------------- **/
+ /**
+ * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
+ * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
+ *
+ * @workaround
+ * @affected IE8, FF, Webkit, Opera
+ * @css-for all
+ * @valid CSS3
+ */
+ body {
+ min-height: 100%;
+ overflow-y: scroll;
+ background: #ececec url("../openolat/images/sky.png") repeat-x left 88px; }
+
+ #b_page_margins {
+ min-width: 740px;
+ max-width: 1324px;
+ margin: 0 auto;
+ width: 100%;
+ height: 100%; }
+
+ #b_page_wrapper {
+ border-bottom: 1px solid lightGrey; }
+
+ #b_main {
+ background: #fff;
+ clear: both;
+ moz-box-shadow: 0 0 14px #d3d3d3;
+ -ms-box-shadow: 0 0 14px #d3d3d3;
+ -o-box-shadow: 0 0 14px #d3d3d3;
+ -webkit-box-shadow: 0 0 14px #d3d3d3;
+ box-shadow: 0 0 14px #d3d3d3; }
+
+ #b_page a#b_toplink {
+ position: absolute;
+ bottom: 1em;
+ right: 1em;
+ background: transparent url(../openolat/images/arrow_up.png) 0 50% no-repeat;
+ padding-left: 14px;
+ z-index: 5; }
+
+ #b_header, #b_page, #b_col1_content, #b_col2_content, #b_col3_content, #b_col3_content_inner {
+ position: relative; }
+
+ #b_col1 {
+ overflow: hidden; }
+
+ #b_col1_content {
+ padding: 1em 10px 1em 0px; }
+
+ #b_col3 {
+ border-left: 1px #DDD dotted;
+ border-right: 1px #DDD dotted; }
+
+ #b_col3_content {
+ min-height: 450px;
+ padding: 20px 20px 30px 20px; }
+
+ #b_col2_content {
+ overflow: hidden;
+ padding: 1em 0; }
+
+ .b_hidecol2 #b_col3 {
+ margin-right: 0 !important;
+ border-right: none; }
+
+ .b_hidecol1 #b_col3 {
+ margin-left: 0 !important;
+ border-left: none; }
+
+ .b_hideboth #b_col3 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border-left: none;
+ border-right: none; }
+
+ .b_hideboth #b_col1, .b_hideboth #b_col2, .b_hidecol1 #b_col1, .b_hidecol2 #b_col2, #b_ie_clearing {
+ display: none; }
+
+ .b_c15r, .b_c20r, .b_c80r, .b_c85r {
+ float: right;
+ margin-left: -5px; }
+
+ .b_c15l, .b_c15r {
+ width: 15%; }
+
+ .b_c20l, .b_c20r {
+ width: 20%; }
+
+ .b_c80l, .b_c80r {
+ width: 80%; }
+
+ .b_c85l, .b_c85r {
+ width: 85%; }
+
+ .b_subcolumns_oldgecko, .b_c20l, .b_c15l, .b_c80l, .b_c85l {
+ float: left; }
+
+ /* IFRAME */
+ div.b_iframe_wrapper iframe {
+ width: 100%;
+ position: relative;
+ top: 0;
+ left: 0;
+ border: none;
+ margin: 0;
+ padding: 0;
+ background: transparent; }
+
+ /* RedScreen View */
+ #b_main.b_exception {
+ padding-left: 165px;
+ padding-right: 165px; }
+
+ /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
+ #b_header {
+ height: auto;
+ min-height: 30px;
+ overflow: hidden;
+ position: relative;
+ /* the top-navigation */ }
+ #b_header #b_topnav {
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ padding: 4px 15px 0px 0px; }
+ #b_header #b_topnav ul {
+ margin: 0; }
+ #b_header #b_topnav #o_topnav_search input {
+ line-height: 1.3em;
+ margin: 0;
+ width: 10em; }
+ #b_header #b_topnav #o_topnav_printview a {
+ background: url(../openolat/images/printer.png) no-repeat top right;
+ padding: 2px 20px 2px 0;
+ margin: 0; }
+ #b_header #b_topnav #o_topnav_logout a {
+ background: url("../openolat/images/control/control-power.png") no-repeat top right;
+ padding: 2px 20px 2px 0;
+ margin: 0;
+ font-weight: bold; }
+ #b_header #b_topnav li {
+ float: left;
+ list-style: none;
+ margin-left: 1.7em; }
+ #b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+ #b_header #b_topnav li#o_topnav_imclient li {
+ margin-left: 0.5em; }
+
+ /** ----------------- MAIN NAVIGATION ( TABS ) ----------------- **/
+ #b_nav_main {
+ float: left; }
+ #b_nav_main ul {
+ padding-left: 40px;
+ margin: 0; }
+ #b_nav_main ul li {
+ float: left;
+ position: relative;
+ list-style: none;
+ margin: 0px;
+ padding: 4px 3px 4px 12px;
+ margin-right: 2px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-top-right-radius: 6px;
+ -webkit-border-bottom-right-radius: 0;
+ -webkit-border-bottom-left-radius: 0;
+ -moz-border-radius-topleft: 6px;
+ -moz-border-radius-topright: 6px;
+ -moz-border-radius-bottomright: 0;
+ -moz-border-radius-bottomleft: 0;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ background: #fff;
+ background: rgba(255, 255, 255, 0.5);
+ /* -- SITES ( home, users, groups, etc. ) -- */
+ /* -- TABS ( courses, wiki, etc.) -- */
+ /* -- THE SPACER -- */ }
+ #b_nav_main ul li a {
+ /* "bloat" the links (better for touch) */
+ padding: 4px 12px 4px 3px; }
+ #b_nav_main ul li a:hover {
+ text-decoration: none; }
+ #b_nav_main ul li.b_nav_site {
+ /** sites icons **/ }
+ #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover, #b_nav_main ul li.b_nav_site.b_exception {
+ moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ box-shadow: 0 -4px 8px -1px #d3d3d3;
+ background: #fff; }
+ #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close, #b_nav_main ul li.b_nav_site.b_exception a.b_nav_tab_close {
+ background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
+ #b_nav_main ul li.b_nav_site > div {
+ padding-left: 16px;
+ background-repeat: no-repeat;
+ background-position: 0% 50%;
+ background-image: url("../openolat/images/application.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_home > div {
+ background-image: url("../openolat/images/home.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_admin > div {
+ background-image: url("../openolat/images/wrench-screwdriver.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_useradmin > div {
+ background-image: url("../openolat/images/user_conf.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_groupsmanagement > div {
+ background-image: url("../openolat/images/users_conf.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_repository > div {
+ background-image: url("../openolat/images/books-stack.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_groups > div {
+ background-image: url("../openolat/images/users.png"); }
+ #b_nav_main ul li.b_nav_site.site_demo_icon > div {
+ background-image: url("../openolat/images/information-white.png"); }
+ #b_nav_main ul li.b_nav_site.f_site_library > div {
+ background-image: url("../openolat/images/library.png"); }
+ #b_nav_main ul li.b_nav_site.fx_members > div {
+ background-image: url("../openolat/images/users_members.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_guidemo div {
+ background-image: url("../openolat/images/light-bulb.png"); }
+ #b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
+ background-image: url(../openolat/images/users.png); }
+ #b_nav_main ul li.b_nav_tab {
+ margin-right: 4px; }
+ #b_nav_main ul li.b_nav_tab a.b_nav_tab_close {
+ position: absolute;
+ top: 3px;
+ right: 4px;
+ width: 13px;
+ height: 13px;
+ line-height: 0;
+ padding: 0;
+ margin: 0;
+ background: transparent url(../openolat/images/cross_small_trimmed_grey.png) no-repeat right top; }
+ #b_nav_main ul li.b_nav_tab.b_nav_active, #b_nav_main ul li.b_nav_tab:hover {
+ moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ box-shadow: 0 -4px 8px -1px #d3d3d3;
+ background: #fff; }
+ #b_nav_main ul li.b_nav_tab.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_tab:hover a.b_nav_tab_close {
+ background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
+ #b_nav_main ul li#b_nav_spacer {
+ background: none;
+ border: none;
+ width: 20px;
+ height: 1px;
+ padding: 0; }
+
+ /** ----------------- SUB NAVIGATION (TREE) ----------------- **/
+ /* note: the markup will be the one from OLATpro, has to be merged yet */
+ div.b_tree {
+ font-size: 100%;
+ padding: 0;
+ /* the open/close node icons */ }
+ div.b_tree ul {
+ position: relative;
+ padding: 0;
+ margin: 0 0 0 1em;
+ list-style: none;
+ white-space: nowrap;
+ /* link to select the item with icon */ }
+ div.b_tree ul li {
+ position: relative;
+ background: transparent;
+ margin-left: 0;
+ padding-left: 0;
+ line-height: 1.7em;
+ /* selected, hovered, active <a> tag */
+ /* icon positioning */
+ /* decorators in tree (e.g. course-editor ) */ }
+ div.b_tree ul li a.b_tree_icon {
+ padding-left: 20px;
+ padding-top: 2px;
+ position: relative;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
+ div.b_tree ul li a {
+ color: #555555; }
+ div.b_tree ul li a.b_tree_l1 {
+ padding-left: 16px; }
+ div.b_tree ul li .b_tree_oc_l1 {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ z-index: 9; }
+ div.b_tree ul li a:focus, div.b_tree ul li a:hover {
+ color: #025d8c;
+ background-color: transparent;
+ text-decoration: underline; }
+ div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
+ color: #025d8c;
+ background-color: transparent;
+ text-decoration: none; }
+ div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
+ color: #025d8c;
+ font-weight: bold; }
+ div.b_tree ul li .b_tree_oc_l1 {
+ position: absolute;
+ top: 0px;
+ left: 1px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l2 {
+ position: absolute;
+ top: 0px;
+ left: 11px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l3 {
+ position: absolute;
+ top: 0px;
+ left: 21px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l4 {
+ position: absolute;
+ top: 0px;
+ left: 31px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l5 {
+ position: absolute;
+ top: 0px;
+ left: 41px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l6 {
+ position: absolute;
+ top: 0px;
+ left: 51px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l7 {
+ position: absolute;
+ top: 0px;
+ left: 61px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l8 {
+ position: absolute;
+ top: 0px;
+ left: 71px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l9 {
+ position: absolute;
+ top: 0px;
+ left: 81px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l10 {
+ position: absolute;
+ top: 0px;
+ left: 91px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l11 {
+ position: absolute;
+ top: 0px;
+ left: 101px;
+ z-index: 9; }
+ div.b_tree ul li a.b_tree_l0 {
+ padding-left: 5px; }
+ div.b_tree ul li a.b_tree_l1 {
+ padding-left: 15px; }
+ div.b_tree ul li a.b_tree_l2 {
+ padding-left: 25px; }
+ div.b_tree ul li a.b_tree_l3 {
+ padding-left: 35px; }
+ div.b_tree ul li a.b_tree_l4 {
+ padding-left: 45px; }
+ div.b_tree ul li a.b_tree_l5 {
+ padding-left: 55px; }
+ div.b_tree ul li a.b_tree_l6 {
+ padding-left: 65px; }
+ div.b_tree ul li a.b_tree_l7 {
+ padding-left: 75px; }
+ div.b_tree ul li a.b_tree_l8 {
+ padding-left: 85px; }
+ div.b_tree ul li a.b_tree_l9 {
+ padding-left: 95px; }
+ div.b_tree ul li a.b_tree_l10 {
+ padding-left: 105px; }
+ div.b_tree ul li a.b_tree_l11 {
+ padding-left: 115px; }
+ div.b_tree ul li span.b_tree_icon_decorator {
+ width: 12px;
+ height: 12px;
+ float: right;
+ display: inline;
+ position: static;
+ background-repeat: no-repeat; }
+ div.b_tree ul.b_tree_l0 a.b_tree_icon {
+ padding-left: 26px;
+ background-position: 8px 50%; }
+ div.b_tree ul.b_tree_l1 a.b_tree_icon {
+ padding-left: 36px;
+ background-position: 18px 50%; }
+ div.b_tree ul.b_tree_l2 a.b_tree_icon {
+ padding-left: 46px;
+ background-position: 28px 50%; }
+ div.b_tree ul.b_tree_l3 a.b_tree_icon {
+ padding-left: 56px;
+ background-position: 38px 50%; }
+ div.b_tree ul.b_tree_l4 a.b_tree_icon {
+ padding-left: 66px;
+ background-position: 48px 50%; }
+ div.b_tree ul.b_tree_l5 a.b_tree_icon {
+ padding-left: 76px;
+ background-position: 58px 50%; }
+ div.b_tree ul.b_tree_l6 a.b_tree_icon {
+ padding-left: 86px;
+ background-position: 68px 50%; }
+ div.b_tree ul.b_tree_l7 a.b_tree_icon {
+ padding-left: 96px;
+ background-position: 78px 50%; }
+ div.b_tree ul.b_tree_l8 a.b_tree_icon {
+ padding-left: 106px;
+ background-position: 88px 50%; }
+ div.b_tree ul.b_tree_l9 a.b_tree_icon {
+ padding-left: 116px;
+ background-position: 98px 50%; }
+ div.b_tree ul.b_tree_l10 a.b_tree_icon {
+ padding-left: 126px;
+ background-position: 108px 50%; }
+ div.b_tree ul.b_tree_l11 a.b_tree_icon {
+ padding-left: 136px;
+ background-position: 118px 50%; }
+ div.b_tree a.b_tree_level_close span {
+ background: url("../openolat/images/toggle-small.png") no-repeat 0% 50%;
+ padding-right: 8px; }
+ div.b_tree a.b_tree_level_open span {
+ background: url("../openolat/images/toggle-small-expand.png") no-repeat 0% 50%;
+ padding-right: 8px; }
+ div.b_tree a.b_tree_level_close:hover, div.b_tree a.b_tree_level_open:hover {
+ text-decoration: none; }
+
+ /** ----------------- FOOTER ----------------- **/
+ #b_footer {
+ color: #9D9D9D;
+ padding: 8px 20px;
+ margin-top: 12px; }
+ #b_footer .b_floatbox {
+ padding-top: 8px;
+ border-top: 1px solid #ddd; }
+ #b_footer #b_footer_user {
+ float: left;
+ line-height: 16px; }
+ #b_footer #b_footer_user a.b_ajax {
+ background: url(../openolat/images/ajax.png) no-repeat;
+ width: 20px;
+ height: 16px;
+ display: block;
+ float: left; }
+ #b_footer #b_footer_version {
+ float: right;
+ display: block; }
+ #b_footer #b_footer_powered {
+ text-align: center;
+ width: auto;
+ background: none; }
+ #b_footer #b_footer_powered a {
+ display: inline; }
-li a.b_toolbox_delete {
- background-image: url("../openolat/images/bin-metal-full.png"); }
+ /* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
+ #b_main.b_menu_toolbar #b_col1_content {
+ padding-top: 0;
+ padding-right: 0; }
-li a.b_toolbox_copy, .b_copy_icon {
- background-image: url("../openolat/images/docs/document-copy.png"); }
+ #b_main.b_menu_toolbar #b_col3_content {
+ padding: 0; }
-/* --------- menu icon decorators -------- */
-.o_midlock {
- top: 9px;
- left: 9px;
- background-image: url("../openolat/images/decorator/deco_condition.png"); }
+ div.b_menu_toolbar {
+ background: #f9f9f9;
+ background: -moz-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d0d0d0));
+ background: -webkit-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: -o-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: -ms-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 );
+ border-bottom: 1px solid #7D7D7D;
+ padding: 5px 5px 2px 0; }
-.o_miderr {
- top: 8px;
- left: -2px;
- background-image: url("../openolat/images/decorator/deco_error.png"); }
+ /* breadcrumbs */
+ div.b_breadcumb_path {
+ padding: 0;
+ margin: 0;
+ float: left;
+ display: inline; }
+ div.b_breadcumb_path ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ float: left;
+ display: inline; }
+ div.b_breadcumb_path ul li {
+ padding: 0 7px 0 14px;
+ margin: 0;
+ list-style: none;
+ float: left;
+ display: inline;
+ background: url(../openolat/images/breadcrumb-separator.png) no-repeat left center; }
+ div.b_breadcumb_path ul li.b_first {
+ background: url(../openolat/images/home.png) no-repeat top left;
+ padding-left: 25px; }
+ div.b_breadcumb_path ul li a {
+ color: #464444; }
+ div.b_breadcumb_path ul li span.b_disabled {
+ color: #000;
+ padding: 0 10px 0 0;
+ margin: 0; }
-.o_midwarn {
- top: 8px;
- left: -2px;
- background-image: url("../openolat/images/decorator/deco_warn.png"); }
+ div.b_breadcumb_content {
+ clear: both;
+ margin-top: 0.5em;
+ padding-top: 0.5em;
+ border-top: 1px solid #ACAAAA; }
-.o_midpub {
- top: -2px;
- left: 9px;
- background-image: url("../openolat/images/decorator/deco_ok.png"); }
+ /* NOTIFICATIONS */
+ div.b_noti {
+ border: 1px solid #E9EAEF;
+ padding: 3px 23px 3px 3px;
+ float: right;
+ display: inline;
+ position: relative;
+ right: 0;
+ font-size: 95%; }
+ div.b_noti a.b_contexthelp {
+ position: absolute;
+ top: 2px;
+ right: 2px; }
+ div.b_noti a.b_noti_unsubscribe_link {
+ background: url(../openolat/images/mail--minus.png) no-repeat left 50%;
+ padding: 1px 0 1px 20px; }
+ div.b_noti a.b_noti_subscribe_link {
+ background: url(../openolat/images/mail--plus.png) no-repeat left 50%;
+ padding: 1px 0 1px 20px; }
+ div.b_noti a.b_noti_markedread_link {
+ background: url(../openolat/images/tick.png) no-repeat left 50%;
+ padding: 1px 0 1px 20px; }
-/* --------- course building block icons ------------------- */
-.o_bc_icon {
- background-image: url("../openolat/images/folder.png") !important; }
+ /* ---------- TITLE Wrapper --------------- */
+ div.b_titled_wrapper div.b_noti {
+ position: absolute;
+ right: 25px;
+ top: 0px; }
-.o_co_icon {
- background-image: url("../openolat/images/mail.png") !important; }
+ div.b_titled_wrapper fieldset div.b_noti {
+ top: 12px; }
-.o_cp_icon {
- background-image: url("../openolat/images/le_resources/box.png") !important; }
+ h1.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
-.o_cp_org {
- background-image: url("../openolat/images/le_resources/box.png") !important; }
+ h2.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
-.o_cp_item {
- background-image: url("../openolat/images/docs/document-text.png") !important; }
+ h3.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
-.o_dialog_icon {
- background-image: url("../openolat/images/docs/document_discuss.png") !important; }
+ h4.b_titled_wrapper span {
+ padding-right: 3em;
+ font-style: italic; }
-.o_en_icon {
- background-image: url("../openolat/images/enrol.png") !important; }
+ h5.b_titled_wrapper span {
+ padding-right: 3em;
+ font-style: italic; }
-.o_fo_icon {
- background-image: url("../openolat/images/forum/forum.png") !important; }
+ div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
+ background: transparent;
+ border: 0px;
+ padding: 0px; }
+ div.b_titled_wrapper a.b_togglebox_opened {
+ z-index: 10;
+ display: block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ background: url(../openolat/images/information-white.png) no-repeat 0 50%;
+ padding: 0; }
+ div.b_titled_wrapper a.b_togglebox_closed {
+ display: block;
+ width: 20px;
+ height: 20px;
+ background: url(../openolat/images/information-white.png) no-repeat top left;
+ padding: 0;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=60);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.6;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.6;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.6; }
+ div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
+ position: relative;
+ margin-bottom: 1em; }
+ div.b_titled_wrapper a.b_togglebox_hide span {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ padding: 0 6px 3px 0; }
+ div.b_titled_wrapper a.b_togglebox_hide:hover {
+ text-decoration: underline; }
-.o_iqself_icon {
- background-image: url("../openolat/images/le_resources/selftest.png") !important; }
+ /* Needed for IE6 */
+ div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives {
+ position: relative; }
-.o_iqsurv_icon {
- background-image: url("../openolat/images/le_resources/survey.png") !important; }
+ div.o_course_run_dropbox div.b_noti {
+ position: relative;
+ top: 0;
+ right: 25px;
+ border: 1px solid #FFFFFF; }
-.o_iqtest_icon {
- background-image: url("../openolat/images/le_resources/test.png") !important; }
+ div.o_course_run_returnbox div.b_noti {
+ position: relative;
+ top: 0;
+ right: 25px;
+ border: 1px solid #FFFFFF; }
-.o_ms_icon {
- background-image: url("../openolat/images/le_resources/thumb-up.png") !important; }
+ div.o_course_run_solutionbox div.b_noti {
+ position: relative;
+ top: 0;
+ right: 25px;
+ border: 1px solid #FFFFFF; }
-.o_scorm_icon, .o_scorm_org {
- background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+ /** ------------------ CATALOG ------------------------ **/
+ div.o_catalog div.o_catalog_link_title {
+ margin: 2em 0 0 0;
+ border-bottom: 1px solid #ccc;
+ padding: 0.3em; }
+ div.o_catalog div.o_catalog_title {
+ display: none; }
+ div.o_catalog div.o_catalog_nav {
+ font-size: 95%;
+ padding: 1px 0 2px 22px;
+ border-bottom: 1px solid #EEE;
+ background: url(../openolat/images/folder_open.png) 2px 50% no-repeat; }
+ div.o_catalog div.o_catalog_links {
+ margin-top: 1em;
+ padding-top: 1em;
+ border-top: 1px solid #EEE; }
-.o_scorm_item {
- background-image: url("../openolat/images/docs/document-text.png") !important; }
+ /** -------------- TAGGING ---------------- **/
+ /* tagging */
+ .b_tag_list {
+ background: url(../openolat/images/tag-label-yellow.png) 0px 3px no-repeat !important; }
-.o_scorm_asset {
- background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+ .b_tag_icon {
+ background-image: url(../openolat/images/tag-label-yellow.png); }
-.o_sp_icon {
- background-image: url("../openolat/images/docs/document-text.png") !important; }
+ div.b_tags {
+ margin: 2em 0; }
+ div.b_tags div {
+ padding: 0.5em 0 0 20px; }
+ div.b_tags span.b_tag {
+ font-size: 80%;
+ padding: 5px 2px 5px 2px;
+ line-height: 3em;
+ white-space: nowrap; }
-.o_st_icon {
- background-image: url("../openolat/images/node-select-all.png") !important; }
+ div.o_ep_toc_editor div.b_subcl {
+ min-height: 35em; }
-.o_ta_icon {
- background-image: url("../openolat/images/docs/document-task.png") !important; }
+ div.o_ep_struct_editor div.b_subcr {
+ min-height: 35em;
+ background: #FFF;
+ padding-right: 1em;
+ overflow-x: auto; }
-.o_tu_icon {
- background-image: url("../openolat/images/docs/document-import.png") !important; }
+ div.b_struct_edit_btn {
+ float: right;
+ display: inline; }
-.o_wiki_icon {
- background-image: url("../openolat/images/le_resources/wiki.png") !important; }
+ div.b_struct_submit_assess_btn {
+ float: right;
+ display: inline; }
-.o_ll_icon {
- background-image: url("../openolat/images/docs/document_linklist.png") !important; }
+ /* TextboxList */
+ *:first-child + html div.holder {
+ padding-bottom: 2px; }
-.o_cl_icon {
- background-image: url("../openolat/images/clipboard-task.png") !important; }
+ * html div.holder {
+ padding-bottom: 2px; }
-.o_den_icon {
- background-image: url("../openolat/images/clock.png") !important; }
+ /* ie7 and below */
+ .textbox-outer {
+ list-style-type: none;
+ margin-left: 0em; }
-.o_projectbroker_icon {
- background-image: url("../openolat/images/projectbroker.png") !important; }
+ div.holder {
+ font-size: 80%; }
-.o_podcast_icon {
- background-image: url("../openolat/images/le_resources/media-player-cast.png") !important; }
+ .textboxlist-auto {
+ position: absolute;
+ width: 300px;
+ overflow: show; }
-.o_blog_icon {
- background-image: url("../openolat/images/le_resources/blog.png") !important; }
+ /* autocompleter bitbox (item) holder */
+ a.bit-box, span.b_tag {
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+ border: 1px solid #CAD8F3;
+ background: #DEE7F8;
+ padding: 1px 5px 2px;
+ padding-right: 15px;
+ position: relative; }
-.o_cal_icon {
- background-image: url("../openolat/images/calendar.png") !important; }
+ div.holder {
+ min-width: 200px;
+ width: auto;
+ margin: 0;
+ overflow: hidden;
+ height: auto !important;
+ height: 1%;
+ padding: 0px 0px 0;
+ cursor: text;
+ /* no left/right padding here please */ }
+ div.holder a {
+ float: left;
+ margin: 0 5px 4px 0; }
+ div.holder a.bit {
+ text-decoration: none;
+ color: black; }
+ div.holder a.bit:active, div.holder a.bit:focus {
+ outline: none; }
+ div.holder a.bit-box-focus {
+ border-color: #598BEC;
+ background: #598BEC;
+ color: #fff; }
+ div.holder a.bit-input input {
+ width: 100px;
+ margin: 0;
+ border: none;
+ background: white;
+ outline: 0;
+ padding: 3px 0 2px; }
+ div.holder a.bit-input input.smallinput {
+ width: 20px; }
+ div.holder a.bit-hover {
+ background: #BBCEF1;
+ border: 1px solid #6D95E0; }
+ div.holder a.bit-box-focus {
+ background: #598BEC;
+ color: #fff; }
+ div.holder a.bit-box a.closebutton {
+ position: absolute;
+ right: 0;
+ top: 5px;
+ display: block;
+ width: 7px;
+ height: 7px;
+ font-size: 1px;
+ background: url("../openolat/images/tag_x.gif"); }
+ div.holder a.bit-box a.closebutton:hover {
+ background-position: 7px; }
+ div.holder a.bit-box a.closebutton:active {
+ outline: none; }
+ div.holder a.bit-box-focus a.closebutton, div.holder a.bit-box-focus a.closebutton:hover {
+ background-position: bottom; }
-.o_lti_icon {
- background-image: url("../openolat/images/docs/document-node.png") !important; }
+ .b_wizard .textbox-outer {
+ background: url(../openolat/images/tag-label-yellow.png) top left no-repeat; }
+ .b_wizard .textbox-outer li {
+ margin-left: 18px; }
+ .b_wizard div.holder a.bit-input input {
+ background: #f8f8f8;
+ padding: 0.4em; }
-/* <OLATCE-103> */
-.o_vc_icon {
- background-image: url("../openolat/images/projection-screen.png") !important; }
+ /* Autocompleter for textboxlist */
+ ol.textbox-outer {
+ margin: 0;
+ padding: 0; }
-/* </OLATCE-103> */
-.o_vitero_icon {
- background-image: url("../openolat/images/vitero.png") !important; }
+ .textboxlist-auto {
+ display: none;
+ background: #eee; }
+ .textboxlist-auto .default {
+ padding: 5px 7px;
+ border: 1px solid #ccc;
+ border-width: 0 1px 1px; }
+ .textboxlist-auto ul {
+ display: none;
+ margin: 0;
+ padding: 0;
+ overflow: auto; }
+ .textboxlist-auto ul li {
+ padding: 5px 12px;
+ z-index: 1000;
+ cursor: pointer;
+ margin: 0;
+ list-style-type: none;
+ border: 1px solid #ccc;
+ border-width: 0 1px 1px; }
+ .textboxlist-auto ul li.loading-indicator {
+ padding-left: 30px;
+ background-position: 5px center;
+ cursor: defat;
+ font-size: 100.01% !important;
+ line-height: 1.5em; }
+ .textboxlist-auto ul li.more-indicator {
+ cursor: defat;
+ font-style: italic; }
+ .textboxlist-auto ul li em {
+ font-weight: bold;
+ font-style: normal;
+ background: #ccc; }
+ .textboxlist-auto ul li.auto-focus {
+ background: #4173CC;
+ color: #fff; }
+ .textboxlist-auto ul li.auto-focus em {
+ background: none; }
-.o_ep_icon, .o_EPStructuredMapTemplate_icon {
- background-image: url("../openolat/images/le_resources/portfolio.png") !important; }
+ input.inputMessage {
+ color: #AAA;
+ font-size: 11px; } }
+/* FLOTING STYLES */
+.b_float_left {
+ float: left;
+ display: inline;
+ margin-right: 1em;
+ margin-bottom: 0.15em; }
-.o_infomsg_icon {
- background-image: url("../openolat/images/information-button.png") !important; }
+.b_float_right {
+ float: right;
+ display: inline;
+ margin-left: 1em;
+ margin-bottom: 0.15em; }
-.o_cmembers_icon {
- background-image: url("../openolat/images/users.png") !important; }
+.b_center {
+ text-align: center;
+ margin: 0.5em auto; }
-.fx_members_icon {
- background-image: url("../openolat/images/users_members.png") !important; }
+/* CLEAR container: additonal to b_floatbox */
+.b_floatscrollbox {
+ overflow-x: auto;
+ overflow-y: hidden; }
-body#b_body .o_CourseModule_icon_closed {
- background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
+.b_overflowscrollbox {
+ overflow: auto; }
/* -------- modules -------- */
/*
@@ -1938,22 +1967,6 @@ div.b_msg_error_winicon {
min-height: 40px;
background: url(../openolat/images/icon_warning_32.png) no-repeat 10px 10px; }
-/* OPEN / CLOSE BOX TOGGLER */
-a.b_togglebox_closed {
- background: url(../openolat/images/toggle-small-expand.png) no-repeat 0 50%;
- padding: 1px 0 1px 14px;
- vertical-align: middle; }
-
-a.b_togglebox_opened {
- background: url(../openolat/images/toggle-small.png) no-repeat 0 50%;
- padding: 1px 0 1px 14px;
- vertical-align: middle; }
-
-div.b_togglebox div.b_togglebox_content {
- padding: 1em;
- border: 1px solid #ACAAAA;
- background: #fff; }
-
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
background: #fff;
@@ -4361,9 +4374,10 @@ div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content {
border: 1px solid red;
background-image: none;
background-color: transparent;
+ border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
- border-radius: 3px; }
+ -o-border-radius: 3px; }
div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content {
border: 1px solid #FF9900 !important;
@@ -6439,6 +6453,35 @@ div.o_home_rsslink {
display: inline;
margin: 10px 0; }
+#o_macartney_open {
+ width: 20px;
+ bottom: 0;
+ left: 0;
+ height: 16px;
+ background: white url(../openolat/images/magnifier-zoom.png) no-repeat 4px 0; }
+
+#o_macartney_large {
+ position: fixed;
+ top: 10%;
+ left: 10%;
+ width: 80%;
+ z-index: 10;
+ border: 1px solid black;
+ background: white;
+ padding: 5px; }
+
+#o_macartney_large img {
+ width: 100%; }
+
+#o_macartney_close {
+ position: absolute;
+ width: 16px;
+ top: 0;
+ right: 0;
+ height: 16px;
+ border-left: 1px solid #000;
+ border-bottom: 1px solid #000;
+ background: white url(../openolat/images/close.png); }
/** ----------------- PORTLETS & BOXES ----------------- **/
.b_portlet {
@@ -6652,6 +6695,9 @@ div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before {
div.o_portlet_infomsg div.b_portlet_header {
background-image: url(../openolat/images/comment.png); }
+div.o_portlet_macartney div.b_portlet_header {
+ background-image: url(../openolat/images/macartney.png); }
+
div.o_portlet_quickstart div.b_portlet_header {
background-image: url(../openolat/images/mouse.png); }
@@ -7128,7 +7174,17 @@ div.f_library_overview div.f_library_newest_files ul li a {
*
* =================================================
*/
+/**
+* hides any element
+*/
@media print {
+ /** with the noprint class, you can hide any element in printout **/
+ .o_noprint {
+ display: none !important;
+ visibility: hidden !important;
+ height: 0px !important;
+ width: 0px !important; }
+
/* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */
/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
body {
@@ -7222,25 +7278,14 @@ div.f_library_overview div.f_library_newest_files ul li a {
.b_floatbox, .b_subcolumns, .b_subcolums_oldgecko {
overflow: visible;
- display: table; } }
-/*
-* =================================================
-*
-* content rules for OpenOLAT 8 (PRINT)
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
-*
-*
-*
-* (as of yaml compliance, contains css rules for
-* styling fonts, colors, font-style, etc. )
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
-*
-* =================================================
-*/
+ display: table; }
+
+ /* hide jsMath print warning */
+ #jsMath_PrintWarning {
+ display: none !important;
+ visibility: hidden !important;
+ height: 0px !important;
+ width: 0px !important; } }
/* ------- mobile -------- */
/*
* =================================================
diff --git a/src/main/webapp/static/themes/openolat/layout.scss b/src/main/webapp/static/themes/openolat/layout.scss
index 7af567644f3aaeff9b854a28ea647f15d52c657a..438b49ee7cd0389d13e11132a189037ea3321ef2 100644
--- a/src/main/webapp/static/themes/openolat/layout.scss
+++ b/src/main/webapp/static/themes/openolat/layout.scss
@@ -22,17 +22,15 @@
// default css import
@import url(../../yaml/core/slim_base.css);
-//@import url(../../yaml/core/slim_print_base.css);
@import url(all/content.css);
-
/* --------------- */
@import "definitions";
@import "mixins";
/* --------------- */
-@import "basemod";
@import "icons";
+@import "basemod";
/* -------- modules -------- */
@import "dd";
@@ -59,7 +57,6 @@
/* print & mobile, let's keep 'em down here... */
/* ------- print -------- */
@import "p_basemod";
-@import "p_content";
/* ------- mobile -------- */
@import "m_basemod";
diff --git a/src/main/webapp/static/themes/openolat/print/_p_basemod.scss b/src/main/webapp/static/themes/openolat/print/_p_basemod.scss
index b9d8d42b4f1ea0f0f160140208f3e31f23af79b2..010cfc9dd2bfa1a54c37d0f2c1f2948744c5e124 100644
--- a/src/main/webapp/static/themes/openolat/print/_p_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/print/_p_basemod.scss
@@ -19,9 +19,19 @@
* =================================================
*/
+/**
+* hides any element
+*/
+@mixin o-ghost {
+ display:none !important; visibility: hidden !important; height:0px !important; width:0px !important;
+}
+
@media print {
+ /** with the noprint class, you can hide any element in printout **/
+ .o_noprint { @include o-ghost();}
+
/* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */
/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
body { font-size:10pt; }
@@ -60,7 +70,11 @@
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
#b_page a[href^="http:"],#b_page a[href^="https:"]{padding-left:0;background-image:none}
#b_col1_content:before,#b_col2_content:before,#b_col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
- .b_floatbox,.b_subcolumns,.b_subcolums_oldgecko{overflow:visible;display:table}
+ .b_floatbox,.b_subcolumns,.b_subcolums_oldgecko{overflow:visible;display:table;}
+
+ /* hide jsMath print warning */
+ #jsMath_PrintWarning {@include o-ghost(); }
+
}
diff --git a/src/main/webapp/static/themes/openolat/print/_p_content.scss b/src/main/webapp/static/themes/openolat/print/_p_content.scss
deleted file mode 100644
index 05881930af4faf4e3c6f15042354de128bd62df2..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/openolat/print/_p_content.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-@charset "UTF-8";
-
-/*
-* =================================================
-*
-* content rules for OpenOLAT 8 (PRINT)
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
-*
-*
-*
-* (as of yaml compliance, contains css rules for
-* styling fonts, colors, font-style, etc. )
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
-*
-* =================================================
-*/
-
-@media print {
-
-
-
-}
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolatexample/layout.css b/src/main/webapp/static/themes/openolatexample/layout.css
index e7043aac215a0d10fdadb3e26c5dbb888bf1d185..1976256b53b35d92605962c089faabdbb23a7cd2 100644
--- a/src/main/webapp/static/themes/openolatexample/layout.css
+++ b/src/main/webapp/static/themes/openolatexample/layout.css
@@ -73,1130 +73,278 @@
/*
* =================================================
*
-* basemod rules for OpenOLAT 8
+* ICON Rules for the OpenOLAT theme
*
* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
+* @date Dez. 2011
*
* also read themes.README!
*
-* (as of yaml compliance, contains css rules for
-* positioning and sizing elements)
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
*
* =================================================
*/
-@media all {
- html {
- min-height: 100%; }
+.b_with_small_icon_left {
+ padding: 2px 0 2px 20px;
+ min-height: 16px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
- /** ----------------- MAIN LAYOUT ----------------- **/
- /**
- * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
- * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
- *
- * @workaround
- * @affected IE8, FF, Webkit, Opera
- * @css-for all
- * @valid CSS3
- */
- body {
- min-height: 100%;
- overflow-y: scroll;
- background: yellow;
- background: -moz-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, yellow), color-stop(33%, red), color-stop(66%, blue), color-stop(100%, green));
- background: -webkit-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
- background: -o-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
- background: -ms-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
- background: linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='green',GradientType=0 ); }
+option.b_with_small_icon_left {
+ padding: 0 0 0 20px;
+ vertical-align: middle;
+ min-height: 11px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
- #b_page_margins {
- min-width: 740px;
- max-width: 1324px;
- margin: 0 auto;
- width: 100%;
- height: 100%; }
+.b_with_small_icon_right {
+ padding: 1px 20px 1px 0px;
+ min-height: 16px;
+ background-position: 100% 50%;
+ background-repeat: no-repeat; }
- #b_page_wrapper {
- border-bottom: 1px solid lightGrey; }
+.b_small_icon {
+ float: left;
+ display: inline;
+ width: 16px;
+ height: 16px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
- #b_main {
- background: #fff;
- clear: both;
- moz-box-shadow: 0 0 14px #d3d3d3;
- -ms-box-shadow: 0 0 14px #d3d3d3;
- -o-box-shadow: 0 0 14px #d3d3d3;
- -webkit-box-shadow: 0 0 14px #d3d3d3;
- box-shadow: 0 0 14px #d3d3d3; }
+a.b_small_icon:hover {
+ text-decoration: none; }
- #b_page a#b_toplink {
- position: absolute;
- bottom: 1em;
- right: 1em;
- background: transparent url(../openolat/images/arrow_up.png) 0 50% no-repeat;
- padding-left: 14px;
- z-index: 5; }
+/* ------- misc icons --------- */
+.b_info_icon {
+ background-image: url("../openolat/images/comment.png"); }
- #b_header, #b_page, #b_col1_content, #b_col2_content, #b_col3_content, #b_col3_content_inner {
- position: relative; }
+.b_warn_icon {
+ background-image: url("../openolat/images/exclamation.png"); }
- #b_col1 {
- overflow: hidden; }
+.b_error_icon {
+ background-image: url("../openolat/images/cross-circle.png"); }
- #b_col1_content {
- padding: 1em 10px 1em 0px; }
+.b_new_icon {
+ background-image: url("../openolat/images/new-text.png"); }
- #b_col3 {
- border-left: 1px #DDD dotted;
- border-right: 1px #DDD dotted; }
+.b_institution_icon {
+ background-image: url("../openolat/images/home.png"); }
- #b_col3_content {
- min-height: 450px;
- padding: 20px 20px 30px 20px; }
+.b_group_icon {
+ background-image: url("../openolat/images/users.png"); }
- #b_col2_content {
- overflow: hidden;
- padding: 1em 0; }
+.b_user_icon {
+ background-image: url("../openolat/images/user.png"); }
- .b_hidecol2 #b_col3 {
- margin-right: 0 !important;
- border-right: none; }
+.b_move_left_icon {
+ background-image: url("../openolat/images/arrow_left_big.png"); }
- .b_hidecol1 #b_col3 {
- margin-left: 0 !important;
- border-left: none; }
+.b_move_right_icon {
+ background-image: url("../openolat/images/arrow_right_big.png"); }
- .b_hideboth #b_col3 {
- margin-left: 0 !important;
- margin-right: 0 !important;
- border-left: none;
- border-right: none; }
+.b_move_down_icon {
+ background-image: url("../openolat/images/arrow_down_big.png"); }
- .b_hideboth #b_col1, .b_hideboth #b_col2, .b_hidecol1 #b_col1, .b_hidecol2 #b_col2, #b_ie_clearing {
- display: none; }
+.b_move_up_icon {
+ background-image: url("../openolat/images/arrow_up_big.png"); }
- .b_c15r, .b_c20r, .b_c80r, .b_c85r {
- float: right;
- margin-left: -5px; }
+.b_delete_icon {
+ background-image: url("../openolat/images/bin-metal-full.png"); }
- .b_c15l, .b_c15r {
- width: 15%; }
+.b_share_icon {
+ background-image: url("../openolat/images/share.png"); }
- .b_c20l, .b_c20r {
- width: 20%; }
+.b_status_enabled_icon {
+ background-image: url("../openolat/images/tick.png"); }
- .b_c80l, .b_c80r {
- width: 80%; }
+.b_status_disabled_icon {
+ background-image: url("../openolat/images/cross.png"); }
- .b_c85l, .b_c85r {
- width: 85%; }
+.b_edit_icon {
+ background-image: url("../openolat/images/docs/document--pencil.png"); }
- .b_subcolumns_oldgecko, .b_c20l, .b_c15l, .b_c80l, .b_c85l {
- float: left; }
+.b_add_icon {
+ background-image: url("../openolat/images/plus-circle.png"); }
- /* IFRAME */
- div.b_iframe_wrapper iframe {
- width: 100%;
- position: relative;
- top: 0;
- left: 0;
- border: none;
- margin: 0;
- padding: 0;
- background: transparent; }
+.b_open_icon {
+ background-image: url("../openolat/images/control/control.png"); }
- /* RedScreen View */
- #b_main.b_exception {
- padding-left: 165px;
- padding-right: 165px; }
+.o_fulltext_search_button {
+ background-image: url("../openolat/images/magnifier-zoom.png"); }
- /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
- #b_header {
- height: auto;
- min-height: 30px;
- overflow: hidden;
- position: relative;
- /* the top-navigation */ }
- #b_header #b_topnav {
- position: absolute;
- right: 0px;
- top: 0px;
- padding: 4px 15px 0px 0px; }
- #b_header #b_topnav ul {
- margin: 0; }
- #b_header #b_topnav #o_topnav_search input {
- line-height: 1.3em;
- margin: 0;
- width: 10em; }
- #b_header #b_topnav #o_topnav_printview a {
- background: url(../openolat/images/printer.png) no-repeat top right;
- padding: 2px 20px 2px 0;
- margin: 0; }
- #b_header #b_topnav #o_topnav_logout a {
- background: url("../openolat/images/control/control-power.png") no-repeat top right;
- padding: 2px 20px 2px 0;
- margin: 0;
- font-weight: bold; }
- #b_header #b_topnav li {
- float: left;
- list-style: none;
- margin-left: 1.7em; }
- #b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal {
- margin: 0; }
- #b_header #b_topnav li#o_topnav_imclient li {
- margin-left: 0.5em; }
+.o_help_icon {
+ background-image: url("../openolat/images/help.png"); }
- /** ----------------- MAIN NAVIGATION ( TABS ) ----------------- **/
- #b_nav_main {
- float: left; }
- #b_nav_main ul {
- padding-left: 40px;
- margin: 0; }
- #b_nav_main ul li {
- float: left;
- position: relative;
- list-style: none;
- margin: 0px;
- padding: 4px 3px 4px 12px;
- margin-right: 2px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 0;
- -webkit-border-bottom-left-radius: 0;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-topright: 6px;
- -moz-border-radius-bottomright: 0;
- -moz-border-radius-bottomleft: 0;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- background: #fff;
- background: rgba(255, 255, 255, 0.5);
- /* -- SITES ( home, users, groups, etc. ) -- */
- /* -- TABS ( courses, wiki, etc.) -- */
- /* -- THE SPACER -- */ }
- #b_nav_main ul li a {
- /* "bloat" the links (better for touch) */
- padding: 4px 12px 4px 3px; }
- #b_nav_main ul li a:hover {
- text-decoration: none; }
- #b_nav_main ul li.b_nav_site {
- /** sites icons **/ }
- #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover, #b_nav_main ul li.b_nav_site.b_exception {
- moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
- box-shadow: 0 -4px 8px -1px #d3d3d3;
- background: #fff; }
- #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close, #b_nav_main ul li.b_nav_site.b_exception a.b_nav_tab_close {
- background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
- #b_nav_main ul li.b_nav_site > div {
- padding-left: 16px;
- background-repeat: no-repeat;
- background-position: 0% 50%;
- background-image: url("../openolat/images/application.png"); }
- #b_nav_main ul li.b_nav_site.o_site_home > div {
- background-image: url("../openolat/images/home.png"); }
- #b_nav_main ul li.b_nav_site.o_site_admin > div {
- background-image: url("../openolat/images/wrench-screwdriver.png"); }
- #b_nav_main ul li.b_nav_site.o_site_useradmin > div {
- background-image: url("../openolat/images/user_conf.png"); }
- #b_nav_main ul li.b_nav_site.o_site_groupsmanagement > div {
- background-image: url("../openolat/images/users_conf.png"); }
- #b_nav_main ul li.b_nav_site.o_site_repository > div {
- background-image: url("../openolat/images/books-stack.png"); }
- #b_nav_main ul li.b_nav_site.o_site_groups > div {
- background-image: url("../openolat/images/users.png"); }
- #b_nav_main ul li.b_nav_site.site_demo_icon > div {
- background-image: url("../openolat/images/information-white.png"); }
- #b_nav_main ul li.b_nav_site.f_site_library > div {
- background-image: url("../openolat/images/library.png"); }
- #b_nav_main ul li.b_nav_site.fx_members > div {
- background-image: url("../openolat/images/users_members.png"); }
- #b_nav_main ul li.b_nav_site.o_site_guidemo div {
- background-image: url("../openolat/images/light-bulb.png"); }
- #b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
- background-image: url(../openolat/images/users.png); }
- #b_nav_main ul li.b_nav_tab {
- margin-right: 4px; }
- #b_nav_main ul li.b_nav_tab a.b_nav_tab_close {
- position: absolute;
- top: 3px;
- right: 4px;
- width: 13px;
- height: 13px;
- line-height: 0;
- padding: 0;
- margin: 0;
- background: transparent url(../openolat/images/cross_small_trimmed_grey.png) no-repeat right top; }
- #b_nav_main ul li.b_nav_tab.b_nav_active, #b_nav_main ul li.b_nav_tab:hover {
- moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
- -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
- box-shadow: 0 -4px 8px -1px #d3d3d3;
- background: #fff; }
- #b_nav_main ul li.b_nav_tab.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_tab:hover a.b_nav_tab_close {
- background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
- #b_nav_main ul li#b_nav_spacer {
- background: none;
- border: none;
- width: 20px;
- height: 1px;
- padding: 0; }
+.o_rss_icon {
+ background-image: url("../openolat/images/feed.png"); }
- /** ----------------- SUB NAVIGATION (TREE) ----------------- **/
- /* note: the markup will be the one from OLATpro, has to be merged yet */
- div.b_tree {
- font-size: 100%;
- padding: 0;
- /* the open/close node icons */ }
- div.b_tree ul {
- position: relative;
- padding: 0;
- margin: 0 0 0 1em;
- list-style: none;
- white-space: nowrap;
- /* link to select the item with icon */ }
- div.b_tree ul li {
- position: relative;
- background: transparent;
- margin-left: 0;
- padding-left: 0;
- line-height: 1.7em;
- /* selected, hovered, active <a> tag */
- /* icon positioning */
- /* decorators in tree (e.g. course-editor ) */ }
- div.b_tree ul li a.b_tree_icon {
- padding-left: 20px;
- padding-top: 2px;
- position: relative;
- background-position: 0 50%;
- background-repeat: no-repeat; }
- div.b_tree ul li a {
- color: #555555; }
- div.b_tree ul li a.b_tree_l1 {
- padding-left: 16px; }
- div.b_tree ul li .b_tree_oc_l1 {
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 9; }
- div.b_tree ul li a:focus, div.b_tree ul li a:hover {
- color: red;
- background-color: transparent;
- text-decoration: underline; }
- div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
- color: red;
- background-color: transparent;
- text-decoration: none; }
- div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
- color: red;
- font-weight: bold; }
- div.b_tree ul li .b_tree_oc_l1 {
- position: absolute;
- top: 0px;
- left: 1px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l2 {
- position: absolute;
- top: 0px;
- left: 11px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l3 {
- position: absolute;
- top: 0px;
- left: 21px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l4 {
- position: absolute;
- top: 0px;
- left: 31px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l5 {
- position: absolute;
- top: 0px;
- left: 41px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l6 {
- position: absolute;
- top: 0px;
- left: 51px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l7 {
- position: absolute;
- top: 0px;
- left: 61px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l8 {
- position: absolute;
- top: 0px;
- left: 71px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l9 {
- position: absolute;
- top: 0px;
- left: 81px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l10 {
- position: absolute;
- top: 0px;
- left: 91px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l11 {
- position: absolute;
- top: 0px;
- left: 101px;
- z-index: 9; }
- div.b_tree ul li a.b_tree_l0 {
- padding-left: 5px; }
- div.b_tree ul li a.b_tree_l1 {
- padding-left: 15px; }
- div.b_tree ul li a.b_tree_l2 {
- padding-left: 25px; }
- div.b_tree ul li a.b_tree_l3 {
- padding-left: 35px; }
- div.b_tree ul li a.b_tree_l4 {
- padding-left: 45px; }
- div.b_tree ul li a.b_tree_l5 {
- padding-left: 55px; }
- div.b_tree ul li a.b_tree_l6 {
- padding-left: 65px; }
- div.b_tree ul li a.b_tree_l7 {
- padding-left: 75px; }
- div.b_tree ul li a.b_tree_l8 {
- padding-left: 85px; }
- div.b_tree ul li a.b_tree_l9 {
- padding-left: 95px; }
- div.b_tree ul li a.b_tree_l10 {
- padding-left: 105px; }
- div.b_tree ul li a.b_tree_l11 {
- padding-left: 115px; }
- div.b_tree ul li span.b_tree_icon_decorator {
- width: 12px;
- height: 12px;
- float: right;
- display: inline;
- position: static;
- background-repeat: no-repeat; }
- div.b_tree ul.b_tree_l0 a.b_tree_icon {
- padding-left: 26px;
- background-position: 8px 50%; }
- div.b_tree ul.b_tree_l1 a.b_tree_icon {
- padding-left: 36px;
- background-position: 18px 50%; }
- div.b_tree ul.b_tree_l2 a.b_tree_icon {
- padding-left: 46px;
- background-position: 28px 50%; }
- div.b_tree ul.b_tree_l3 a.b_tree_icon {
- padding-left: 56px;
- background-position: 38px 50%; }
- div.b_tree ul.b_tree_l4 a.b_tree_icon {
- padding-left: 66px;
- background-position: 48px 50%; }
- div.b_tree ul.b_tree_l5 a.b_tree_icon {
- padding-left: 76px;
- background-position: 58px 50%; }
- div.b_tree ul.b_tree_l6 a.b_tree_icon {
- padding-left: 86px;
- background-position: 68px 50%; }
- div.b_tree ul.b_tree_l7 a.b_tree_icon {
- padding-left: 96px;
- background-position: 78px 50%; }
- div.b_tree ul.b_tree_l8 a.b_tree_icon {
- padding-left: 106px;
- background-position: 88px 50%; }
- div.b_tree ul.b_tree_l9 a.b_tree_icon {
- padding-left: 116px;
- background-position: 98px 50%; }
- div.b_tree ul.b_tree_l10 a.b_tree_icon {
- padding-left: 126px;
- background-position: 108px 50%; }
- div.b_tree ul.b_tree_l11 a.b_tree_icon {
- padding-left: 136px;
- background-position: 118px 50%; }
- div.b_tree a.b_tree_level_close span {
- background: url("../openolat/images/toggle-small.png") no-repeat 0% 50%;
- padding-right: 8px; }
- div.b_tree a.b_tree_level_open span {
- background: url("../openolat/images/toggle-small-expand.png") no-repeat 0% 50%;
- padding-right: 8px; }
- div.b_tree a.b_tree_level_close:hover, div.b_tree a.b_tree_level_open:hover {
- text-decoration: none; }
+.o_login_guests {
+ background-image: url("../openolat/images/user_silhouette.png"); }
- /** ----------------- FOOTER ----------------- **/
- #b_footer {
- color: #9D9D9D;
- padding: 8px 20px;
- margin-top: 12px; }
- #b_footer .b_floatbox {
- padding-top: 8px;
- border-top: 1px solid #ddd; }
- #b_footer #b_footer_user {
- float: left;
- line-height: 16px; }
- #b_footer #b_footer_user a.b_ajax {
- background: url(../openolat/images/ajax.png) no-repeat;
- width: 20px;
- height: 16px;
- display: block;
- float: left; }
- #b_footer #b_footer_version {
- float: right;
- display: block; }
- #b_footer #b_footer_powered {
- text-align: center;
- width: auto;
- background: none; }
- #b_footer #b_footer_powered a {
- display: inline; }
+.o_login_pwd {
+ background-image: url("../openolat/images/user_excl.png"); }
- /* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
- #b_main.b_menu_toolbar #b_col1_content {
- padding-top: 0;
- padding-right: 0; }
+.o_login_register {
+ background-image: url("../openolat/images/user_register.png"); }
- #b_main.b_menu_toolbar #b_col3_content {
- padding: 0; }
+.o_news_icon {
+ background-image: url("../openolat/images/information-white.png"); }
- div.b_menu_toolbar {
- background: #f9f9f9;
- background: -moz-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d0d0d0));
- background: -webkit-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: -o-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: -ms-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- background: linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 );
- border-bottom: 1px solid #7D7D7D;
- padding: 5px 5px 2px 0; }
+.o_course_icon {
+ background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
- /* breadcrumbs */
- div.b_breadcumb_path {
- padding: 0;
- margin: 0;
- float: left;
- display: inline; }
- div.b_breadcumb_path ul {
- padding: 0;
- margin: 0;
- list-style: none;
- float: left;
- display: inline; }
- div.b_breadcumb_path ul li {
- padding: 0 7px 0 14px;
- margin: 0;
- list-style: none;
- float: left;
- display: inline;
- background: url(../openolat/images/breadcrumb-separator.png) no-repeat left center; }
- div.b_breadcumb_path ul li.b_first {
- background: url(../openolat/images/home.png) no-repeat top left;
- padding-left: 25px; }
- div.b_breadcumb_path ul li a {
- color: #464444; }
- div.b_breadcumb_path ul li span.b_disabled {
- color: #000;
- padding: 0 10px 0 0;
- margin: 0; }
+.o_chat_icon {
+ background-image: url("../openolat/images/balloons-box.png"); }
- div.b_breadcumb_content {
- clear: both;
- margin-top: 0.5em;
- padding-top: 0.5em;
- border-top: 1px solid #ACAAAA; }
+.o_admin_icon {
+ background-image: url("../openolat/images/wrench-screwdriver.png"); }
- /* NOTIFICATIONS */
- div.b_noti {
- border: 1px solid #E9EAEF;
- padding: 3px 23px 3px 3px;
- float: right;
- display: inline;
- position: relative;
- right: 0;
- font-size: 95%; }
- div.b_noti a.b_contexthelp {
- position: absolute;
- top: 2px;
- right: 2px; }
- div.b_noti a.b_noti_unsubscribe_link {
- background: url(../openolat/images/mail--minus.png) no-repeat left 50%;
- padding: 1px 0 1px 20px; }
- div.b_noti a.b_noti_subscribe_link {
- background: url(../openolat/images/mail--plus.png) no-repeat left 50%;
- padding: 1px 0 1px 20px; }
- div.b_noti a.b_noti_markedread_link {
- background: url(../openolat/images/tick.png) no-repeat left 50%;
- padding: 1px 0 1px 20px; }
+.o_calendar_icon {
+ background-image: url("../openolat/images/calendar.png"); }
- /* ---------- TITLE Wrapper --------------- */
- div.b_titled_wrapper div.b_noti {
- position: absolute;
- right: 25px;
- top: 0px; }
+/** ------- FLAGS ------ **/
+.b_flag_en {
+ background-image: url("../openolat/images/flags/gb.png"); }
- div.b_titled_wrapper fieldset div.b_noti {
- top: 12px; }
+.b_flag_de {
+ background-image: url("../openolat/images/flags/de.png"); }
- h1.b_titled_wrapper span {
- padding-right: 4em;
- font-style: italic; }
+.b_flag_fr {
+ background-image: url("../openolat/images/flags/fr.png"); }
- h2.b_titled_wrapper span {
- padding-right: 4em;
- font-style: italic; }
+.b_flag_it {
+ background-image: url("../openolat/images/flags/it.png"); }
- h3.b_titled_wrapper span {
- padding-right: 4em;
- font-style: italic; }
+.b_flag_es {
+ background-image: url("../openolat/images/flags/es.png"); }
- h4.b_titled_wrapper span {
- padding-right: 3em;
- font-style: italic; }
+.b_flag_da {
+ background-image: url("../openolat/images/flags/dk.png"); }
- h5.b_titled_wrapper span {
- padding-right: 3em;
- font-style: italic; }
+.b_flag_cs {
+ background-image: url("../openolat/images/flags/cz.png"); }
- div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
- background: #fff;
- border: 0px;
- padding: 0px; }
- div.b_titled_wrapper a.b_togglebox_opened {
- z-index: 10;
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- top: 5px;
- left: 5px;
- background: url(../openolat/images/information-white.png) no-repeat 0 50%;
- padding: 0; }
- div.b_titled_wrapper a.b_togglebox_closed {
- display: block;
- width: 20px;
- height: 20px;
- background: url(../openolat/images/information-white.png) no-repeat top left;
- padding: 0;
- /* Required for IE 5, 6, 7 */
- /* ...or something to trigger hasLayout, like zoom: 1; */
- zoom: 1;
- /* Theoretically for IE 8 & 9 (more valid) */
- /* ...but not required as filter works too */
- /* should come BEFORE filter */
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
- /* This works in IE 8 & 9 too */
- /* ... but also 5, 6, 7 */
- filter: alpha(opacity=60);
- /* Older than Firefox 0.9 */
- -moz-opacity: 0.6;
- /* Safari 1.x (pre WebKit!) */
- -khtml-opacity: 0.6;
- /* Modern!
- /* Firefox 0.9+, Safari 2?, Chrome any?
- /* Opera 9+, IE 9+ */
- opacity: 0.6; }
- div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
- position: relative;
- margin-bottom: 1em; }
- div.b_titled_wrapper a.b_togglebox_hide span {
- position: absolute;
- bottom: 0;
- right: 0;
- padding: 0 6px 3px 0; }
- div.b_titled_wrapper a.b_togglebox_hide:hover {
- text-decoration: underline; }
+.b_flag_el {
+ background-image: url("../openolat/images/flags/gr.png"); }
- /* Needed for IE6 */
- div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives {
- position: relative; }
+.b_flag_ru {
+ background-image: url("../openolat/images/flags/ru.png"); }
- div.o_course_run_dropbox div.b_noti {
- position: relative;
- top: 0;
- right: 25px;
- border: 1px solid #FFFFFF; }
+.b_flag_pl {
+ background-image: url("../openolat/images/flags/pl.png"); }
- div.o_course_run_returnbox div.b_noti {
- position: relative;
- top: 0;
- right: 25px;
- border: 1px solid #FFFFFF; }
+.b_flag_zh_CN {
+ background-image: url("../openolat/images/flags/cn.png"); }
- div.o_course_run_solutionbox div.b_noti {
- position: relative;
- top: 0;
- right: 25px;
- border: 1px solid #FFFFFF; }
+.b_flag_zh_TW {
+ background-image: url("../openolat/images/flags/tw.png"); }
- /** ------------------ CATALOG ------------------------ **/
- div.o_catalog div.o_catalog_title {
- display: none; }
- div.o_catalog div.o_catalog_nav {
- font-size: 95%;
- padding: 1px 0 1px 20px;
- border-bottom: 1px solid #EEE;
- background: url(../openolat/images/folder_open.png) 0 50% no-repeat; }
- div.o_catalog div.o_catalog_links {
- margin-top: 1em;
- padding-top: 1em;
- border-top: 1px solid #EEE; }
+.b_flag_lt {
+ background-image: url("../openolat/images/flags/lt.png"); }
- /** -------------- TAGGING ---------------- **/
- /* tagging */
- .b_tag_list {
- background: url(../openolat/images/tag-label-yellow.png) 0px 3px no-repeat !important; }
+.b_flag_fa {
+ background-image: url("../openolat/images/flags/ir.png"); }
- .b_tag_icon {
- background-image: url(../openolat/images/tag-label-yellow.png); }
+.b_flag_pt_PT {
+ background-image: url("../openolat/images/flags/pt.png"); }
- div.b_tags {
- margin: 2em 0; }
- div.b_tags div {
- padding: 0.5em 0 0 20px; }
- div.b_tags span.b_tag {
- font-size: 80%;
- padding: 5px 2px 5px 2px;
- line-height: 3em;
- white-space: nowrap; }
+.b_flag_pt_BR {
+ background-image: url("../openolat/images/flags/br.png"); }
- div.o_ep_toc_editor div.b_subcl {
- min-height: 35em; }
+.b_flag_tr {
+ background-image: url("../openolat/images/flags/tr.png"); }
- div.o_ep_struct_editor div.b_subcr {
- min-height: 35em;
- background: #FFF;
- padding-right: 1em;
- overflow-x: auto; }
+.b_flag_hu {
+ background-image: url("../openolat/images/flags/hu.png"); }
- div.b_struct_edit_btn {
- float: right;
- display: inline; }
+.b_flag_sq {
+ background-image: url("../openolat/images/flags/al.png"); }
- div.b_struct_submit_assess_btn {
- float: right;
- display: inline; }
+.b_flag_in {
+ background-image: url("../openolat/images/flags/id.png"); }
- /* TextboxList */
- *:first-child + html div.holder {
- padding-bottom: 2px; }
+.b_flag_ar {
+ background-image: url("../openolat/images/flags/eg.png"); }
- * html div.holder {
- padding-bottom: 2px; }
+.b_flag_rm {
+ background-image: url("../openolat/images/flags/rm.png"); }
- /* ie7 and below */
- .textbox-outer {
- list-style-type: none;
- margin-left: 0em; }
+.b_flag_af {
+ background-image: url("../openolat/images/flags/za.png"); }
- div.holder {
- font-size: 80%; }
+.b_flag_vi {
+ background-image: url("../openolat/images/flags/vn.png"); }
- .textboxlist-auto {
- position: absolute;
- width: 300px;
- overflow: show; }
+.b_flag_mn {
+ background-image: url("../openolat/images/flags/mn.png"); }
- /* autocompleter bitbox (item) holder */
- a.bit-box, span.b_tag {
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
- border: 1px solid #CAD8F3;
- background: #DEE7F8;
- padding: 1px 5px 2px;
- padding-right: 15px;
- position: relative; }
+.b_flag_iw {
+ background-image: url("../openolat/images/flags/il.png"); }
- div.holder {
- min-width: 200px;
- width: auto;
- margin: 0;
- overflow: hidden;
- height: auto !important;
- height: 1%;
- padding: 0px 0px 0;
- cursor: text;
- /* no left/right padding here please */ }
- div.holder a {
- float: left;
- margin: 0 5px 4px 0; }
- div.holder a.bit {
- text-decoration: none;
- color: black; }
- div.holder a.bit:active, div.holder a.bit:focus {
- outline: none; }
- div.holder a.bit-box-focus {
- border-color: #598BEC;
- background: #598BEC;
- color: #fff; }
- div.holder a.bit-input input {
- width: 100px;
- margin: 0;
- border: none;
- background: white;
- outline: 0;
- padding: 3px 0 2px; }
- div.holder a.bit-input input.smallinput {
- width: 20px; }
- div.holder a.bit-hover {
- background: #BBCEF1;
- border: 1px solid #6D95E0; }
- div.holder a.bit-box-focus {
- background: #598BEC;
- color: #fff; }
- div.holder a.bit-box a.closebutton {
- position: absolute;
- right: 0;
- top: 5px;
- display: block;
- width: 7px;
- height: 7px;
- font-size: 1px;
- background: url("../openolat/images/tag_x.gif"); }
- div.holder a.bit-box a.closebutton:hover {
- background-position: 7px; }
- div.holder a.bit-box a.closebutton:active {
- outline: none; }
- div.holder a.bit-box-focus a.closebutton, div.holder a.bit-box-focus a.closebutton:hover {
- background-position: bottom; }
+.b_flag_ko {
+ background-image: url("../openolat/images/flags/kr.png"); }
- .b_wizard .textbox-outer {
- background: url(../openolat/images/tag-label-yellow.png) top left no-repeat; }
- .b_wizard .textbox-outer li {
- margin-left: 18px; }
- .b_wizard div.holder a.bit-input input {
- background: #f8f8f8;
- padding: 0.4em; }
+.b_flag_nl_NL {
+ background-image: url("../openolat/images/flags/nl.png"); }
- /* Autocompleter for textboxlist */
- ol.textbox-outer {
- margin: 0;
- padding: 0; }
+.b_flag_jp {
+ background-image: url("../openolat/images/flags/jp.png"); }
- .textboxlist-auto {
- display: none;
- background: #eee; }
- .textboxlist-auto .default {
- padding: 5px 7px;
- border: 1px solid #ccc;
- border-width: 0 1px 1px; }
- .textboxlist-auto ul {
- display: none;
- margin: 0;
- padding: 0;
- overflow: auto; }
- .textboxlist-auto ul li {
- padding: 5px 12px;
- z-index: 1000;
- cursor: pointer;
- margin: 0;
- list-style-type: none;
- border: 1px solid #ccc;
- border-width: 0 1px 1px; }
- .textboxlist-auto ul li.loading-indicator {
- padding-left: 30px;
- background-position: 5px center;
- cursor: defat;
- font-size: 100.01% !important;
- line-height: 1.5em; }
- .textboxlist-auto ul li.more-indicator {
- cursor: defat;
- font-style: italic; }
- .textboxlist-auto ul li em {
- font-weight: bold;
- font-style: normal;
- background: #ccc; }
- .textboxlist-auto ul li.auto-focus {
- background: #4173CC;
- color: #fff; }
- .textboxlist-auto ul li.auto-focus em {
- background: none; }
+.b_flag_nb_NO {
+ background-image: url("../openolat/images/flags/no.png"); }
- input.inputMessage {
- color: #AAA;
- font-size: 11px; } }
-/*
-* =================================================
-*
-* ICON Rules for the OpenOLAT theme
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Dez. 2011
-*
-* also read themes.README!
-*
-*
-* =================================================
-*/
-.b_with_small_icon_left {
- padding: 2px 0 2px 20px;
- min-height: 16px;
- background-position: 0 50%;
- background-repeat: no-repeat; }
+.b_flag_et_EE {
+ background-image: url("../openolat/images/flags/ee.png"); }
-option.b_with_small_icon_left {
- padding: 0 0 0 20px;
- vertical-align: middle;
- min-height: 11px;
- background-position: 0 50%;
- background-repeat: no-repeat; }
+.b_flag_bg {
+ background-image: url("../openolat/images/flags/bg.png"); }
-.b_with_small_icon_right {
- padding: 1px 20px 1px 0px;
- min-height: 16px;
- background-position: 100% 50%;
- background-repeat: no-repeat; }
+.b_flag_hi_IN_ASIA {
+ background-image: url("../openolat/images/flags/in.png"); }
-.b_small_icon {
- float: left;
- display: inline;
- width: 16px;
- height: 16px;
- background-position: 0 50%;
- background-repeat: no-repeat; }
+.b_flag_ar_LB {
+ background-image: url("../openolat/images/flags/lb.png"); }
-a.b_small_icon:hover {
- text-decoration: none; }
+.b_flag_de_FX_business {
+ background-image: url("../openolat/images/flags/de.png"); }
-/* ------- misc icons --------- */
-.b_info_icon {
- background-image: url("../openolat/images/comment.png"); }
+.b_flag_de_FX_school {
+ background-image: url("../openolat/images/flags/de.png"); }
-.b_warn_icon {
- background-image: url("../openolat/images/exclamation.png"); }
+.b_flag_en_FX_business {
+ background-image: url("../openolat/images/flags/gb.png"); }
-.b_error_icon {
- background-image: url("../openolat/images/cross-circle.png"); }
+.b_flag_en_FX_school {
+ background-image: url("../openolat/images/flags/gb.png"); }
-.b_new_icon {
- background-image: url("../openolat/images/new-text.png"); }
+/** ------- FILE TYPES ------- **/
+/* first the default that is used as base class. will be overriden by following classes */
+.b_filetype_file, .b_filetype_ico {
+ background-image: url("../openolat/images/docs/document_plain.png") !important; }
-.b_institution_icon {
- background-image: url("../openolat/images/home.png"); }
+/* filesystem icons, mark important to override ext definitions */
+.b_filetype_avi_icon {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
-.b_group_icon {
- background-image: url("../openolat/images/users.png"); }
+.b_filetype_bat_icon {
+ background-image: url("../openolat/images/docs/document-binary.png") !important; }
-.b_user_icon {
- background-image: url("../openolat/images/user.png"); }
+.b_filetype_bmp {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
-.b_move_left_icon {
- background-image: url("../openolat/images/arrow_left_big.png"); }
+.b_filetype_css {
+ background-image: url("../openolat/images/docs/document_tags.png") !important; }
-.b_move_right_icon {
- background-image: url("../openolat/images/arrow_right_big.png"); }
+.b_filetype_doc, .b_filetype_docx {
+ background-image: url("../openolat/images/docs/document-word.png") !important; }
-.b_move_down_icon {
- background-image: url("../openolat/images/arrow_down_big.png"); }
+.b_filetype_dvi {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
-.b_move_up_icon {
- background-image: url("../openolat/images/arrow_up_big.png"); }
+.b_filetype_exe {
+ background-image: url("../openolat/images/docs/document-binary.png") !important; }
-.b_delete_icon {
- background-image: url("../openolat/images/bin-metal-full.png"); }
-
-.b_share_icon {
- background-image: url("../openolat/images/share.png"); }
-
-.b_status_enabled_icon {
- background-image: url("../openolat/images/tick.png"); }
-
-.b_status_disabled_icon {
- background-image: url("../openolat/images/cross.png"); }
-
-.b_edit_icon {
- background-image: url("../openolat/images/docs/document--pencil.png"); }
-
-.b_add_icon {
- background-image: url("../openolat/images/plus-circle.png"); }
-
-.b_open_icon {
- background-image: url("../openolat/images/control/control.png"); }
-
-.o_fulltext_search_button {
- background-image: url("../openolat/images/magnifier-zoom.png"); }
-
-.o_help_icon {
- background-image: url("../openolat/images/help.png"); }
-
-.o_rss_icon {
- background-image: url("../openolat/images/feed.png"); }
-
-.o_login_guests {
- background-image: url("../openolat/images/user_silhouette.png"); }
-
-.o_login_pwd {
- background-image: url("../openolat/images/user_excl.png"); }
-
-.o_login_register {
- background-image: url("../openolat/images/user_register.png"); }
-
-.o_news_icon {
- background-image: url("../openolat/images/information-white.png"); }
-
-.o_course_icon {
- background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
-
-.o_chat_icon {
- background-image: url("../openolat/images/balloons-box.png"); }
-
-.o_admin_icon {
- background-image: url("../openolat/images/wrench-screwdriver.png"); }
-
-.o_calendar_icon {
- background-image: url("../openolat/images/calendar.png"); }
-
-/** ------- FLAGS ------ **/
-.b_flag_en {
- background-image: url("../openolat/images/flags/gb.png"); }
-
-.b_flag_de {
- background-image: url("../openolat/images/flags/de.png"); }
-
-.b_flag_fr {
- background-image: url("../openolat/images/flags/fr.png"); }
-
-.b_flag_it {
- background-image: url("../openolat/images/flags/it.png"); }
-
-.b_flag_es {
- background-image: url("../openolat/images/flags/es.png"); }
-
-.b_flag_da {
- background-image: url("../openolat/images/flags/dk.png"); }
-
-.b_flag_cs {
- background-image: url("../openolat/images/flags/cz.png"); }
-
-.b_flag_el {
- background-image: url("../openolat/images/flags/gr.png"); }
-
-.b_flag_ru {
- background-image: url("../openolat/images/flags/ru.png"); }
-
-.b_flag_pl {
- background-image: url("../openolat/images/flags/pl.png"); }
-
-.b_flag_zh_CN {
- background-image: url("../openolat/images/flags/cn.png"); }
-
-.b_flag_zh_TW {
- background-image: url("../openolat/images/flags/tw.png"); }
-
-.b_flag_lt {
- background-image: url("../openolat/images/flags/lt.png"); }
-
-.b_flag_fa {
- background-image: url("../openolat/images/flags/ir.png"); }
-
-.b_flag_pt_PT {
- background-image: url("../openolat/images/flags/pt.png"); }
-
-.b_flag_pt_BR {
- background-image: url("../openolat/images/flags/br.png"); }
-
-.b_flag_tr {
- background-image: url("../openolat/images/flags/tr.png"); }
-
-.b_flag_hu {
- background-image: url("../openolat/images/flags/hu.png"); }
-
-.b_flag_sq {
- background-image: url("../openolat/images/flags/al.png"); }
-
-.b_flag_in {
- background-image: url("../openolat/images/flags/id.png"); }
-
-.b_flag_ar {
- background-image: url("../openolat/images/flags/eg.png"); }
-
-.b_flag_rm {
- background-image: url("../openolat/images/flags/rm.png"); }
-
-.b_flag_af {
- background-image: url("../openolat/images/flags/za.png"); }
-
-.b_flag_vi {
- background-image: url("../openolat/images/flags/vn.png"); }
-
-.b_flag_mn {
- background-image: url("../openolat/images/flags/mn.png"); }
-
-.b_flag_iw {
- background-image: url("../openolat/images/flags/il.png"); }
-
-.b_flag_ko {
- background-image: url("../openolat/images/flags/kr.png"); }
-
-.b_flag_nl_NL {
- background-image: url("../openolat/images/flags/nl.png"); }
-
-.b_flag_jp {
- background-image: url("../openolat/images/flags/jp.png"); }
-
-.b_flag_nb_NO {
- background-image: url("../openolat/images/flags/no.png"); }
-
-.b_flag_et_EE {
- background-image: url("../openolat/images/flags/ee.png"); }
-
-.b_flag_bg {
- background-image: url("../openolat/images/flags/bg.png"); }
-
-.b_flag_hi_IN_ASIA {
- background-image: url("../openolat/images/flags/in.png"); }
-
-.b_flag_ar_LB {
- background-image: url("../openolat/images/flags/lb.png"); }
-
-.b_flag_de_FX_business {
- background-image: url("../openolat/images/flags/de.png"); }
-
-.b_flag_de_FX_school {
- background-image: url("../openolat/images/flags/de.png"); }
-
-.b_flag_en_FX_business {
- background-image: url("../openolat/images/flags/gb.png"); }
-
-.b_flag_en_FX_school {
- background-image: url("../openolat/images/flags/gb.png"); }
-
-/** ------- FILE TYPES ------- **/
-/* first the default that is used as base class. will be overriden by following classes */
-.b_filetype_file, .b_filetype_ico {
- background-image: url("../openolat/images/docs/document_plain.png") !important; }
-
-/* filesystem icons, mark important to override ext definitions */
-.b_filetype_avi_icon {
- background-image: url("../openolat/images/docs/document-film.png") !important; }
-
-.b_filetype_bat_icon {
- background-image: url("../openolat/images/docs/document-binary.png") !important; }
-
-.b_filetype_bmp {
- background-image: url("../openolat/images/docs/document-image.png") !important; }
-
-.b_filetype_css {
- background-image: url("../openolat/images/docs/document_tags.png") !important; }
-
-.b_filetype_doc, .b_filetype_docx {
- background-image: url("../openolat/images/docs/document-word.png") !important; }
-
-.b_filetype_dvi {
- background-image: url("../openolat/images/docs/document-film.png") !important; }
-
-.b_filetype_exe {
- background-image: url("../openolat/images/docs/document-binary.png") !important; }
-
-div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open {
- background-image: url("../openolat/images/folder_open.png") !important; }
+div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_filetype_folder_open {
+ background-image: url("../openolat/images/folder_open.png") !important; }
.b_filetype_folder {
background-image: url("../openolat/images/folder.png") !important; }
@@ -1420,143 +568,1024 @@ li a.b_toolbox_publish {
li a.b_toolbox_move {
background-image: url("../openolat/images/docs/document_move.png"); }
-li a.b_toolbox_close {
- background-image: url("../openolat/images/close.png"); }
+li a.b_toolbox_close {
+ background-image: url("../openolat/images/close.png"); }
+
+li a.b_toolbox_delete {
+ background-image: url("../openolat/images/bin-metal-full.png"); }
+
+li a.b_toolbox_copy, .b_copy_icon {
+ background-image: url("../openolat/images/docs/document-copy.png"); }
+
+/* --------- menu icon decorators -------- */
+.o_midlock {
+ top: 9px;
+ left: 9px;
+ background-image: url("../openolat/images/decorator/deco_condition.png"); }
+
+.o_miderr {
+ top: 8px;
+ left: -2px;
+ background-image: url("../openolat/images/decorator/deco_error.png"); }
+
+.o_midwarn {
+ top: 8px;
+ left: -2px;
+ background-image: url("../openolat/images/decorator/deco_warn.png"); }
+
+.o_midpub {
+ top: -2px;
+ left: 9px;
+ background-image: url("../openolat/images/decorator/deco_ok.png"); }
+
+/* --------- course building block icons ------------------- */
+.o_bc_icon {
+ background-image: url("../openolat/images/folder.png") !important; }
+
+.o_co_icon {
+ background-image: url("../openolat/images/mail.png") !important; }
+
+.o_cp_icon {
+ background-image: url("../openolat/images/le_resources/box.png") !important; }
+
+.o_cp_org {
+ background-image: url("../openolat/images/le_resources/box.png") !important; }
+
+.o_cp_item {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.o_dialog_icon {
+ background-image: url("../openolat/images/docs/document_discuss.png") !important; }
+
+.o_en_icon {
+ background-image: url("../openolat/images/enrol.png") !important; }
+
+.o_fo_icon {
+ background-image: url("../openolat/images/forum/forum.png") !important; }
+
+.o_iqself_icon {
+ background-image: url("../openolat/images/le_resources/selftest.png") !important; }
+
+.o_iqsurv_icon {
+ background-image: url("../openolat/images/le_resources/survey.png") !important; }
+
+.o_iqtest_icon {
+ background-image: url("../openolat/images/le_resources/test.png") !important; }
+
+.o_ms_icon {
+ background-image: url("../openolat/images/le_resources/thumb-up.png") !important; }
+
+.o_scorm_icon, .o_scorm_org {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+
+.o_scorm_item {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.o_scorm_asset {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+
+.o_sp_icon {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.o_st_icon {
+ background-image: url("../openolat/images/node-select-all.png") !important; }
+
+.o_ta_icon {
+ background-image: url("../openolat/images/docs/document-task.png") !important; }
+
+.o_tu_icon {
+ background-image: url("../openolat/images/docs/document-import.png") !important; }
+
+.o_wiki_icon {
+ background-image: url("../openolat/images/le_resources/wiki.png") !important; }
+
+.o_ll_icon {
+ background-image: url("../openolat/images/docs/document_linklist.png") !important; }
+
+.o_cl_icon {
+ background-image: url("../openolat/images/clipboard-task.png") !important; }
+
+.o_den_icon {
+ background-image: url("../openolat/images/clock.png") !important; }
+
+.o_projectbroker_icon {
+ background-image: url("../openolat/images/projectbroker.png") !important; }
+
+.o_podcast_icon {
+ background-image: url("../openolat/images/le_resources/media-player-cast.png") !important; }
+
+.o_blog_icon {
+ background-image: url("../openolat/images/le_resources/blog.png") !important; }
+
+.o_cal_icon {
+ background-image: url("../openolat/images/calendar.png") !important; }
+
+.o_lti_icon {
+ background-image: url("../openolat/images/docs/document-node.png") !important; }
+
+/* <OLATCE-103> */
+.o_vc_icon {
+ background-image: url("../openolat/images/projection-screen.png") !important; }
+
+/* </OLATCE-103> */
+.o_vitero_icon {
+ background-image: url("../openolat/images/vitero.png") !important; }
+
+.o_ep_icon, .o_EPStructuredMapTemplate_icon {
+ background-image: url("../openolat/images/le_resources/portfolio.png") !important; }
+
+.o_infomsg_icon {
+ background-image: url("../openolat/images/information-button.png") !important; }
+
+.o_cmembers_icon {
+ background-image: url("../openolat/images/users.png") !important; }
+
+.fx_members_icon {
+ background-image: url("../openolat/images/users_members.png") !important; }
+
+body#b_body .o_CourseModule_icon_closed {
+ background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
+
+/*
+* =================================================
+*
+* basemod rules for OpenOLAT 8
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Nov. 2011
+*
+* also read themes.README!
+*
+* (as of yaml compliance, contains css rules for
+* positioning and sizing elements)
+*
+* this file is included in layout.scss
+* it is not compiled to a separate css-file...
+*
+* =================================================
+*/
+@media all {
+ html {
+ min-height: 100%; }
+
+ /** ----------------- MAIN LAYOUT ----------------- **/
+ /**
+ * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
+ * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
+ *
+ * @workaround
+ * @affected IE8, FF, Webkit, Opera
+ * @css-for all
+ * @valid CSS3
+ */
+ body {
+ min-height: 100%;
+ overflow-y: scroll;
+ background: yellow;
+ background: -moz-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, yellow), color-stop(33%, red), color-stop(66%, blue), color-stop(100%, green));
+ background: -webkit-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
+ background: -o-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
+ background: -ms-linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
+ background: linear-gradient(top, yellow 0%, red 33%, blue 66%, green 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='green',GradientType=0 ); }
+
+ #b_page_margins {
+ min-width: 740px;
+ max-width: 1324px;
+ margin: 0 auto;
+ width: 100%;
+ height: 100%; }
+
+ #b_page_wrapper {
+ border-bottom: 1px solid lightGrey; }
+
+ #b_main {
+ background: #fff;
+ clear: both;
+ moz-box-shadow: 0 0 14px #d3d3d3;
+ -ms-box-shadow: 0 0 14px #d3d3d3;
+ -o-box-shadow: 0 0 14px #d3d3d3;
+ -webkit-box-shadow: 0 0 14px #d3d3d3;
+ box-shadow: 0 0 14px #d3d3d3; }
+
+ #b_page a#b_toplink {
+ position: absolute;
+ bottom: 1em;
+ right: 1em;
+ background: transparent url(../openolat/images/arrow_up.png) 0 50% no-repeat;
+ padding-left: 14px;
+ z-index: 5; }
+
+ #b_header, #b_page, #b_col1_content, #b_col2_content, #b_col3_content, #b_col3_content_inner {
+ position: relative; }
+
+ #b_col1 {
+ overflow: hidden; }
+
+ #b_col1_content {
+ padding: 1em 10px 1em 0px; }
+
+ #b_col3 {
+ border-left: 1px #DDD dotted;
+ border-right: 1px #DDD dotted; }
+
+ #b_col3_content {
+ min-height: 450px;
+ padding: 20px 20px 30px 20px; }
+
+ #b_col2_content {
+ overflow: hidden;
+ padding: 1em 0; }
+
+ .b_hidecol2 #b_col3 {
+ margin-right: 0 !important;
+ border-right: none; }
+
+ .b_hidecol1 #b_col3 {
+ margin-left: 0 !important;
+ border-left: none; }
+
+ .b_hideboth #b_col3 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border-left: none;
+ border-right: none; }
+
+ .b_hideboth #b_col1, .b_hideboth #b_col2, .b_hidecol1 #b_col1, .b_hidecol2 #b_col2, #b_ie_clearing {
+ display: none; }
+
+ .b_c15r, .b_c20r, .b_c80r, .b_c85r {
+ float: right;
+ margin-left: -5px; }
+
+ .b_c15l, .b_c15r {
+ width: 15%; }
+
+ .b_c20l, .b_c20r {
+ width: 20%; }
+
+ .b_c80l, .b_c80r {
+ width: 80%; }
+
+ .b_c85l, .b_c85r {
+ width: 85%; }
+
+ .b_subcolumns_oldgecko, .b_c20l, .b_c15l, .b_c80l, .b_c85l {
+ float: left; }
+
+ /* IFRAME */
+ div.b_iframe_wrapper iframe {
+ width: 100%;
+ position: relative;
+ top: 0;
+ left: 0;
+ border: none;
+ margin: 0;
+ padding: 0;
+ background: transparent; }
+
+ /* RedScreen View */
+ #b_main.b_exception {
+ padding-left: 165px;
+ padding-right: 165px; }
+
+ /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
+ #b_header {
+ height: auto;
+ min-height: 30px;
+ overflow: hidden;
+ position: relative;
+ /* the top-navigation */ }
+ #b_header #b_topnav {
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ padding: 4px 15px 0px 0px; }
+ #b_header #b_topnav ul {
+ margin: 0; }
+ #b_header #b_topnav #o_topnav_search input {
+ line-height: 1.3em;
+ margin: 0;
+ width: 10em; }
+ #b_header #b_topnav #o_topnav_printview a {
+ background: url(../openolat/images/printer.png) no-repeat top right;
+ padding: 2px 20px 2px 0;
+ margin: 0; }
+ #b_header #b_topnav #o_topnav_logout a {
+ background: url("../openolat/images/control/control-power.png") no-repeat top right;
+ padding: 2px 20px 2px 0;
+ margin: 0;
+ font-weight: bold; }
+ #b_header #b_topnav li {
+ float: left;
+ list-style: none;
+ margin-left: 1.7em; }
+ #b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+ #b_header #b_topnav li#o_topnav_imclient li {
+ margin-left: 0.5em; }
+
+ /** ----------------- MAIN NAVIGATION ( TABS ) ----------------- **/
+ #b_nav_main {
+ float: left; }
+ #b_nav_main ul {
+ padding-left: 40px;
+ margin: 0; }
+ #b_nav_main ul li {
+ float: left;
+ position: relative;
+ list-style: none;
+ margin: 0px;
+ padding: 4px 3px 4px 12px;
+ margin-right: 2px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-top-right-radius: 6px;
+ -webkit-border-bottom-right-radius: 0;
+ -webkit-border-bottom-left-radius: 0;
+ -moz-border-radius-topleft: 6px;
+ -moz-border-radius-topright: 6px;
+ -moz-border-radius-bottomright: 0;
+ -moz-border-radius-bottomleft: 0;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ background: #fff;
+ background: rgba(255, 255, 255, 0.5);
+ /* -- SITES ( home, users, groups, etc. ) -- */
+ /* -- TABS ( courses, wiki, etc.) -- */
+ /* -- THE SPACER -- */ }
+ #b_nav_main ul li a {
+ /* "bloat" the links (better for touch) */
+ padding: 4px 12px 4px 3px; }
+ #b_nav_main ul li a:hover {
+ text-decoration: none; }
+ #b_nav_main ul li.b_nav_site {
+ /** sites icons **/ }
+ #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover, #b_nav_main ul li.b_nav_site.b_exception {
+ moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ box-shadow: 0 -4px 8px -1px #d3d3d3;
+ background: #fff; }
+ #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close, #b_nav_main ul li.b_nav_site.b_exception a.b_nav_tab_close {
+ background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
+ #b_nav_main ul li.b_nav_site > div {
+ padding-left: 16px;
+ background-repeat: no-repeat;
+ background-position: 0% 50%;
+ background-image: url("../openolat/images/application.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_home > div {
+ background-image: url("../openolat/images/home.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_admin > div {
+ background-image: url("../openolat/images/wrench-screwdriver.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_useradmin > div {
+ background-image: url("../openolat/images/user_conf.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_groupsmanagement > div {
+ background-image: url("../openolat/images/users_conf.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_repository > div {
+ background-image: url("../openolat/images/books-stack.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_groups > div {
+ background-image: url("../openolat/images/users.png"); }
+ #b_nav_main ul li.b_nav_site.site_demo_icon > div {
+ background-image: url("../openolat/images/information-white.png"); }
+ #b_nav_main ul li.b_nav_site.f_site_library > div {
+ background-image: url("../openolat/images/library.png"); }
+ #b_nav_main ul li.b_nav_site.fx_members > div {
+ background-image: url("../openolat/images/users_members.png"); }
+ #b_nav_main ul li.b_nav_site.o_site_guidemo div {
+ background-image: url("../openolat/images/light-bulb.png"); }
+ #b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
+ background-image: url(../openolat/images/users.png); }
+ #b_nav_main ul li.b_nav_tab {
+ margin-right: 4px; }
+ #b_nav_main ul li.b_nav_tab a.b_nav_tab_close {
+ position: absolute;
+ top: 3px;
+ right: 4px;
+ width: 13px;
+ height: 13px;
+ line-height: 0;
+ padding: 0;
+ margin: 0;
+ background: transparent url(../openolat/images/cross_small_trimmed_grey.png) no-repeat right top; }
+ #b_nav_main ul li.b_nav_tab.b_nav_active, #b_nav_main ul li.b_nav_tab:hover {
+ moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -o-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ -webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
+ box-shadow: 0 -4px 8px -1px #d3d3d3;
+ background: #fff; }
+ #b_nav_main ul li.b_nav_tab.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_tab:hover a.b_nav_tab_close {
+ background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
+ #b_nav_main ul li#b_nav_spacer {
+ background: none;
+ border: none;
+ width: 20px;
+ height: 1px;
+ padding: 0; }
+
+ /** ----------------- SUB NAVIGATION (TREE) ----------------- **/
+ /* note: the markup will be the one from OLATpro, has to be merged yet */
+ div.b_tree {
+ font-size: 100%;
+ padding: 0;
+ /* the open/close node icons */ }
+ div.b_tree ul {
+ position: relative;
+ padding: 0;
+ margin: 0 0 0 1em;
+ list-style: none;
+ white-space: nowrap;
+ /* link to select the item with icon */ }
+ div.b_tree ul li {
+ position: relative;
+ background: transparent;
+ margin-left: 0;
+ padding-left: 0;
+ line-height: 1.7em;
+ /* selected, hovered, active <a> tag */
+ /* icon positioning */
+ /* decorators in tree (e.g. course-editor ) */ }
+ div.b_tree ul li a.b_tree_icon {
+ padding-left: 20px;
+ padding-top: 2px;
+ position: relative;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
+ div.b_tree ul li a {
+ color: #555555; }
+ div.b_tree ul li a.b_tree_l1 {
+ padding-left: 16px; }
+ div.b_tree ul li .b_tree_oc_l1 {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ z-index: 9; }
+ div.b_tree ul li a:focus, div.b_tree ul li a:hover {
+ color: red;
+ background-color: transparent;
+ text-decoration: underline; }
+ div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
+ color: red;
+ background-color: transparent;
+ text-decoration: none; }
+ div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
+ color: red;
+ font-weight: bold; }
+ div.b_tree ul li .b_tree_oc_l1 {
+ position: absolute;
+ top: 0px;
+ left: 1px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l2 {
+ position: absolute;
+ top: 0px;
+ left: 11px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l3 {
+ position: absolute;
+ top: 0px;
+ left: 21px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l4 {
+ position: absolute;
+ top: 0px;
+ left: 31px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l5 {
+ position: absolute;
+ top: 0px;
+ left: 41px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l6 {
+ position: absolute;
+ top: 0px;
+ left: 51px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l7 {
+ position: absolute;
+ top: 0px;
+ left: 61px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l8 {
+ position: absolute;
+ top: 0px;
+ left: 71px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l9 {
+ position: absolute;
+ top: 0px;
+ left: 81px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l10 {
+ position: absolute;
+ top: 0px;
+ left: 91px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l11 {
+ position: absolute;
+ top: 0px;
+ left: 101px;
+ z-index: 9; }
+ div.b_tree ul li a.b_tree_l0 {
+ padding-left: 5px; }
+ div.b_tree ul li a.b_tree_l1 {
+ padding-left: 15px; }
+ div.b_tree ul li a.b_tree_l2 {
+ padding-left: 25px; }
+ div.b_tree ul li a.b_tree_l3 {
+ padding-left: 35px; }
+ div.b_tree ul li a.b_tree_l4 {
+ padding-left: 45px; }
+ div.b_tree ul li a.b_tree_l5 {
+ padding-left: 55px; }
+ div.b_tree ul li a.b_tree_l6 {
+ padding-left: 65px; }
+ div.b_tree ul li a.b_tree_l7 {
+ padding-left: 75px; }
+ div.b_tree ul li a.b_tree_l8 {
+ padding-left: 85px; }
+ div.b_tree ul li a.b_tree_l9 {
+ padding-left: 95px; }
+ div.b_tree ul li a.b_tree_l10 {
+ padding-left: 105px; }
+ div.b_tree ul li a.b_tree_l11 {
+ padding-left: 115px; }
+ div.b_tree ul li span.b_tree_icon_decorator {
+ width: 12px;
+ height: 12px;
+ float: right;
+ display: inline;
+ position: static;
+ background-repeat: no-repeat; }
+ div.b_tree ul.b_tree_l0 a.b_tree_icon {
+ padding-left: 26px;
+ background-position: 8px 50%; }
+ div.b_tree ul.b_tree_l1 a.b_tree_icon {
+ padding-left: 36px;
+ background-position: 18px 50%; }
+ div.b_tree ul.b_tree_l2 a.b_tree_icon {
+ padding-left: 46px;
+ background-position: 28px 50%; }
+ div.b_tree ul.b_tree_l3 a.b_tree_icon {
+ padding-left: 56px;
+ background-position: 38px 50%; }
+ div.b_tree ul.b_tree_l4 a.b_tree_icon {
+ padding-left: 66px;
+ background-position: 48px 50%; }
+ div.b_tree ul.b_tree_l5 a.b_tree_icon {
+ padding-left: 76px;
+ background-position: 58px 50%; }
+ div.b_tree ul.b_tree_l6 a.b_tree_icon {
+ padding-left: 86px;
+ background-position: 68px 50%; }
+ div.b_tree ul.b_tree_l7 a.b_tree_icon {
+ padding-left: 96px;
+ background-position: 78px 50%; }
+ div.b_tree ul.b_tree_l8 a.b_tree_icon {
+ padding-left: 106px;
+ background-position: 88px 50%; }
+ div.b_tree ul.b_tree_l9 a.b_tree_icon {
+ padding-left: 116px;
+ background-position: 98px 50%; }
+ div.b_tree ul.b_tree_l10 a.b_tree_icon {
+ padding-left: 126px;
+ background-position: 108px 50%; }
+ div.b_tree ul.b_tree_l11 a.b_tree_icon {
+ padding-left: 136px;
+ background-position: 118px 50%; }
+ div.b_tree a.b_tree_level_close span {
+ background: url("../openolat/images/toggle-small.png") no-repeat 0% 50%;
+ padding-right: 8px; }
+ div.b_tree a.b_tree_level_open span {
+ background: url("../openolat/images/toggle-small-expand.png") no-repeat 0% 50%;
+ padding-right: 8px; }
+ div.b_tree a.b_tree_level_close:hover, div.b_tree a.b_tree_level_open:hover {
+ text-decoration: none; }
+
+ /** ----------------- FOOTER ----------------- **/
+ #b_footer {
+ color: #9D9D9D;
+ padding: 8px 20px;
+ margin-top: 12px; }
+ #b_footer .b_floatbox {
+ padding-top: 8px;
+ border-top: 1px solid #ddd; }
+ #b_footer #b_footer_user {
+ float: left;
+ line-height: 16px; }
+ #b_footer #b_footer_user a.b_ajax {
+ background: url(../openolat/images/ajax.png) no-repeat;
+ width: 20px;
+ height: 16px;
+ display: block;
+ float: left; }
+ #b_footer #b_footer_version {
+ float: right;
+ display: block; }
+ #b_footer #b_footer_powered {
+ text-align: center;
+ width: auto;
+ background: none; }
+ #b_footer #b_footer_powered a {
+ display: inline; }
-li a.b_toolbox_delete {
- background-image: url("../openolat/images/bin-metal-full.png"); }
+ /* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
+ #b_main.b_menu_toolbar #b_col1_content {
+ padding-top: 0;
+ padding-right: 0; }
-li a.b_toolbox_copy, .b_copy_icon {
- background-image: url("../openolat/images/docs/document-copy.png"); }
+ #b_main.b_menu_toolbar #b_col3_content {
+ padding: 0; }
-/* --------- menu icon decorators -------- */
-.o_midlock {
- top: 9px;
- left: 9px;
- background-image: url("../openolat/images/decorator/deco_condition.png"); }
+ div.b_menu_toolbar {
+ background: #f9f9f9;
+ background: -moz-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d0d0d0));
+ background: -webkit-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: -o-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: -ms-linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ background: linear-gradient(top, #f9f9f9 0%, #d0d0d0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 );
+ border-bottom: 1px solid #7D7D7D;
+ padding: 5px 5px 2px 0; }
-.o_miderr {
- top: 8px;
- left: -2px;
- background-image: url("../openolat/images/decorator/deco_error.png"); }
+ /* breadcrumbs */
+ div.b_breadcumb_path {
+ padding: 0;
+ margin: 0;
+ float: left;
+ display: inline; }
+ div.b_breadcumb_path ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ float: left;
+ display: inline; }
+ div.b_breadcumb_path ul li {
+ padding: 0 7px 0 14px;
+ margin: 0;
+ list-style: none;
+ float: left;
+ display: inline;
+ background: url(../openolat/images/breadcrumb-separator.png) no-repeat left center; }
+ div.b_breadcumb_path ul li.b_first {
+ background: url(../openolat/images/home.png) no-repeat top left;
+ padding-left: 25px; }
+ div.b_breadcumb_path ul li a {
+ color: #464444; }
+ div.b_breadcumb_path ul li span.b_disabled {
+ color: #000;
+ padding: 0 10px 0 0;
+ margin: 0; }
-.o_midwarn {
- top: 8px;
- left: -2px;
- background-image: url("../openolat/images/decorator/deco_warn.png"); }
+ div.b_breadcumb_content {
+ clear: both;
+ margin-top: 0.5em;
+ padding-top: 0.5em;
+ border-top: 1px solid #ACAAAA; }
-.o_midpub {
- top: -2px;
- left: 9px;
- background-image: url("../openolat/images/decorator/deco_ok.png"); }
+ /* NOTIFICATIONS */
+ div.b_noti {
+ border: 1px solid #E9EAEF;
+ padding: 3px 23px 3px 3px;
+ float: right;
+ display: inline;
+ position: relative;
+ right: 0;
+ font-size: 95%; }
+ div.b_noti a.b_contexthelp {
+ position: absolute;
+ top: 2px;
+ right: 2px; }
+ div.b_noti a.b_noti_unsubscribe_link {
+ background: url(../openolat/images/mail--minus.png) no-repeat left 50%;
+ padding: 1px 0 1px 20px; }
+ div.b_noti a.b_noti_subscribe_link {
+ background: url(../openolat/images/mail--plus.png) no-repeat left 50%;
+ padding: 1px 0 1px 20px; }
+ div.b_noti a.b_noti_markedread_link {
+ background: url(../openolat/images/tick.png) no-repeat left 50%;
+ padding: 1px 0 1px 20px; }
-/* --------- course building block icons ------------------- */
-.o_bc_icon {
- background-image: url("../openolat/images/folder.png") !important; }
+ /* ---------- TITLE Wrapper --------------- */
+ div.b_titled_wrapper div.b_noti {
+ position: absolute;
+ right: 25px;
+ top: 0px; }
-.o_co_icon {
- background-image: url("../openolat/images/mail.png") !important; }
+ div.b_titled_wrapper fieldset div.b_noti {
+ top: 12px; }
-.o_cp_icon {
- background-image: url("../openolat/images/le_resources/box.png") !important; }
+ h1.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
-.o_cp_org {
- background-image: url("../openolat/images/le_resources/box.png") !important; }
+ h2.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
-.o_cp_item {
- background-image: url("../openolat/images/docs/document-text.png") !important; }
+ h3.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
-.o_dialog_icon {
- background-image: url("../openolat/images/docs/document_discuss.png") !important; }
+ h4.b_titled_wrapper span {
+ padding-right: 3em;
+ font-style: italic; }
-.o_en_icon {
- background-image: url("../openolat/images/enrol.png") !important; }
+ h5.b_titled_wrapper span {
+ padding-right: 3em;
+ font-style: italic; }
-.o_fo_icon {
- background-image: url("../openolat/images/forum/forum.png") !important; }
+ div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
+ background: transparent;
+ border: 0px;
+ padding: 0px; }
+ div.b_titled_wrapper a.b_togglebox_opened {
+ z-index: 10;
+ display: block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ background: url(../openolat/images/information-white.png) no-repeat 0 50%;
+ padding: 0; }
+ div.b_titled_wrapper a.b_togglebox_closed {
+ display: block;
+ width: 20px;
+ height: 20px;
+ background: url(../openolat/images/information-white.png) no-repeat top left;
+ padding: 0;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=60);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.6;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.6;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.6; }
+ div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
+ position: relative;
+ margin-bottom: 1em; }
+ div.b_titled_wrapper a.b_togglebox_hide span {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ padding: 0 6px 3px 0; }
+ div.b_titled_wrapper a.b_togglebox_hide:hover {
+ text-decoration: underline; }
-.o_iqself_icon {
- background-image: url("../openolat/images/le_resources/selftest.png") !important; }
+ /* Needed for IE6 */
+ div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives {
+ position: relative; }
-.o_iqsurv_icon {
- background-image: url("../openolat/images/le_resources/survey.png") !important; }
+ div.o_course_run_dropbox div.b_noti {
+ position: relative;
+ top: 0;
+ right: 25px;
+ border: 1px solid #FFFFFF; }
-.o_iqtest_icon {
- background-image: url("../openolat/images/le_resources/test.png") !important; }
+ div.o_course_run_returnbox div.b_noti {
+ position: relative;
+ top: 0;
+ right: 25px;
+ border: 1px solid #FFFFFF; }
-.o_ms_icon {
- background-image: url("../openolat/images/le_resources/thumb-up.png") !important; }
+ div.o_course_run_solutionbox div.b_noti {
+ position: relative;
+ top: 0;
+ right: 25px;
+ border: 1px solid #FFFFFF; }
-.o_scorm_icon, .o_scorm_org {
- background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+ /** ------------------ CATALOG ------------------------ **/
+ div.o_catalog div.o_catalog_link_title {
+ margin: 2em 0 0 0;
+ border-bottom: 1px solid #ccc;
+ padding: 0.3em; }
+ div.o_catalog div.o_catalog_title {
+ display: none; }
+ div.o_catalog div.o_catalog_nav {
+ font-size: 95%;
+ padding: 1px 0 2px 22px;
+ border-bottom: 1px solid #EEE;
+ background: url(../openolat/images/folder_open.png) 2px 50% no-repeat; }
+ div.o_catalog div.o_catalog_links {
+ margin-top: 1em;
+ padding-top: 1em;
+ border-top: 1px solid #EEE; }
-.o_scorm_item {
- background-image: url("../openolat/images/docs/document-text.png") !important; }
+ /** -------------- TAGGING ---------------- **/
+ /* tagging */
+ .b_tag_list {
+ background: url(../openolat/images/tag-label-yellow.png) 0px 3px no-repeat !important; }
-.o_scorm_asset {
- background-image: url("../openolat/images/le_resources/book-open-text-image-s.png") !important; }
+ .b_tag_icon {
+ background-image: url(../openolat/images/tag-label-yellow.png); }
-.o_sp_icon {
- background-image: url("../openolat/images/docs/document-text.png") !important; }
+ div.b_tags {
+ margin: 2em 0; }
+ div.b_tags div {
+ padding: 0.5em 0 0 20px; }
+ div.b_tags span.b_tag {
+ font-size: 80%;
+ padding: 5px 2px 5px 2px;
+ line-height: 3em;
+ white-space: nowrap; }
-.o_st_icon {
- background-image: url("../openolat/images/node-select-all.png") !important; }
+ div.o_ep_toc_editor div.b_subcl {
+ min-height: 35em; }
-.o_ta_icon {
- background-image: url("../openolat/images/docs/document-task.png") !important; }
+ div.o_ep_struct_editor div.b_subcr {
+ min-height: 35em;
+ background: #FFF;
+ padding-right: 1em;
+ overflow-x: auto; }
-.o_tu_icon {
- background-image: url("../openolat/images/docs/document-import.png") !important; }
+ div.b_struct_edit_btn {
+ float: right;
+ display: inline; }
-.o_wiki_icon {
- background-image: url("../openolat/images/le_resources/wiki.png") !important; }
+ div.b_struct_submit_assess_btn {
+ float: right;
+ display: inline; }
-.o_ll_icon {
- background-image: url("../openolat/images/docs/document_linklist.png") !important; }
+ /* TextboxList */
+ *:first-child + html div.holder {
+ padding-bottom: 2px; }
-.o_cl_icon {
- background-image: url("../openolat/images/clipboard-task.png") !important; }
+ * html div.holder {
+ padding-bottom: 2px; }
-.o_den_icon {
- background-image: url("../openolat/images/clock.png") !important; }
+ /* ie7 and below */
+ .textbox-outer {
+ list-style-type: none;
+ margin-left: 0em; }
-.o_projectbroker_icon {
- background-image: url("../openolat/images/projectbroker.png") !important; }
+ div.holder {
+ font-size: 80%; }
-.o_podcast_icon {
- background-image: url("../openolat/images/le_resources/media-player-cast.png") !important; }
+ .textboxlist-auto {
+ position: absolute;
+ width: 300px;
+ overflow: show; }
-.o_blog_icon {
- background-image: url("../openolat/images/le_resources/blog.png") !important; }
+ /* autocompleter bitbox (item) holder */
+ a.bit-box, span.b_tag {
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+ border: 1px solid #CAD8F3;
+ background: #DEE7F8;
+ padding: 1px 5px 2px;
+ padding-right: 15px;
+ position: relative; }
-.o_cal_icon {
- background-image: url("../openolat/images/calendar.png") !important; }
+ div.holder {
+ min-width: 200px;
+ width: auto;
+ margin: 0;
+ overflow: hidden;
+ height: auto !important;
+ height: 1%;
+ padding: 0px 0px 0;
+ cursor: text;
+ /* no left/right padding here please */ }
+ div.holder a {
+ float: left;
+ margin: 0 5px 4px 0; }
+ div.holder a.bit {
+ text-decoration: none;
+ color: black; }
+ div.holder a.bit:active, div.holder a.bit:focus {
+ outline: none; }
+ div.holder a.bit-box-focus {
+ border-color: #598BEC;
+ background: #598BEC;
+ color: #fff; }
+ div.holder a.bit-input input {
+ width: 100px;
+ margin: 0;
+ border: none;
+ background: white;
+ outline: 0;
+ padding: 3px 0 2px; }
+ div.holder a.bit-input input.smallinput {
+ width: 20px; }
+ div.holder a.bit-hover {
+ background: #BBCEF1;
+ border: 1px solid #6D95E0; }
+ div.holder a.bit-box-focus {
+ background: #598BEC;
+ color: #fff; }
+ div.holder a.bit-box a.closebutton {
+ position: absolute;
+ right: 0;
+ top: 5px;
+ display: block;
+ width: 7px;
+ height: 7px;
+ font-size: 1px;
+ background: url("../openolat/images/tag_x.gif"); }
+ div.holder a.bit-box a.closebutton:hover {
+ background-position: 7px; }
+ div.holder a.bit-box a.closebutton:active {
+ outline: none; }
+ div.holder a.bit-box-focus a.closebutton, div.holder a.bit-box-focus a.closebutton:hover {
+ background-position: bottom; }
-.o_lti_icon {
- background-image: url("../openolat/images/docs/document-node.png") !important; }
+ .b_wizard .textbox-outer {
+ background: url(../openolat/images/tag-label-yellow.png) top left no-repeat; }
+ .b_wizard .textbox-outer li {
+ margin-left: 18px; }
+ .b_wizard div.holder a.bit-input input {
+ background: #f8f8f8;
+ padding: 0.4em; }
-/* <OLATCE-103> */
-.o_vc_icon {
- background-image: url("../openolat/images/projection-screen.png") !important; }
+ /* Autocompleter for textboxlist */
+ ol.textbox-outer {
+ margin: 0;
+ padding: 0; }
-/* </OLATCE-103> */
-.o_vitero_icon {
- background-image: url("../openolat/images/vitero.png") !important; }
+ .textboxlist-auto {
+ display: none;
+ background: #eee; }
+ .textboxlist-auto .default {
+ padding: 5px 7px;
+ border: 1px solid #ccc;
+ border-width: 0 1px 1px; }
+ .textboxlist-auto ul {
+ display: none;
+ margin: 0;
+ padding: 0;
+ overflow: auto; }
+ .textboxlist-auto ul li {
+ padding: 5px 12px;
+ z-index: 1000;
+ cursor: pointer;
+ margin: 0;
+ list-style-type: none;
+ border: 1px solid #ccc;
+ border-width: 0 1px 1px; }
+ .textboxlist-auto ul li.loading-indicator {
+ padding-left: 30px;
+ background-position: 5px center;
+ cursor: defat;
+ font-size: 100.01% !important;
+ line-height: 1.5em; }
+ .textboxlist-auto ul li.more-indicator {
+ cursor: defat;
+ font-style: italic; }
+ .textboxlist-auto ul li em {
+ font-weight: bold;
+ font-style: normal;
+ background: #ccc; }
+ .textboxlist-auto ul li.auto-focus {
+ background: #4173CC;
+ color: #fff; }
+ .textboxlist-auto ul li.auto-focus em {
+ background: none; }
-.o_ep_icon, .o_EPStructuredMapTemplate_icon {
- background-image: url("../openolat/images/le_resources/portfolio.png") !important; }
+ input.inputMessage {
+ color: #AAA;
+ font-size: 11px; } }
+/* FLOTING STYLES */
+.b_float_left {
+ float: left;
+ display: inline;
+ margin-right: 1em;
+ margin-bottom: 0.15em; }
-.o_infomsg_icon {
- background-image: url("../openolat/images/information-button.png") !important; }
+.b_float_right {
+ float: right;
+ display: inline;
+ margin-left: 1em;
+ margin-bottom: 0.15em; }
-.o_cmembers_icon {
- background-image: url("../openolat/images/users.png") !important; }
+.b_center {
+ text-align: center;
+ margin: 0.5em auto; }
-.fx_members_icon {
- background-image: url("../openolat/images/users_members.png") !important; }
+/* CLEAR container: additonal to b_floatbox */
+.b_floatscrollbox {
+ overflow-x: auto;
+ overflow-y: hidden; }
-body#b_body .o_CourseModule_icon_closed {
- background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
+.b_overflowscrollbox {
+ overflow: auto; }
/* -------- modules -------- */
/*
@@ -1931,22 +1960,6 @@ div.b_msg_error_winicon {
min-height: 40px;
background: url(../openolat/images/icon_warning_32.png) no-repeat 10px 10px; }
-/* OPEN / CLOSE BOX TOGGLER */
-a.b_togglebox_closed {
- background: url(../openolat/images/toggle-small-expand.png) no-repeat 0 50%;
- padding: 1px 0 1px 14px;
- vertical-align: middle; }
-
-a.b_togglebox_opened {
- background: url(../openolat/images/toggle-small.png) no-repeat 0 50%;
- padding: 1px 0 1px 14px;
- vertical-align: middle; }
-
-div.b_togglebox div.b_togglebox_content {
- padding: 1em;
- border: 1px solid #ACAAAA;
- background: #fff; }
-
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
background: #fff;
@@ -4354,9 +4367,10 @@ div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content {
border: 1px solid red;
background-image: none;
background-color: transparent;
+ border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
- border-radius: 3px; }
+ -o-border-radius: 3px; }
div.b_eportfolio_restriction_error div.b_tooglebox_opened div.b_togglebox_content {
border: 1px solid #FF9900 !important;
@@ -6432,6 +6446,36 @@ div.o_home_rsslink {
display: inline;
margin: 10px 0; }
+#o_macartney_open {
+ width: 20px;
+ bottom: 0;
+ left: 0;
+ height: 16px;
+ background: white url(../openolat/images/magnifier-zoom.png) no-repeat 4px 0; }
+
+#o_macartney_large {
+ position: fixed;
+ top: 10%;
+ left: 10%;
+ width: 80%;
+ z-index: 10;
+ border: 1px solid black;
+ background: white;
+ padding: 5px; }
+
+#o_macartney_large img {
+ width: 100%; }
+
+#o_macartney_close {
+ position: absolute;
+ width: 16px;
+ top: 0;
+ right: 0;
+ height: 16px;
+ border-left: 1px solid #000;
+ border-bottom: 1px solid #000;
+ background: white url(../openolat/images/close.png); }
+
/** ----------------- PORTLETS & BOXES ----------------- **/
.b_portlet {
position: relative;
@@ -6644,6 +6688,9 @@ div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before {
div.o_portlet_infomsg div.b_portlet_header {
background-image: url(../openolat/images/comment.png); }
+div.o_portlet_macartney div.b_portlet_header {
+ background-image: url(../openolat/images/macartney.png); }
+
div.o_portlet_quickstart div.b_portlet_header {
background-image: url(../openolat/images/mouse.png); }
@@ -7100,6 +7147,7 @@ div.f_library_overview div.f_library_newest_files ul li a {
.f_library_icon {
background-image: url(../openolat/images/library.png); }
+/* print & mobile, let's keep 'em down here... */
/* ------- print -------- */
/*
* =================================================
@@ -7119,7 +7167,17 @@ div.f_library_overview div.f_library_newest_files ul li a {
*
* =================================================
*/
+/**
+* hides any element
+*/
@media print {
+ /** with the noprint class, you can hide any element in printout **/
+ .o_noprint {
+ display: none !important;
+ visibility: hidden !important;
+ height: 0px !important;
+ width: 0px !important; }
+
/* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */
/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
body {
@@ -7213,25 +7271,14 @@ div.f_library_overview div.f_library_newest_files ul li a {
.b_floatbox, .b_subcolumns, .b_subcolums_oldgecko {
overflow: visible;
- display: table; } }
-/*
-* =================================================
-*
-* content rules for OpenOLAT 8 (PRINT)
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Nov. 2011
-*
-*
-*
-* (as of yaml compliance, contains css rules for
-* styling fonts, colors, font-style, etc. )
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
-*
-* =================================================
-*/
+ display: table; }
+
+ /* hide jsMath print warning */
+ #jsMath_PrintWarning {
+ display: none !important;
+ visibility: hidden !important;
+ height: 0px !important;
+ width: 0px !important; } }
/* ------- mobile -------- */
/*
* =================================================
diff --git a/src/main/webapp/static/themes/openolatexample/layout.scss b/src/main/webapp/static/themes/openolatexample/layout.scss
index 711420e6108577380b056c37e2030d5cd2da0367..e4bcbfff23dd8226d9e3d87a93dc7af3c8c3f2b8 100644
--- a/src/main/webapp/static/themes/openolatexample/layout.scss
+++ b/src/main/webapp/static/themes/openolatexample/layout.scss
@@ -2,18 +2,17 @@
@import "license";
+// default css import
@import url(../../yaml/core/slim_base.css);
@import url(all/content.css);
-
/* --------------- */
@import "definitions";
@import "mixins";
/* --------------- */
-@import "basemod";
@import "icons";
-
+@import "basemod";
/* -------- modules -------- */
@import "dd";
@@ -37,9 +36,9 @@
@import "portlets_boxes";
@import "library";
+/* print & mobile, let's keep 'em down here... */
/* ------- print -------- */
@import "p_basemod";
-@import "p_content";
/* ------- mobile -------- */
-@import "m_basemod";
+@import "m_basemod";
\ No newline at end of file