From 0ab48994018c48302c029fd9d7c9fc964df7a394 Mon Sep 17 00:00:00 2001
From: strentini <none@none>
Date: Fri, 13 Jan 2012 11:00:15 +0100
Subject: [PATCH] OO-1, OO-2 : portlet-icons, IM icons, date-chooser
(jscalendar), slightly de-uglyfied
---
.../form/_static/css/jscalendar.css | 77 +-
.../olat/gui/control/_content/olatFooter.html | 3 -
.../gui/control/_content/olatGuestFooter.html | 4 -
.../static/themes/openolat/all/_basemod.scss | 4 +-
.../static/themes/openolat/all/_icons.scss | 3 +-
.../static/themes/openolat/all/_mixins.scss | 14 +
.../static/themes/openolat/all/content.css | 9 +-
.../static/themes/openolat/all/content.scss | 4 +-
.../themes/openolat/all/modules/_dialogs.scss | 11 +-
.../openolat/all/modules/_feedandblog.scss | 12 +-
.../themes/openolat/all/modules/_im.scss | 47 +
.../themes/openolat/all/modules/_misc.scss | 19 +-
.../openolat/all/modules/_portlets_boxes.scss | 74 +
.../themes/openolat/all/modules/_tables.scss | 6 +-
.../themes/openolat/images/balloons-box.png | Bin 0 -> 527 bytes
.../openolat/images/book-open-bookmark.png | Bin 0 -> 631 bytes
.../themes/openolat/images/calendar_empty.png | Bin 0 -> 468 bytes
.../images/control/speaker-volume.png | Bin 0 -> 543 bytes
.../static/themes/openolat/images/globe.png | Bin 0 -> 849 bytes
.../themes/openolat/images/group_100x100.png | Bin 0 -> 2831 bytes
.../themes/openolat/images/im/grstar.png | Bin 0 -> 572 bytes
.../openolat/images/im/grstar_clock.png | Bin 0 -> 699 bytes
.../themes/openolat/images/im/gstar.png | Bin 0 -> 565 bytes
.../themes/openolat/images/im/gstar_chat.png | Bin 0 -> 654 bytes
.../themes/openolat/images/im/gstar_clock.png | Bin 0 -> 700 bytes
.../themes/openolat/images/im/gstar_cross.png | Bin 0 -> 681 bytes
.../themes/openolat/images/im/new_message.png | Bin 0 -> 672 bytes
.../static/themes/openolat/images/layer.png | Bin 0 -> 460 bytes
.../themes/openolat/images/macartney.png | Bin 0 -> 815 bytes
.../static/themes/openolat/images/mouse.png | Bin 0 -> 600 bytes
.../themes/openolat/images/script-stamp.png | Bin 0 -> 687 bytes
.../openolat/images/sticky-note--pencil.png | Bin 0 -> 638 bytes
.../webapp/static/themes/openolat/layout.css | 864 +-
.../webapp/static/themes/openolat/layout.scss | 7 +-
.../themes/openolatexample/all/content.css | 9 +-
.../static/themes/openolatexample/layout.css | 7100 +++++++++++++++++
.../static/themes/openolatexample/layout.scss | 11 +-
37 files changed, 7984 insertions(+), 294 deletions(-)
create mode 100644 src/main/webapp/static/themes/openolat/all/modules/_im.scss
create mode 100644 src/main/webapp/static/themes/openolat/images/balloons-box.png
create mode 100644 src/main/webapp/static/themes/openolat/images/book-open-bookmark.png
create mode 100644 src/main/webapp/static/themes/openolat/images/calendar_empty.png
create mode 100644 src/main/webapp/static/themes/openolat/images/control/speaker-volume.png
create mode 100644 src/main/webapp/static/themes/openolat/images/globe.png
create mode 100644 src/main/webapp/static/themes/openolat/images/group_100x100.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/grstar.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/grstar_clock.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/gstar.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/gstar_chat.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/gstar_clock.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/gstar_cross.png
create mode 100644 src/main/webapp/static/themes/openolat/images/im/new_message.png
create mode 100644 src/main/webapp/static/themes/openolat/images/layer.png
create mode 100644 src/main/webapp/static/themes/openolat/images/macartney.png
create mode 100644 src/main/webapp/static/themes/openolat/images/mouse.png
create mode 100644 src/main/webapp/static/themes/openolat/images/script-stamp.png
create mode 100644 src/main/webapp/static/themes/openolat/images/sticky-note--pencil.png
create mode 100644 src/main/webapp/static/themes/openolatexample/layout.css
diff --git a/src/main/java/org/olat/core/gui/components/form/_static/css/jscalendar.css b/src/main/java/org/olat/core/gui/components/form/_static/css/jscalendar.css
index c38e01a3608..91cdb9c0c57 100644
--- a/src/main/java/org/olat/core/gui/components/form/_static/css/jscalendar.css
+++ b/src/main/java/org/olat/core/gui/components/form/_static/css/jscalendar.css
@@ -3,13 +3,14 @@
.calendar {
position: relative;
display: none;
- border-top: 2px solid #FFFFFF;
- border-right: 2px solid #000000;
- border-bottom: 2px solid #000000;
- border-left: 2px solid #FFFFFF;
+ border:1px solid #444;
+ border-radius:3px;
+ -moz-border-radius:3px;
+ -webkit-border-radius:3px;
+
color: #000000;
cursor: default;
- background: #D4D4F7;
+ background: #FFF;
z-index:950;
font-size: 90%;
}
@@ -21,12 +22,13 @@
border-left: 1px solid #000000;
color: #000000;
cursor: default;
- background: #D4D4F7;
+ background: #FFF;
}
.calendar table td {
font-size: 90%;;
font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
+ border:1px solid transparent;
}
/* Header part -- contains navigation buttons and day names. */
@@ -48,8 +50,14 @@
font-weight: bold;
padding: 1px;
border: 1px solid #000000;
- background: #7E7EA9;
- color: #FFFFFF;
+ background: #ccc;
+background: -moz-linear-gradient(top, #ccc 0%, #ddd 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ddd));
+background: -webkit-linear-gradient(top, #ccc 0%,#ddd 100%);
+background: -o-linear-gradient(top, #ccc 0%,#ddd 100%);
+background: -ms-linear-gradient(top, #ccc 0%,#ddd 100%);
+background: linear-gradient(top, #ccc 0%,#ddd 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{#ccc}', endColorstr='#{#ddd}',GradientType=0 );
text-align: center;
}
@@ -63,7 +71,7 @@
border-bottom: 1px solid #000000;
padding: 2px;
text-align: center;
- background: #D6D7E0;
+ background: #EEE;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
@@ -71,20 +79,12 @@
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
- border-top: 2px solid #FFFFFF;
- border-right: 2px solid #000000;
- border-bottom: 2px solid #000000;
- border-left: 2px solid #FFFFFF;
padding: 0px;
- background-color: #D6D7E0;
+ background-color: #EEE;
}
.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
- border-top: 1px solid #000000;
- border-right: 1px solid #FFFFFF;
- border-bottom: 1px solid #FFFFFF;
- border-left: 1px solid #000000;
background-color: #DCDDE0;
}
@@ -106,7 +106,7 @@
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000000;
- background: #D6D7E0;
+ background: #EEE;
}
.calendar tbody .rowhilite td {
@@ -118,23 +118,22 @@
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
- padding: 1px 3px 1px 1px;
- border: 1px solid;
- border-color: #FFFFFF #000000 #000000 #FFFFFF;
+ border:1px solid #ccc;
+ border-width: 1px;
+ border-color: #ccc;
+ border-style: solid;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0px 2px;
- border: 1px solid;
border-color: #000000 #FFFFFF #FFFFFF #000000;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
padding: 2px 2px 0px 2px;
- border: 1px solid;
- border-color: #000000 #FFFFFF #FFFFFF #000000;
- background: #D6D7E0;
+ border-color: #000000 #FFFFFF #FFFFFF #000000;
+ background: #EEE;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
@@ -162,12 +161,18 @@
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
- background: #D6D7E0;
- padding: 1px;
- border: 1px solid #000000;
- background: #7E7EA9;
- color: #FFFFFF;
- text-align: center;
+
+ background: #ccc;
+ background: -moz-linear-gradient(top, #ccc 0%, #ddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ddd));
+ background: -webkit-linear-gradient(top, #ccc 0%,#ddd 100%);
+ background: -o-linear-gradient(top, #ccc 0%,#ddd 100%);
+ background: -ms-linear-gradient(top, #ccc 0%,#ddd 100%);
+ background: linear-gradient(top, #ccc 0%,#ddd 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{#ccc}', endColorstr='#{#ddd}',GradientType=0 );
+
+ padding: 1px;
+ text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
@@ -176,7 +181,7 @@
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
padding: 1px;
- background: #D6D7E0;
+ background: #EEE;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
@@ -200,7 +205,7 @@
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
- background: #D6D7E0;
+ background: #EEE;
font-size: 90%;
padding: 1px;
}
@@ -216,7 +221,7 @@
}
.calendar .combo .active {
- background: #D4D4F7;
+ background: #FFF;
padding: 0px;
border-top: 1px solid #000000;
border-right: 1px solid #FFFFFF;
@@ -233,7 +238,7 @@
border-top: 1px solid #000000;
padding: 1px 0px;
text-align: center;
- background-color: #D6D7E0;
+ background-color: #EEE;
}
.calendar td.time .hour,
diff --git a/src/main/java/org/olat/gui/control/_content/olatFooter.html b/src/main/java/org/olat/gui/control/_content/olatFooter.html
index c82372127bf..9399b01e638 100644
--- a/src/main/java/org/olat/gui/control/_content/olatFooter.html
+++ b/src/main/java/org/olat/gui/control/_content/olatFooter.html
@@ -1,7 +1,4 @@
<div id="b_footer_user">
- #if($ajaxOn)
- <a href="http://en.wikipedia.org/wiki/Ajax_%28programming%29" target="_blank" title="$r.translateInAttribute("footer.ajax.hover")" class="b_ajax"></a>
- #end
$username Â
#if($instantMessagingEnabled)
($connectedUsers.countConnectedUsers() $r.render("other.users.online"))
diff --git a/src/main/java/org/olat/gui/control/_content/olatGuestFooter.html b/src/main/java/org/olat/gui/control/_content/olatGuestFooter.html
index 70acbbdeb8e..7e36bb6fb7d 100644
--- a/src/main/java/org/olat/gui/control/_content/olatGuestFooter.html
+++ b/src/main/java/org/olat/gui/control/_content/olatGuestFooter.html
@@ -1,8 +1,4 @@
<div id="b_footer_user">
- #if($ajaxOn)
- <a href="http://en.wikipedia.org/wiki/Ajax_%28programming%29" target="_blank" title="$r.translateInAttribute("footer.ajax.hover")" class="b_ajax"></a>
- #end
-
#if($instantMessagingEnabled)
($connectedUsers.countConnectedUsers() $r.render("other.users.online"))
#end
diff --git a/src/main/webapp/static/themes/openolat/all/_basemod.scss b/src/main/webapp/static/themes/openolat/all/_basemod.scss
index cd39257f4c9..17735da5009 100644
--- a/src/main/webapp/static/themes/openolat/all/_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/all/_basemod.scss
@@ -538,9 +538,9 @@ div.b_ext_tooltip_wrapper {padding: 1px;}
/* EXT TREE */
-div.b_ext_elem .x-tree-lines .x-tree-elbow-minus {background-image: url($ico_plus); background-position: 50% 50%;}
+div.b_ext_elem .x-tree-lines .x-tree-elbow-minus {background-image: url($ico_minus); background-position: 50% 50%;}
div.b_ext_elem .x-tree-lines .x-tree-elbow-plus {background-image: url($ico_plus);background-position: 50% 50%;}
-div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus {background-image: url($ico_plus);background-position: 50% 50%;}
+div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus {background-image: url($ico_minus);background-position: 50% 50%;}
div.b_ext_elem .x-tree-lines .x-tree-elbow-end-plus {background-image: url($ico_plus);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); }
diff --git a/src/main/webapp/static/themes/openolat/all/_icons.scss b/src/main/webapp/static/themes/openolat/all/_icons.scss
index 4f240a5422d..b40ec83a9c5 100644
--- a/src/main/webapp/static/themes/openolat/all/_icons.scss
+++ b/src/main/webapp/static/themes/openolat/all/_icons.scss
@@ -79,13 +79,12 @@ a.b_small_icon:hover {
.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('../images/olat/chat_icon.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');}
diff --git a/src/main/webapp/static/themes/openolat/all/_mixins.scss b/src/main/webapp/static/themes/openolat/all/_mixins.scss
index 2ed3cb4eaf1..7c6f041a988 100644
--- a/src/main/webapp/static/themes/openolat/all/_mixins.scss
+++ b/src/main/webapp/static/themes/openolat/all/_mixins.scss
@@ -55,6 +55,20 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$col1}', endColorstr='#{$col2}',GradientType=0 );
}
+
+@mixin o-gradient-white(){
+ $col1 : #fff;
+ $col2 : #f8f8f8;
+ background: $col1;
+ background: -moz-linear-gradient(top, $col1 80%, $col2 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,$col1), color-stop(100%,$col2));
+ background: -webkit-linear-gradient(top, $col1 80%,$col2 100%);
+ background: -o-linear-gradient(top, $col1 80%,$col2 100%);
+ background: -ms-linear-gradient(top, $col1 80%,$col2 100%);
+ background: linear-gradient(top, $col1 80%,$col2 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$col1}', endColorstr='#{$col2}',GradientType=0 );
+}
+
@mixin o-gradient4($col1,$col2,$col3,$col4){
background: $col1;
background: -moz-linear-gradient(top, $col1 0%, $col2 33%, $col3 66%, $col4 100%);
diff --git a/src/main/webapp/static/themes/openolat/all/content.css b/src/main/webapp/static/themes/openolat/all/content.css
index d159379656e..09afe5b1a5d 100644
--- a/src/main/webapp/static/themes/openolat/all/content.css
+++ b/src/main/webapp/static/themes/openolat/all/content.css
@@ -387,7 +387,14 @@ div.b_comments div.b_form {
padding: 10px;
border: 1px solid #eee;
margin: 2em 0 2em 0;
- background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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;
diff --git a/src/main/webapp/static/themes/openolat/all/content.scss b/src/main/webapp/static/themes/openolat/all/content.scss
index 847c46d02bc..9b81b5a886e 100644
--- a/src/main/webapp/static/themes/openolat/all/content.scss
+++ b/src/main/webapp/static/themes/openolat/all/content.scss
@@ -159,7 +159,9 @@ blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: blac
}
blockquote.b_comment { padding: 3px 0 0 0px; margin: 0;}
div.b_form {
- padding: 10px; border:1px solid #eee; margin: 2em 0 2em 0; background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;@include o-border-radius(4px);
+ padding: 10px; border:1px solid #eee; margin: 2em 0 2em 0;
+ @include o-gradient-white();
+ @include o-border-radius(4px);
h5 { font-size: 1em; margin-bottom: 0.5em;}
div.b_button_group { text-align: center; }
}
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 1dfb142e486..9b3aebdb162 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
@@ -11,6 +11,9 @@
*
* =================================================
*/
+
+$di_border_radius:2px;
+
.b_layeredPanel {
}
@@ -46,7 +49,9 @@ div.b_modal_overlay, div.ext-el-mask { background: #fff; -moz-opacity: 0.75; opa
div.b_window {
text-align: left;
border:1px solid $basecolor;
+ @include o-border-radius($di_border_radius);
background:#fff;
+
.b_window_header_wrapper {
padding:2px 8px 0px 8px;
}
@@ -151,7 +156,8 @@ div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAA
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
- @include o-gradient2($basecolor_light,$basecolor_ultra_light);
+ @include o-gradient2(#ccc,#fff);
+ @include o-border-radius($di_border_radius);
$col_outerwizard: transparent;
border:1px solid $basecolor;
@@ -166,13 +172,14 @@ div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAA
div.b_wizard_steps_wrapper {clear:both; width:auto; padding: 0 4px 0 4px; background: $col_outerwizard;}
- div.b_wizard_steps_content { background: #fff ; border: 1px solid $basegray;}
+ div.b_wizard_steps_content { background: #fff ; border: 1px solid $basegray; @include o-border-radius($di_border_radius+1px);}
div.b_wizard_steps_list {
width: 20em;
padding: 0;
color: $basegray;
+
ol { list-style-type: decimal; z-index: 14; font-size: 100%; padding: 2em 5px 5px;}
li { line-height: 1.5em; white-space: normal;margin-bottom:1em; list-style: none; padding-left:18px;}
li.b_wizard_steps_current { font-weight: bold; background: url(../openolat/images/bullet_go.png) 0% 50% no-repeat;padding-left:18px; }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss b/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss
index b7072a4461f..c76932c43b5 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss
@@ -1,7 +1,9 @@
/* FEED general */
#o_feed {
- .o_box { border:1px solid #eee; padding: 0.8em; margin-bottom: 2em; background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left; @include o-border-radius(4px); }
+ .o_box { border:1px solid #eee; padding: 0.8em; margin-bottom: 2em;
+ @include o-gradient-white();
+ @include o-border-radius(4px); }
div.o_feed_edit { float: right; position:relative; top:0.2em; margin-right:0 }
#o_link_container {
margin-bottom: 0.8em;
@@ -30,7 +32,7 @@ div.o_feed_peekview {
}
div.o_podcast_subscription {
clear:both;
- a.o_podcast_rss_link { display:block; float:right; width:16px; height:16px; background: url(../images/olat/feed.png) no-repeat; }
+ a.o_podcast_rss_link { display:block; float:right; width:16px; height:16px; background: url(../openolat/images/feed.png) no-repeat; }
}
div.o_podcast_episode {
@@ -52,15 +54,15 @@ div.o_feed_peekview {
.back_link.o_podcast { margin-bottom: 1.5em; }
}
-div.o_podcast_peekview div.o_feed_peekview_item a.o_feed_item_icon {background-image: url(../images/olat/sound.png); }
+div.o_podcast_peekview div.o_feed_peekview_item a.o_feed_item_icon {background-image: url(../openolat/images/control/speaker-volume.png); }
/* BLOG */
#o_feed .o_blog_posts .o_post, #o_feed .o_blog_post .o_post { margin-bottom:1em; padding:10px 0; }
#o_feed .o_blog_posts .o_draft { padding: 0.8em; background-color: #fcf7ac; border: 1px solid #fddc55; }
#o_feed .o_blog_posts .o_scheduled { padding: 0.8em; background-color: #d9ffd0; border: 1px solid #beffae; }
-#o_feed div.o_blog_info div.o_blog_subscription { min-height:16px; padding-left:20px; background: url(../images/olat/feed.png) no-repeat; }
+#o_feed div.o_blog_info div.o_blog_subscription { min-height:16px; padding-left:20px; background: url(../openolat/images/feed.png) no-repeat; }
#o_feed .o_blog_info .o_author, #o_feed .o_blog_posts .o_item_info { color: #7D7D7D; font-size: 90%; margin: 0;}
#o_feed .o_blog_posts p.o_item_info span.o_item_info_mod { color:#98221F; }
#o_feed .o_blog_post .back_link { margin-bottom: 1.5em; }
-div.o_blog_peekview div.o_feed_peekview_item a.o_feed_item_icon {background-image: url(../images/brasato/comment.png); }
+div.o_blog_peekview div.o_feed_peekview_item a.o_feed_item_icon {background-image: url(../openolat/images/comment.png); }
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_im.scss b/src/main/webapp/static/themes/openolat/all/modules/_im.scss
new file mode 100644
index 00000000000..de6eecd9586
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_im.scss
@@ -0,0 +1,47 @@
+/* INSTANT MESSAGING */
+#o_instantmessaging_status_changer {
+ a.b_contexthelp { margin-top:5px; padding-right: 5px; }
+ padding: 1em 0 0 0; margin: 0;
+ ul { list-style-type: none; padding: 0; margin: 0;}
+ li {
+ padding: 0; margin: 0;
+ a { padding: 0.1em 0 0.1em 20px; background-repeat: no-repeat; background-position: 0 50%;}
+ }
+}
+
+.o_instantmessaging_chat_history, .o_groupchat_history {
+ border: 1px solid #ACAAAA; overflow: scroll; margin: 0 0 1em 0; overflow-x:auto; height:170px;
+ @include o-gradient-white();
+}
+.o_instantmessaging_chat_history div, .o_groupchat_history div { border-top: 1px solid #eee; padding: 0.3em 0;}
+.o_instantmessaging_chat_form input, .o_groupchat_chat_form input { width: 99%}
+.o_instantmessaging_chat_form div.b_button_group, .o_groupchat_chat_form div.b_button_group {margin-top: 1em;}
+#o_instantmessages_buddieslist {
+ padding: 1em 0 0 0; margin: 0;
+ a.b_contexthelp { margin-top:5px; padding-right: 5px; }
+ ul {list-style-type: none; padding: 0; margin: 0}
+ li { margin: 0; padding: 0;}
+ li.o_instantmessaging_groupname {padding: 0 0 0 20px; background: url(../openolat/images/users.png) no-repeat 0 0;}
+ li a { padding: 2px 0 2px 20px; background-repeat: no-repeat; background-position: 0 0; }
+ a.o_instantmessaging_showgroupswitch {padding: 2px 0 2px 20px; background: url(../openolat/images/users_conf.png) no-repeat 0 0;}
+ a.o_instantmessaging_showofflineswitch {padding: 2px 0 2px 20px; background: url(../openolat/images/im/grstar.png) no-repeat 0 0;}
+}
+
+div.o_groupchat_roster {
+ margin: 0;
+ ul { list-style-type: disc;margin: 0; padding: 0;}
+ li { font-size: 95%}
+}
+
+/* im icons */
+.o_instantmessaging_available_icon { background-image: url(../openolat/images/im/gstar.png); }
+.o_instantmessaging_chat_icon { background-image: url(../openolat/images/im/gstar_chat.png); }
+.o_instantmessaging_away_icon { background-image: url(../openolat/images/im/gstar_clock.png); }
+.o_instantmessaging_dnd_icon { background-image: url(../openolat/images/im/gstar_cross.png); }
+.o_instantmessaging_unavailable_icon { background-image: url(../openolat/images/im/grstar.png); }
+.o_instantmessaging_xa_icon { background-image: url(../openolat/images/im/grstar_clock.png); }
+.o_instantmessaging_offline_icon { background-image: url(../openolat/images/im/grstar.png);}
+.o_instantmessaging_new_msg_icon { background-image: url(../openolat/images/im/new_message.png);}
+.o_instantmessaging_error_icon { background-image: url(../openolat/images/cross.png);}
+.o_instantmessaging_refresh_icon {background-image: url(../openolat/images/qti/tries.png);}
+
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_misc.scss b/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
index 803b7883a4b..3c7365f01e3 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
@@ -8,7 +8,7 @@ div.o_bcard_portrait {
float: left; display:inline; width: 100px; height: 100px; margin: 10px;
img {border:1px #d3d3d3 solid;}
}
-div.o_bcard_portrait_group { background-image: url(../images/group_100x100.png); border:1px #d3d3d3 solid;}
+div.o_bcard_portrait_group { background-image: url(../openolat/images/group_100x100.png); border:1px #d3d3d3 solid;}
div.o_bcard_text {margin-left: 120px; margin-top: 10px; line-height:150%}
div.o_bcard_footer {text-align: right; clear: both; font-size: 95%; color:rgb(31, 73, 179); padding: 5px;}
@@ -31,6 +31,23 @@ div.o_infomsgs_config {
.o_infomsg_icon { background-image: url(../openolat/images/information-button.png); }
.o_infomsg_create_button { position:absolute; top:0; right:250px; }
+/* EMAIL */
+.b_mail_icon { background-image: url(../openolat/images/mail.png) }
+div.b_mail_message div.b_form_element_wrapper:first-child div.b_form_element{ font-weight: bold;}
+.b_mail_new { width: 20px ! important; background-image: url(../openolat/images/new-text.png); }
+.b_table_wrapper {
+ span.b_mail_unread { display:block; display:inline-block; width:16px; height:16px; background:transparent url(../openolat/images/bullet_black.png) top left no-repeat;}
+ span.b_mail_read { display:block;display:inline-block; width:16px; height:16px;}
+ span.b_mail_marked { display:block;display:inline-block; width:16px; height:16px; background:transparent url(../openolat/images/flag.png) top left no-repeat;}
+ span.b_mail_unmarked { display:block; display:inline-block; width:16px; height:16px; }
+ .b_marked { font-weight: bold; }
+}
+
+ul.b_mail_attachments {
+ list-style: none; margin:0; padding:0;
+ li { margin:0; }
+}
+
/* MEMBERS BB ( Course Buildingblock: "Teilnehmerliste" ) */
div.o_cmembers {
* { vertical-align:middle; }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss b/src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss
index a1b0d4f4c31..dfb61f106ac 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_portlets_boxes.scss
@@ -85,7 +85,81 @@ div.o_home_rsslink {
position: relative;
padding: 1em 0 0 0;
}
+
+
+ /* generic table in portlets: override styles from b_table definition */
+ div.b_portlet_table table {
+ background: none;
+ border:none;
+ th, td {padding:0;}
+ tbody{
+ tr { background: transparent; }
+ tr.b_table_odd td { background: transparent; }
+ tr td { border: 0 ! important}
+ tr:hover,tr:hover td, tr:focus,tr:focus td { background: transparent;}
+ }
+ }
+
}
+
+div.o_portlet_repository_student td.b_first_child { width: 24px;}
+div.o_portlet_repository_teacher td.b_first_child { width: 24px;}
+
+/* small portlet icons */
+.b_portlet .b_portlet_header { background-repeat:no-repeat; background-position: 0% 50%; padding-left:18px; padding-top:5px; padding-bottom:5px;}
+
+/* calendar */
+div.o_portlet_calendar div.b_portlet_header { background-image: url(../openolat/images/calendar_empty.png); padding-left:2px; padding-top:8px;
+}
+
+div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before { content:"1"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before { content:"2"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before { content:"3"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before { content:"4"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before { content:"5"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before { content:"6"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before { content:"7"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before { content:"8"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before { content:"9"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before { content:"10"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before { content:"11"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before { content:"12"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before { content:"13"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before { content:"14"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before { content:"15"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before { content:"16"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before { content:"17"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before { content:"18"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before { content:"19"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before { content:"20"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before { content:"21"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before { content:"22"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before { content:"23"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before { content:"24"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before { content:"25"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before { content:"26"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before { content:"27"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before { content:"28"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before { content:"29"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before { content:"30"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before { content:"31"; font-size:smaller;padding-right:6px; }
+
+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); }
+div.o_portlet_bookmark div.b_portlet_header { background-image: url(../openolat/images/book-open-bookmark.png); }
+div.o_portlet_groups div.b_portlet_header { background-image: url(../openolat/images/users.png); }
+div.o_portlet_notes div.b_portlet_header { background-image: url(../openolat/images/sticky-note--pencil.png); }
+div.o_portlet_noti div.b_portlet_header{ background-image: url(../openolat/images/mail.png); }
+div.o_portlet_eff div.b_portlet_header { background-image: url(../openolat/images/script-stamp.png); }
+div.o_portlet_repository_student div.b_portlet_header { background-image: url(../openolat/images/le_resources/book-open-text-image.png); }
+div.o_portlet_repository_teacher div.b_portlet_header { background-image: url(../openolat/images/le_resources/book-open-text-image-red.png); }
+div.b_portlet_iframe div.b_portlet_header { background-image: url(../openolat/images/layer.png); }
+div.b_portlet_sysinfo div.b_portlet_header { background-image: url(../openolat/images/exclamation.png); }
+div.b_portlet_dyk div.b_portlet_header { background-image: url(../openolat/images/light-bulb.png); }
+div.o_portlet_infomessages div.b_portlet_header { background-image: url(../openolat/images/information-button.png); }
+div.b_portlet.o_pt_w_if div.b_portlet_header { background-image: url(../openolat/images/globe.png); }
+
/* portlets / portal in edit mode */
div.b_portlet.b_portlet_edit {
background: #FFE793; border: 1px solid #FF9E3E; padding: 2px;
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_tables.scss b/src/main/webapp/static/themes/openolat/all/modules/_tables.scss
index 3a26e74a50c..e57dd75c8dd 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_tables.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_tables.scss
@@ -27,7 +27,7 @@ div.b_table_wrapper {
table {
width: 99.5%;
margin-left: 1px;
-
+ border:1px solid $basegray_ultra_light;
tbody{
tr:hover td { background: $basecolor_ultra_light; ; }
}
@@ -40,7 +40,7 @@ div.b_table_wrapper {
select { border: 1px solid #ACAAAA ; }
option { }
}
- div.b_clearfix div.b_floatbox { margin:5px 0 0 0; }
+ div.b_clearfix div.b_floatbox { margin:5px 0 0 0; padding-right:4px; }
div.b_table_count { font-size: 95%; float: left; line-height: 16px; vertical-align: bottom; margin: 3px; font-size: 95%;}
a.b_table_prefs, a.b_table_download {float: right; display: block; background-repeat: no-repeat; background-position: top left; width: 16px; height: 16px; margin: 3px;}
a.b_table_prefs {background-image: url(../openolat/images/table_gear.png);}
@@ -61,6 +61,4 @@ div.b_table_page_all {
font-size: 95%; text-align: center;
}
-
-
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/images/balloons-box.png b/src/main/webapp/static/themes/openolat/images/balloons-box.png
new file mode 100644
index 0000000000000000000000000000000000000000..76baf8d7933a5e680c2ef8189ac713be6a257c81
GIT binary patch
literal 527
zcmV+q0`UEbP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzu}MThRCwB)Q@ct-K@dH6@8)5AApvbP
zM6vQSEW|?m0c}JG+L$6(Dx$SuYz&B?mDVES2iQoyz(R-yOca8|kjH)OuCuu@CXnFO
zg=J@V_MF+7IcwZ*u@wL@{BOK)p)kF4R6Kxi`rJ`JtLoSr3^%FR4i^$8gaz2uzr|(*
zBP@3%IHUlC-Q^eJ6Ak+nmQ#dFwv-JI$HL&|2*ROBXe@VyCZOj_F9j)Us98@<pn~u~
zhCu-b+T>DJP^&*eV>Lmb`2wZjh!RD8CeuN{9R4*6jpdFe(5%cN<~o9*C=qysblO@~
zPXdkAHOQTA&Skz2*VA_!XUWBkpE^=zIpZq9ydX5*E5;rz@xc&I27~Is2LbqS7;Pby
zs)&z-QH~C&dD_nV5)!2_vz#vM_Z3pR2FkNLYI40jyUSe{K{$1wQSR0OwaRh|G~asa
zAQYH@#&TN_fk}-BMu=E8^<a|*^i<M<$vEj?lzc-S^b!t{Ypf>7UnHi|->%i;`{ZS6
zA?>pZdE<PILAFw(dSqITGtQ9x^*iV;Xrtj8`0)PHxXExh7ExKhf9gws0RWl@)`ahK
R20;J-002ovPDHLkV1l-?=K25t
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/book-open-bookmark.png b/src/main/webapp/static/themes/openolat/images/book-open-bookmark.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd029ba31c9af6a586649ff51a44520fa82e2de1
GIT binary patch
literal 631
zcmV--0*L*IP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!8A(JzRCwByQcY_UK^T5_ce2T>n~%m1
zVr`00p+TW{6|9#WJgkBeDPE->JSgo!5DM*IC|E&y>AATG#Z!tOAnZM0i{POUMX5EW
zF<<V^?D)=PQVIrJUwGJOX6JeKdEXtQw7BR2z}ZJ@Yo!=tA+xN{9ZKJ?&dj{T{U#!X
zIFC4|xr2xyzOFAVZIJTTB~PrEW_PRAC|f8%&~ArceBZl}&*whXYL$txvEr4fscVJt
z@ri6QdCHB)Q#K*CdAGcZCL07qWFP@y7$zYENID%)jE?5+-@LW(bmduN_V%5Hj6;(#
z(*%Mr5vsI~KoqGR9z`G+Q|}_=rUA(Zp7$a~ED%D#U!`@JfGfhJK^Ve-%T1;YhnCh6
z;M^J{h_nGej)B%;3v6ftIp$EWhnCi%LEkAnWFR>`(qNE)GesEZVCi8=E-MIvf3(03
zT2Q2ghpRg~YT|ADa`xyJl+GMD)q6b{nV*OB+#LKwe*6S1kn@5Yz7HWrm$*7T4ZqOj
za00_H4$$wjuOrZDo+xi_g1m(Z+XjbH7|CRSI*u}sDe8NB(AeLHPPYp^T&v%Uy1qfs
z-oE$bm78)YIepTNpUKih-ujrkUM$*p(0u*oUG%n632J=u+itzv`~IW#yV>e8ye!))
z8C-lQGs%7u2p5rot><}sUPe4dEF*k8SHovR&Kn_z#KngdVGO<J|51Mg7yz1-6GaR|
R*be{z002ovPDHLkV1kK`8{Gf^
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/calendar_empty.png b/src/main/webapp/static/themes/openolat/images/calendar_empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c561cd7d6b0726470561d1ce6262ca06f608473
GIT binary patch
literal 468
zcmV;_0W1EAP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzc1c7*RCwByl0i!XK@`XTv%9)#DjmEj
z8g&W72sQ`;K`-8-kC5L$=mU80lXwabUAlVlE_Ahn5Fy#AKt!x`cc%AN+g$Q6K6tat
zy!Zd{f3pLn6kdhEJtf5j<qdy%KVIjy8f#c9co`c;iweaDr4FitfzvA%AFqXY!A5MU
z4YE=;EiQfoXNRrURi)d-a5zMzTz0b6s<R2G^m>1_TFrTGHluv*1HJ%T&SrR@PVrQ)
zV?UpVJDF_iLpAPYO#qlH6_@ilE;}8Z^!td|Ha>DWq}uHOa9S$is8GOOIt}h+O~`>q
zhi{Dr;)w*7boNR6SSAwy_!^VRBp@ZY_t$}clgGfV+A-Fel>-Hsk~W+=Vel^`O)vs)
zTn2ca9>6ri05E`Nb2S0h>S2W(SnOcox>^9N99ZEI$iY$*U_>JS?!aQeLURO@dczKc
zust3@6A-0d)&u~OrA*86ACZ;=>Sav;kih6X7Q4f4G2-P%fB^uG{NxqhUi$L@0000<
KMNUMnLSTaXsKu-R
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/control/speaker-volume.png b/src/main/webapp/static/themes/openolat/images/control/speaker-volume.png
new file mode 100644
index 0000000000000000000000000000000000000000..90f9fb771b5bebc4570684e7ee1786bb10b410a5
GIT binary patch
literal 543
zcmV+)0^t3LP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz!AV3xRCwCNlTAwkVGze3SIs0s+|bhP
zBI2dUBJd?L4?!&<)g>bk{0?3E1`%}gl0}}obnHWP=;Z5B5DJl?ZPk3=wg1Sjgmo)u
z;Kw`<%>193*;&JIIAp&u!><Kk<BKSYBX6}@nF)sD9&mvwcqo-htXM3L<LPnkC)L4V
zz*JTBc|4wII-R~jpqqlV<YnO0V<!cszygw^JkKAZqC~shX248dvlp-f=IBCY9)mbt
zTCLWj-|u&Wr9dDMsaC7Ak|eQ4qcK&fR462*wetkF!959_B$LUAAPA0lJbt7o3hVXy
zOp;_)uQyn;*=DjVTe{sY36wzs+=4^B0v<_@LZQG`Rzm1~I6_fWyeu=0dnbWu7)|^Y
z@$=w=@<sv}j*!h}yEdE6!t?IY0Q>zus_3DDHwc*F>*h|U!?Z6#rOfIBp$anjeEy77
zW3i1)Fu3Uqhqt_<c(5+Z))~9qPO~vlYp^wN2YjIR?eiIpMhjR3F|XHmnMz&Pa=B;P
zv~z7~2p6~j!nY+v;uwzOR$*7=vP4m*Uj%l6m(C<$m=w@A3{ZRf@D6<wwXLPyQR#qv
h`GbGq-vvGe7yvgh(BDIXWuX87002ovPDHLkV1neU_ACGZ
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/globe.png b/src/main/webapp/static/themes/openolat/images/globe.png
new file mode 100644
index 0000000000000000000000000000000000000000..2cef329e0dcdef4754ade9c6e89874602504fcd7
GIT binary patch
literal 849
zcmV-X1FrmuP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!^GQTORCwB?Q%g@1Q562}JlamDr3DIo
zQ7F$8T^JB33u0U-8#ev~HYP4zm>4%rbmPK}KfxaX8eJF?6-*@>2r9^<MarX4hPE@E
zw!=KU)7r@1Gdanbx##=NW4=q6M=Jo!fq47?=Wx+@287H47@+Q>UZTDS%X$Yx{|H^H
zSxON!hVfz=99m|XaeDY<qKi!3OSpUb+8tgG2S+sI);7;H`Bl1j_x-Mxrg_h4cD4oM
zT40Z%zMP-voSGT(hWn#lY#mgPub2qbb?11m;2e($fj8??@ae+uplq2BTO<r*Nq|yH
z&5yMuBYr;Y^9zm7loTBz3&R3r)qt!6)1w{X$9IBBJHLUmGp$PLR>E&4i*+NExv1f|
ztmF0S5jOJ`XcmFaIkE65i>+J*CkikU?+OiydeX)<N2rwMCI%Cce8qrKHF2EI!R4gG
zvkVGy0rKYz%5oL$J-zsOB;iDoF_{QOc6RpXDE=*HspXN*P((b)79eSL2!a!AO$SQ|
z%({kwP!OZTLF}H^u)eX6vTh*aWknm;>_DrvucS9Pv2PS=F^9SV5c?r?4Tb@A_XOF4
z61ro($Q+)bD;$NQC=Fbbz_N<0=+pOd2RzGjFic{vuweu&WKE;;XhXS1-!Fl1{5l-!
zscz$%1T4Q@JU>tJ9T6YH5O6GYTHTIqGg-FLO+K@O*tHwb>0hap71hQy33%7y@zL3A
ze`Lr<&*0)1>I6JXE82T7EnL#MO~ynt7Hp6%Z>*i#xF&%^SdwHl-F+^#N20NS$H_o+
z5I89bZKk1vIxTylnFvv}|Jc|r<c`nMHm*q^c&Z>wYA2KJb_?#Yp8lSI*VXKzMNqT*
z7Tq}7&lEl^uYH3{Oi`g#|4EsUJ)Lzt`1))2+37`T^5$?n813-5MJLZy>zDeWq^PT#
znf#$7eF69sh(<5h)w}SQgf8ZOuB6<~t$w#fGEAK|4SU;kVb&r&UxIO2#T6r#W#ND9
bj{pMzo#|8q26EYw00000NkvXXu0mjf1kQ(K
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/group_100x100.png b/src/main/webapp/static/themes/openolat/images/group_100x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bed30ffd5daf126df1affb32e3ded14784d4975
GIT binary patch
literal 2831
zcmai0=QrDr9{$FRy<@wy)U3TJNsL;xDW!ypU8B_2##YpB?G;6>617Ka@72;!BQ{lg
z{HWR6d;frY&w0k1=RD{0>T{kqhWZbw$l1sN0HD&=QaAqV4*wyT<ga?IzB2^?a-6n0
z%rqc(Z!Xx&^gAc%;X&x`qCeg;HF@k_4iTJST{|_3o8}FzF-I+m()nesWZbH08P+wg
z@%5>lo0U}=XIZt>_%x~6Lx)~}Urjy`Pw(+K<7k8fk7w$b$JxsRg|gR?B5w-KB6r~v
zPMf#h=lSlhzFfaJ&-Zyn;l(lF{r?au46i556k)2h2$Km1GXw0XSDKg_&RM#>*;3t6
zMqc9DC+f=Bc8`DV`-}{KrXq=0JqhX|Wn(u8#ZS)`NnE#3{1%_{ws~&+w*^5cJ2Q>1
zudZrUERYl;j(|C<r#a;1x{7CQa5c3}5r#na<ZEOV=0JLdcg&GnTS}K#m*TRUge8n&
zP{3_xIP$4Y0pXnrSTX0ucV;PKkXpWzgN2Q`huY0>NlFH?gG<TAGrcRBxnsFBiDeG}
zmfy|SVz@cGe|X6K+Hr-(LKLLU)Wm7kVTzHDJ$m|`2Z9><)M4EAX>NAj-OI~BEE|bY
zgZ4v~;$p652!tQnTk0J1-w0T|-er*<Y3{dr5w7=u!$s5mNs~HHr(ylGjyd}^R`lwd
z_viU3o?7AeIodlCjUZWx3}_5{>KS(a7>|Et)Wg6~qiPb<?C_uwOyHV@@(nABk&t%(
z5#>~z*87f*VG2K!WLNbGT<`|^$kiO9Rwl>B!h=ZYmh!?)y|kYwqU|g8--rGSP&SE@
zuVnpVFjhJ1nowXV+g72Xt38;@MDAAd(xt}=w_dn4CYzh!XOnUFo=P2n*r7g+GHds$
zT~Ro1!FwdJkth3fEapd0O|<j~*~|uESpe>A4BwDZE8b^3Cm%7APC`QHymPA4qlVQB
zjg#uBvA2=-xe&EqySvj~T~oAD({#!{mvj(+9!zRiSK3SS&pFLP69ZM+z(vSMPOd4w
z@meHeP`G<hH5wh~ntR(s4lf^5#o5qRb6_iH1qYvzLQrH4yXyoK;d2ye<%w&LxRmFv
z<%w`8e&L+Q?8}E2$u9LQUgP}s(t4QNPeB%IqqQY{D-knnyahB_l~i8s487X|j=q*?
z+vJC5<^-$5l<{~>iAc{o<I5U&-*UXQKEAp5x~N%XZKU8_enRE=htR=z0lAvmzuqi%
z1ZA#`S@;j=Wa<UcK2r08afOGGP*TC9ji!Ni?xlrqwu2v=kMNYAts9F19Fb!j^Bid~
z_=FKZV^7o;W@5EB6+PWeJl@+~iVMU2332GEI<D}oNkYs|;M6E$id=sEUamz!Su&e^
zvDMx)DLR0d27k*4b6)tul^@&b=5s!&gbkW1fsb;mOdo~R0LEfRQk6XgW>!U4KW-JR
z!V1Rt%@3mz@@tqg((eJDkEK4AhSAZp>dH`+vyxdfG~)2rXLL&NuUh+US-0WtuY~F9
zj@PK7%10i*b9`Se)aNA+)+mcWGr$D<>X0LMdXn~8Z7E39h@QP7u=54(KT_d+!rI-%
z&C*f3rUizf-xY048H8vO8ZWo~Y#M0a7Slo>cJ%qVZ5*TP>!5}a0H|&s&Jt<poGrT%
zA}P4rvlZNd0*}7T`)+KKiWDaS6NGGCM(5bRD&_<dB=x4!zcR_(5R+X&T3$FY6T^kn
zVUhazYy>=P-7AObCqt{&ZnP?k<cf3g?{D71wJihX6(qEe1EWJ8s@#@Y)gVj}Kb<<g
zm*;linnm2VdTDpE1d+627y~Fcs-nVVod0vxEsv>LlqOhNOq5}wKKg?Ro+q<v=!o#<
zrr*}z?xJ^=vC|cD^!r<UTk^=)>1G8;Tk_OXS|xbcr%--<e=(uqp*Sh_e{8v++tW!R
zI%4}eSqqDkoDZu0aiK4_zz805?G0or2TSVgBhk2kh^tvTio=_1Cb{PVHilW1bW}D4
z%xquNM{{@K@Yo{c61L^Hsu=k2Yk|$H0=!uJ>-H&XBS%_aA>KT4BU6xNlt6Oy(#>XP
z?_qzSYI(oX0G}bca(i2^dUq!?#UrxB)z0I^O88svxGt8!oj5*KF$2*!W>WvxndcI{
z<D?TDPeZF;@|3l47qiF*(%0bs@B$C8tGbZ4Ci=frF~GN}@|GP(UL?e!=2L@{=%-<c
z%mn8hdCERSETxQa`Jjb`b+(1Esbce&jo6iK2A7#9%r9CgRxcV=Ykm4da$xrUPx5@?
zoEAF*BkU!4swxm5kfR`3!5Ob+|9Gl85dp}#f_!%Sx~?K5ch9f*_Kg*ET05TJEY6pw
z;7Q`!CT#5E8ZE!a(9<S;Z2t)vA6aUlhrv_tskl*g=C;_<E+t8VLB+v1g8tcbnfR-V
z84$2y2;LtjS>He|Tb%sRVm>CYGiE+MyvOZFPA@fokYPU^W8OC==8c>-ZJmY!zdme>
z1BN8d*$@SRXDM!Ij-*zml4e|MvP5W1fOMU+4bt0No`p!A4y`Y@q4>;qI6DeMVenIA
zVC<*zDI0E+K9UertKD~5A?hF!yRFo#+u%Ngs9&Wwu>}wbFthK25*JCI1RxH`>ImK^
z;tRnf>LvpR)Q|eSJey*SDT$?(8v~8kgdx2zV7t%KeG3#Pzi}RuinTl%9IvswM}1b(
zEf`1KnC{APwSHgr=RSG`fucI|4HWwxmB1u%vWVBMRRRs{9a&mcq1`jOGDYGlIzLu0
z5SfJ+>Y$<dIe8Gv&kNt@tTZ|ux-%2O=tRTPDZtWlwsF+5bx?YfGxA4vcp}3i+rMx1
z;;Y_%<=-<_C9viat8O?ETix6aO8bTC*HxbS9cwF2@%L=-M={Uu&-=Fpb=H50kUqfL
z)7gSB*2yFMW($-s?7X{#6Z6E_P|)d$3}nE9;dpDbryN%-|J){WNu^=l|EJc&j3reZ
zS?LYc`f|=!YWCQa8qiZ1xv$xuNp=zc`xQb$7M50d8s(+RzdJbt8qB&VIAsIY^{Q;m
zB52sogyWgtefY)nROe5jCy$-fFm$4w0(CvH^n$7HwEld)d^9ZK%dBzgCa$__Try{j
zw(ltVv6U4&^(lzy<g@qkpm&wC8zCPfTEPCc{aU?D>h94E%^B+zsn8NCdapAq(HZHT
zx4?7qJh>#paZ70!GL!znjV)~HAO<aP7@(Pw<<fopEo67@4{@VdLvdv_Qw+6#m%FT8
zKmbvKq`Z$~e~g;zx5>dl_++|23X5@epdXpSd+OsB(;RgLGv(yu0^LWG5I?&`EbkJD
zW>B;wW(nk2p{xh=nyp2h(}Iq=48gZhKtn@e$fYrzV6Zh9okHT(!ASIR>}4r`!Uf^v
zbUCLcn$DuyoHFrJBEW+vf=ji^TsT(NCV8QqL;0}yzJN&XTPSy|wNnrQYEEDsSPlw|
z7N14tRTZbh>C0}D=oIl`yPO<RZA~<xY9ylx8PIXDJ4u|+`-;>Cpn}BDDC_ibVO?Br
zrBOR;)EGinr{K1n=$>C1%>0VUp=w;s!K9N)(vn!ZK&*_rG+W_}a55j+N^RVkpB!=c
zQ>ZT_ai&MHmzu>9_TrX)k_kjW7)i@b0um&GfyMj;4GK!fk3}782I*UA6noF!Ke!5~
z36mg3aUp`BQ-qYj1JJiiVN^YVyv*W|H4X8_zVKza0E!z>wRd;RUz1P#UufPwv1RX>
WH7vZ7Uj29I0@@n->Yw0<@P7kwU{o&v
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/grstar.png b/src/main/webapp/static/themes/openolat/images/im/grstar.png
new file mode 100644
index 0000000000000000000000000000000000000000..8669bb92b6ddc36c12af88a78929b4dbd38a9b54
GIT binary patch
literal 572
zcmV-C0>k}@P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00065Nkl<ZIE|H&
zJ&PJa7{~uJJD!RxzT7G*;t_2WuP}Ix#eIe}+4kThgn-C`RjRP0N_WLJfdoInHEHqz
z(xeM%j!UC~MG+BvJ6xBCWhO-uFk}^OV2a`S{eSb!Gr*D6@At3z{r=T4h94^ec=~5Q
zUSL^PS=aTNuIn|+vdV`zaYWwE=kq0{6jrNM8-V+$4j5yX*=)9y%jHUpvCBhTsG!^J
zo+T2Ax~6F<&Uq@4NYuOC?pf$XmSueoE0oLSC)sSa1^~0!?8kUK{u#yzDdkH5uMNX!
zHyVvP=R8hCP)fn`JODtkSgaKag_@>mAfnxHIJ{pjmtO(AV*p^=HeW0j&xH^#DwRq-
zl}eR7&jS&Gh#;jzBocw|`{U_!dM~B?n8{>rZQGV?znxyMS7MC4tyZhgeBaL~rS^xq
zm`o<0lu~aT#~FtX(Q%wH5k2g7JGLJN03u>U^spcPPhgtniIlP_gh&E_rfJ~(HzI^c
zN-3MBX`UPuq|@p1cszcpl;ToKa$Wb%b=|ul2#7JpqtWPTI-NfM=NI-5K@hZ}(P(nD
zTFvM4`6vj2_W<C!?kmGEDzR8Bx!rDC0KSC^lv1trdc6#S;JZ@F9t;K}0O)i&UuLtJ
zEre()rCI<!gg$|DenCVxo6Y9>Zx{dugTZLC*<2IR4d?t~Kl2MTBi}&i>Z9-g0000<
KMNUMnLSTXfQU<aB
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/grstar_clock.png b/src/main/webapp/static/themes/openolat/images/im/grstar_clock.png
new file mode 100644
index 0000000000000000000000000000000000000000..bec7a1e2c9c95259e7824f6a1eb404030f69a7c6
GIT binary patch
literal 699
zcmV;s0!00ZP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007lNkl<ZIE|H(
zK}#D^6ot>58InvwGV_wmpj9&!Dk>IClWY`RbSGjqf`S`2f}0cu0);NS^9M-(K(}s0
zN)d#ZMF|+&ouydNCNUPHl7ulNli}q}H(eOefEVuS9KL(c<pKjLo6T-yv)PS79$}CO
z;LZPjKEO21STGoz3I>ByrfJ5W@<{{Wb3;Qzqps_s*=)`Ms61-}Ldb%qX`{NXj}k%_
zp7K2k$Ye4`AP|@qMNt(5K@9`~)0s@hcyy3ynqMCiVzJn`rfE~QZKGDJ{dF9t1pw`K
zyJOpST@=MGA;gt9=UV_iM5EEUnVFesK@eoealko8rBZ=m7?_`*e<4W{hKGkytybNW
zlau?y!^4AUH2PjF7K_%>($Yb_UT<7oT}35H@_Ia;(B0h~bX`X(mBQHA820w|kW41w
z_xlN@)JrL?77B$gA^_y`dH4AE_-87WI;z*}hR^3SZf|epL?QuIRUrrhaz{BN6G?PB
z9dOPe%d&QUe*U}fh&wwwRmXAeJDm;z07@y^?KTueLAhK;BoYCo6q=?%Q4~d%<(GYb
zu)4bH;he`MNm4lHa9tOMVPJoM9|3;=Yinx=hr^(hBArfyF(&i@D5bAuS&q1_D=@}b
zqtU>~$cVJKxCq;}v9hv)ZnukGuZPRaOUtsXa$f|-SkmkDD$Qo|_WJtz^y1>;7h?>J
zF)S}H!*LuCLg2bCN~O||v$M0D_z)0}$F~?`nq^tv7-R3Yx3_b%v$KY(s$rkc=Ou)o
zR;xM1VlltIzW%XPDxH#tfX&U#@0{~btyb&v?(S|6fS~L8_{79SIur^`dOV&<LddH^
hq44(R=H?Fo{tvFA1(JI(Qw;zB002ovPDHLkV1j-2L4*JR
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/gstar.png b/src/main/webapp/static/themes/openolat/images/im/gstar.png
new file mode 100644
index 0000000000000000000000000000000000000000..a822ee62d00c8abffe570ef2ed94ec9c06034d66
GIT binary patch
literal 565
zcmV-50?Pe~P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0005}Nkl<ZIE|f=
zOKTHh6o#Mq(wSruOVT9OVuzFpk;JwdNf07bSK`u*#a*S~LjOTmGDyMhO1r6`KS2aH
zf*=SY2nDMvYiUiOMiVHBP1@Y%+Krb)l7JpKn{(dx;pH3{RBQ4)Yx4Xci5Ligi$D86
z0IO<@F*U)MnqXCp^^*<t1z4W!75`Pu0p41#v%ucJCBU3LADGcD1kPz-&h}IF1}ym|
z7!^rbA~Yn45Thc=l5e7yRN|rXqSs<3o|%k?;|Uk|RNnr)y}Oz34ba0HN^|i<>}2-#
z_^qTYdDR2=00)PnTLd6V1Q!<tg(JJ(d{%n7#n<XP40TxoKt~{ZZW0i8E>B)d#)eO8
zC96!mZO}AYn2yD;2vD}Z74n6hEn4j-nD$e29H}dh9@g+xA6z<n{YKHLhjBZix<+L$
zxAB}-@IHE_@N3@vM!iyCQ5+V{id6L*T`RNEkT`G;S^i^&zrQdyrC`aa`baBS^R_U2
z4h>(Mn)iri$PQx3Ddwh>PD^)!@%%JVH`11Dfn^x254$_qE@V!{@%R-&P6R7I4Q%!X
z7-pIgIauHSvd{Z=jwX))cvZYhN<KqW4)Wbh_XkKKP0sv5!}*A1>#UOl;2v+-K*ujq
zNFoh9?tKGcWvDqTl<bAyW`K2al<Wm+&I-cHbXtx9jPt!7^g@)f00000NkvXXu0mjf
DgM9v6
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/gstar_chat.png b/src/main/webapp/static/themes/openolat/images/im/gstar_chat.png
new file mode 100644
index 0000000000000000000000000000000000000000..8759a4cd9b0612d00e886ef6a7188d3e33fb53e0
GIT binary patch
literal 654
zcmV;90&)F`P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00072Nkl<ZIE|f>
zOK1~e5Xb-f?IX{=Y!f4?2|`<&+A6jn1g%x^ffo@Z=&9mG5cDL12tvR@y|z%nWARc%
z@uH;{o1mpA6-tX3s-e%-kk)QuvdJdj?ziz!50yMX2j(*KpC7~g2dEXJ;vh!F!CDeh
z6963jlm7u2vH9S!b;4uo#E8vTO(s+Y7<}-geW29@Fk?i50M`F)1L*yS9X+i_99^w|
z-d{~s88Bq^!$krjhem-Tjc}0whOGWdQVzq?WLdQ&k<-3Y9RYjC0nrqZQd655CB2<x
zs=j8(*?4I!2To%EAfV{H2}!%}^tprAy;lPwlWdkek7Mp$40Ihwb6qn4xB<A8jDkq)
zz4>fuLVhhzPchwi#3QO@&~Hr9teTorKDM|@`|7W?Uv`}9J_CUhKq&>K6uPcM5+nq?
z2e~%EulV9E!;y!R3p*}^VFK(q!VR-16kqgR>~*QC3IJe?fl>;?Fu<4zLO6IDJbq%5
z9stvSA2F=RVxBNb6j3Y|kxpl^z5NT>tOiZfL8*a4!GLLUMAI~TxeK8~(n?-#nv2gv
zD=;ud!1I<}X@w|Skw|Q9<Z`){a)5WGd%pfFH?}a2#pF_{U@()Aok2pZAjE==ABpd?
zvojO2EWh1xVRuly4}0N!sl8I-6N~99?V+Tr-rbZoGG0|uEw|6!mF|sQdRMneo<yS`
zw#oq<>BF*~LcSP@DY3`nZ=U|-xPp{y)Ar|`xd*Y&Urv0>ukOi2H&-h@Anx#=aErfz
o5cslQ2)uOO8Ma(-EblJ=24R--$^zV0QUCw|07*qoM6N<$g2{I(LjV8(
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/gstar_clock.png b/src/main/webapp/static/themes/openolat/images/im/gstar_clock.png
new file mode 100644
index 0000000000000000000000000000000000000000..48880cd4e66d9c83fcf2ccf1a86ff71bf0e7e422
GIT binary patch
literal 700
zcmV;t0z>_YP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007mNkl<ZIE|f>
z-Ahw(7{|ZAbIxAQrrXYOZqp5?*m9b4m6A!Ux+{Z(&<up^vVtP;%1a5UZWa0mx-CSC
zq(FR$48$Q8jTmV%+vd`o)483U?RU=UrkjBZ^}uuWeE9Hv9v<Mh8rKbCTsL?e!W=6A
z&iw8F5RCD4aPfY)ct6JYx}z}eNC9QLE}AZRQ~)38Y!`rye@lQ;sLdSk1kEiTpcFca
zI$SVn^rD(+))Ck^!q`yFG-K50Jq#sys-HS+5b$+0oV5A;T#}$suFn}udWC{2pAw5Z
zOYBNw&$uIjs2ahD=z(4uuBdZ#-ErS)))51r(K4VaMQ$mLd*|+=rltlQ$H7@!i_KID
zQ;Y8l&laA%O;@W!Eas$rgy_3s_F#7@y=Z56-eA`AmeltY9<|<wv+)G#-EO>|n84YN
z4)6v8>~;?qWLvWA%-$;&05As)Gg<`aZL>c!5wFSY^tNUEe83xo)n)_3Fqog7MzFIJ
zc}aq*Y2Yg=92;wEk@6#sq~pkF+09a#5DBOhMPv&F2o?)su^3#Hl@J91&Z;U{MNx0y
z`TFudxOqwsx_UY%6s+=w3=M$K<-(iENtjJ0^!N8e6h#PvfUCW|pp-J@0{40=>{^vf
z6lOX9S;-&dSgI(v(%lVNl5nH153($Ssw&pw@!UZs6Dwb#SZasBS##TK+h3B)U&G;r
zUnNBWr4-kCdLS2z03lE{4e{00a5Ng7DNjI{cKj&qBCoDcsyrTkFyu5d#<2^bP{84I
z>Inf7$wVm{`S#)Vz`zKlG)Bq<57{s%p5wRj0xzKeU>pudgU{!?Zn0RJ_KmrwIG6NE
i^ZS>#wzk#*sDA(?bNC;J+;MmS0000<MNUMnLSTYh3P^(h
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/gstar_cross.png b/src/main/webapp/static/themes/openolat/images/im/gstar_cross.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2ce17d0efc13bb933f7633896a1d4101194927d
GIT binary patch
literal 681
zcmV;a0#^NrP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007TNkl<ZIE|f=
zUr1AN6vw~2zunEd4Yyh9;!a11rj=>sgWGZ`*;7&UFsv6t2tj2ay%a$-LdmB<u_nGm
zPy|s}C@GnLijfl)B^0HMtOhfM?Yen4-R|zM2YWE4LLE3S=lkWu_nZUlRUK?CI@sF1
zEX<w&;P{{Z4?sJY3lmoe6IY0KE_XMZa#w&vtPag-vkbs1jaUKv__qW|R2<V5n@hBZ
z%|N1JH`mU9mNW}8nIcvJgHpj5kjWIGCC##vRe^h|H#-T%`DF(S4Ecr15Q73XFGQj=
zx`BA&$^7$xKg}NolaRLn?hG?jv75TwEbCRirifLjIe`jD(j=sBF|=3RhQGTT;^+`G
zj!N+L^{DA_`QLAj^+6)71f#JqDx`sUWIZ$y9N*7yoLZ~m(wF@Kc<gr}xSEj3^U%pM
zj3yIS9(KanbU%IN_44)Ej)_?U02l?uFr7oWVdSSUXVGZ0Ev2M{%X<0_QJLbXrwbvy
z9_-~SSa|sY;e~k^ZKuTE-oF07kLV8iA<#%55mZPUNvsXMMQqZC4-YyK<<0oj*9-CE
z2!x?Qgu{`2sb6p&Q9)u$MdOBkokXCtS3<+*Ap6{T$TQR6FI+@UnGI@t6(~h0_4Lh}
z6KGS-Y6pv{-g7Aa$u~tGYZ*H1u+upWsQ2s{`bZ5r^<kV=S65f2CWt3a!l=}Xt6x{w
zJ}*w!wKcvf_kKZ;&%?kb5Xd+Hn{N@fTHSY+mX^l0-nhM*)LqcYHbmtaNJ%$5_--)h
z9M_s}GzMkCDv~u#kMEf`-Y;GPkW5{{MJCZe>fi)P(VQS?Aa!t&$?fCcDFy1%YPxht
P00000NkvXXu0mjfSQt9e
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/im/new_message.png b/src/main/webapp/static/themes/openolat/images/im/new_message.png
new file mode 100644
index 0000000000000000000000000000000000000000..354e7cb48f10e9060f51d3956f1356f9b9a06d05
GIT binary patch
literal 672
zcmV;R0$=@!P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007KNkl<ZIE}?q
z&r8!`9Dd&S{r*_?ZQtfJ#;7#0!z$Qew1W_Iv5SQs#vm9`9)chtq(5NSq(d+S%?_Ow
z(jmk@z<vm7Y!bt0h>g^2wk@2>{Qi3PzMT|gc<Isu4}9R^^L(De^8x-h$l;Jqr+ol=
zIp^Jkkaj|dE~O*@1R=x`Li{0wtTV>Gr_*Wsn8E1i=mo#ue<L1`-;741@s5s;ORB0G
zgb*r(XnLNvSFKim6bgmUxm@l;qtW;@Ha7MX0LaM5NM|4r7#bcPeiRCYu2D)=Aw+9b
zLLjAdYPH(R<mBW;y<VTmWHMFCIgbwx4kk>~yyCj9dT?+6+qPS1Sr#0}(GA16nn)xP
zLWt`Cpm?4aG7KYHsZ=%2`O!7TC=^A7rfE=B214keriH`dsBPOJ08kvqp_b)B*L4u0
z97S$6fo7A#aX2U?&@>gVS5Kj|588c3`fb~006<;Wt*ozae3g=UilT!tt%ZcB@I2sK
z)kR-lC-R&7P1kjQ9~vx7PrrFrE?0^|FwU3{l<F;H%m>G^Wz_|KRd(u}^F;t)#bU7$
z47OKRR&uqSoxR<zuHN&8akfoL3dR%wR5*^iUoLO0zAfx2>g9`VYhN}u7G6Gmeym8b
zSWMmC-Wr;nozE;UFMS*ze>NWsp3|k2Vy)-?kgEs6V5-w|_f}+edM*zDvMKUM1^^I=
zMD9r`dl+MjmSruJN~K)@@I9DGQ9_>dKfV*2s{=6uSels43n^b5D~oBG4^7kT2XMNj
zNy%&q$!sqCUP>ghIV7{Glm6pm3{0hP`&AADQ~$7h0{#N_@g59K>kgR!0000<MNUMn
GLSTX;S1w5a
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/layer.png b/src/main/webapp/static/themes/openolat/images/layer.png
new file mode 100644
index 0000000000000000000000000000000000000000..0582493b03c4df7322f6e51bfbcb2671460431c4
GIT binary patch
literal 460
zcmV;-0W<!IP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzZb?KzRCwB?lV3^$F%ZTx*{vW|uwWGx
zM8OOA=LlX!#3x@pf;TAQRRkaUs(1lK@SzV%-P&fm-6WGZ)7tIsDs`cOgqbkE?@M+k
z;Jp`%3}AtitGiu_4{6pbaxu-PhwIa~kTViFYMmXQ?{BO$z3^_XqX7B(u0AeqA8#nl
z1XlN&_4P#CsER$;GQ;sy0G#*Mx%uwX!L`if1ti1hJXR8*T4pi<=NwqtG*~==MyFL`
z)lgfN8mA39!~0u}<sD}70ur5If$<5r@KdGTeqv)k{m+wi>}u$;%oMIbdq^P0BO7;>
zj*w3S41gbh{Mm1y9Ax<l(h?9UJ@`t@fJ!95#4YoN+$uy+H~}Za)TaH!BvcWUihZFC
zI0ye*AhphrZ750<{1H<#g#`gb3<3!?kmUYD0~Bp%y-!d8HD)pat@Y@o(+du^*EaE=
zW+Ef`-04YX@&fJ4*8LKNjf#&c0)Te*8W$Pg0t^885dDwLBmt}d0000<MNUMnLSTa2
Cm&Mrt
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/macartney.png b/src/main/webapp/static/themes/openolat/images/macartney.png
new file mode 100644
index 0000000000000000000000000000000000000000..5301aa268c461bf2faa15ab3859df7379e033bb6
GIT binary patch
literal 815
zcmV+~1JL}5P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0008^Nkl<ZIE{^w
zTS${}7{;Ifx9K;(oj2V%bj(O52}w|PCc}a#h?*U!E-ESr>Z+&+l7fOFiVj#3bQ4w=
z9Y`pm146Y9>fEemt=!7QxjC0h+MIr$Zx^Pyt9q{9o8QCxdtZjBAz}{#J$sVfUDKOe
z1M1h|pPla)9yy0yY!v^>=>RG3JZm{~xuGGm-m{Jj#=<e)IqSlbI+Fhr27vm9feptm
z-Jp4^wv$X-OwgDb|A(7wfA=A@x~n&fws)T)jSj;&efIEy)0b^l`e7KRER7nJ14Bl4
z=AetErWUXX_o_|%Z^isiJYPHgU;v!UcGJ=d+kjaw*Gk|io2N=f`v&4cuK19D?xshm
zWm3)tk^Z4@^4nLCLJxA)ASUVA<9pW&IWYrrd!V3<B^`QfiOVflb*X68An+~6#j^Ws
z3GbZq5i>UvYAzCZ8v!6NJ)w9xAx}e)DTs4ak;1)TTdu;N6mC9MnST4|TA5W@QKDxc
zNDvHm1lwMrJ<tI#9?)1MK9AO96WvWY3IMQUttUC+lJaXRiXal9(5Qo2Eg;xg4$qdo
zuv_(rr3QyMqa%RCIKxdX5PMonrWq7vYMmAis~MFQ<#3mmp*I>s_2T*1Si1@qlks~d
zoEVs3CJTs&X>6q>X_3L8)gl^CAR6ySGLb~>+Lbte<}f5tghJ4UfY`4IPBt+VEvz$&
zsg6czFrkZtK0u`s(ACwAr_EldgaU*k-_iWiht@CsoZWNs?N5JGZ_XDkHhK5#JyxGx
zw4|D1U%Zs+X{Wx=UJ{d?M42#o)~p}^#H-DuaLf#wc3yE!D%9PL=sx*c_O-u$p6~ay
zz}wn^QBj21Rs@-hL#lreExzFRozg!r(id_Lzqq+|@(aF<!29mpR`mtnfW`<%Pc*=8
z)xu^m!D=!h8cTx7RR9<yX#|YRLpmNA`@8>n;`7Zj?sE*J(G<|M;u&N%+er`#NU0P^
tZ!nY7<tC*{OOO{3r_go7QCSKAzX8jJNT^k!h}QrB002ovPDHLkV1l{NdcFVv
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/mouse.png b/src/main/webapp/static/themes/openolat/images/mouse.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d6b7082d4258d27a140011d595950be4c379960
GIT binary patch
literal 600
zcmV-e0;m0nP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz`bk7VRCwB)Q$33sQ53y1ej&Om4uX;;
zTWMn_EFoaEkzi+`B>P|dD>hbJ>_$tQ?Gzz|RY(yV5g|(?7?|j)qmExW=fQ-5oiusy
zxbNP3-ns97JneKk30I|35na~}P1D{$O<{)ygTX1A&1yJrv3~;l<#;@rjYdP9<#!Hn
z8qsL<L%Cf3n8{?WVzJnHx7(F`J}>k6{CPMWJ~o@pJDl$UH(wAO4u`j;Qt2j_%UvfD
z2?>Ql5(oq&l}brG9zO^9yZwHz)$8>qz+28e-8sPdDxFSW8HORjU{DZI{C>ZZ)M=-m
zIB_jEK^VX@pU)@AQ%0ka6pKYAsnbqBac+XYDeQJToj{}_D5N+<j-;KEI8TD{cpPKV
zdcB@RA`uCP!_scI)umReC9Bm+Hk*yYc@iX(NvlvOs9ae*zQWZZMi$dFrB<t1o&>gS
z`xc9Zy3FW&x~oI7Uay6I;{HW&z!UA|av7vfB3FF`cBWtx=ShGF&%dw``GR?~b(l<5
z16)!spr1I;HiCWJ>2$trw_Ej8Oq|SSGbO3hPCs#;1c>s88UH+)Onxw;Wm&57l+<ab
zpEyqf6zcbMI{j3wR&V?L{#WE}v5=J1X{Vn!H-YB-Mz#-A#tW}udk@nkHm7cl{T*$6
mKw+Oa-fZU!g8yBA1Q-A!Csi{GFIR;C0000<MNUMnLSTY5xd#gX
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/script-stamp.png b/src/main/webapp/static/themes/openolat/images/script-stamp.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1e789edc0f90598502ec7fa8edc67434b659dcb
GIT binary patch
literal 687
zcmV;g0#N;lP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!QAtEWRCwBqlV3<vQ5?s=_x~NHZnzBl
zgH4g3kurUn20qlolt~Xc-=rsd6%i4#2Ql`bP!D@BYEJ`w$$>8t6W<nun1Ljc#)|eL
z4qG#6TX$`D{m!;~T|~nl{J7`$JNNrJ=XZYRaNg-@Fynb1vLv}_cnjyWVzIa;Rt4^d
zLqm`5^z?XXTvM3QwB+Mp@Y&a+BT2k`d|XPNsH)rTa(Ta}(>2Aiq97EBtbK~dUx|_w
z7jMU6#@zjQI1Hh?8+=2<e*qUb4&jZBw}K$V@`VD#fWu+Tg+lf9y~)Kz$WABJzCQ4c
zjsF1hx{gdHW5(j-!9lq$o_|o+*$K|&LN*%3k3axQR~Ib({Sd5HQ^3;>ssa2rN-*aN
z1x4H5MrvUJDuFJ}&O)S8QuFipxw2B~5_7HsFkF0Mu^6zI?;MU7SYJnOYYUmpP1wiB
zp|rN*WN8T^iJ1uukj<Wz5Ij9K#{Trq4zBwB__e=}+}>VElv-VdbzlIJAe03J$W{S(
z9~}zwNnL-MPbBbVWCYsoF0ReYphzvwA0EO+=fD8W1%hgtX1e%0mn)Gz1F7p16R-~t
zBSBmKI5-G)sF!>`$d%PgJ0JjQI5RF*0Bp?at7~aN+td`UjE*81iJ;lz`KyiWAJUjN
zSOi@L<C3N6RCOwcwTf$MLNh_kn00}^3_u$B3{W=bJ&&jN1KmniCp{`C%w-vB#aYbq
zmA$JbfD$)uc65vd=jQI(ZMNFak5+%ayc{LXd*iure0zHvCB|@md!qxd4Zt4(1^{Vs
V*Vj~{l9K=c002ovPDHLkV1gJ+IpF{R
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/images/sticky-note--pencil.png b/src/main/webapp/static/themes/openolat/images/sticky-note--pencil.png
new file mode 100644
index 0000000000000000000000000000000000000000..39471be6360f0c5239ed9bff0e5ad26e0645cc7f
GIT binary patch
literal 638
zcmV-^0)hRBP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!AW1|)RCwB?lR;<`K@^7nnPfEzx-E#J
zDD}7%4{EjbR21yVAhanS1+Rjjw;qJ12a5<I^`M9pFM^kPkszfA3JPjb>A_Hqwg!bp
z2yx9eY17@A9p6l{vDJt|2j0G!oq6B<Z{`hCN?|>XW1TIoKW{R8gxtRWj2R0<JST$|
zZvZsdf3Ww?KqwaJr=F4YFMt%wkg|qQ1}3slm`Amg(W)8Qvt|keU<g+b2Cgv~lo5&w
z1+G8@0=^%hR;w91(l<3g>n~DRZ!-l0AQoe+!3>R$#o|rfLiq4J4^JmA(Wtw>v@qRH
zo#SSOl;DhUaLx%9{uR>M*+ugbi9`ZfG3~`B8VVwSR`4%~R^rcm!?rYf+*uqmXCS23
zuK~Xx+DBvUHN>(kxMhx+IRWSN@QxxdvPuEvzv>KHDXDk`y!)^b$@BLxl-ikhl)4;`
z6wtm<V0A_dNZHNf^QTux_6_3J^)uMry;Rs_u_=>+6y^#Vx4_oO*AVZ=SImEWiLRrA
zc=Yf-k|(yKV^>h!e6n$fOUr5l_*O8B!l}HJmP`eu``?RM%;jF=P)`bznFly<_!Rc+
zb@28D#YA;bts*-<)}Q#}p(rG_*sLR&8nW-+zOu-eS|}BBWj#mYvRbeK&_?HExHgz7
z8NSPg&t7<+zIoMoQmLp>+s5N)U5wYyJl^WH<nq9^af43JesL!3Hr!}yuh;(X?WX_(
Y01@5tzJHE>%K!iX07*qoM6N<$g7YONF#rGn
literal 0
HcmV?d00001
diff --git a/src/main/webapp/static/themes/openolat/layout.css b/src/main/webapp/static/themes/openolat/layout.css
index 5d8268937ed..dec59eb53cc 100644
--- a/src/main/webapp/static/themes/openolat/layout.css
+++ b/src/main/webapp/static/themes/openolat/layout.css
@@ -889,7 +889,7 @@
/* EXT TREE */
div.b_ext_elem .x-tree-lines .x-tree-elbow-minus {
- background-image: url("../openolat/images/toggle-small-expand.png");
+ background-image: url("../openolat/images/toggle-small.png");
background-position: 50% 50%; }
div.b_ext_elem .x-tree-lines .x-tree-elbow-plus {
@@ -897,7 +897,7 @@
background-position: 50% 50%; }
div.b_ext_elem .x-tree-lines .x-tree-elbow-end-minus {
- background-image: url("../openolat/images/toggle-small-expand.png");
+ background-image: url("../openolat/images/toggle-small.png");
background-position: 50% 50%; }
div.b_ext_elem .x-tree-lines .x-tree-elbow-end-plus {
@@ -1046,7 +1046,7 @@ a.b_small_icon:hover {
background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
.o_chat_icon {
- background-image: url("../images/olat/chat_icon.png"); }
+ background-image: url("../openolat/images/balloons-box.png"); }
.o_admin_icon {
background-image: url("../openolat/images/wrench-screwdriver.png"); }
@@ -1945,7 +1945,14 @@ div.b_comments div.b_form {
padding: 10px;
border: 1px solid #eee;
margin: 2em 0 2em 0;
- background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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;
@@ -2338,6 +2345,10 @@ div.b_modal_overlay, div.ext-el-mask {
div.b_window {
text-align: left;
border: 1px solid #025d8c;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
background: #fff; }
div.b_window .b_window_header_wrapper {
padding: 2px 8px 0px 8px; }
@@ -2485,14 +2496,18 @@ div.b_togglebox div.b_togglebox_content {
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
- background: #94bed3;
- background: -moz-linear-gradient(top, #94bed3 0%, #f3feff 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94bed3), color-stop(100%, #f3feff));
- background: -webkit-linear-gradient(top, #94bed3 0%, #f3feff 100%);
- background: -o-linear-gradient(top, #94bed3 0%, #f3feff 100%);
- background: -ms-linear-gradient(top, #94bed3 0%, #f3feff 100%);
- background: linear-gradient(top, #94bed3 0%, #f3feff 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94bed3', endColorstr='#f3feff',GradientType=0 );
+ background: #cccccc;
+ background: -moz-linear-gradient(top, #cccccc 0%, white 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, white));
+ background: -webkit-linear-gradient(top, #cccccc 0%, white 100%);
+ background: -o-linear-gradient(top, #cccccc 0%, white 100%);
+ background: -ms-linear-gradient(top, #cccccc 0%, white 100%);
+ background: linear-gradient(top, #cccccc 0%, white 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='white',GradientType=0 );
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
border: 1px solid #025d8c; }
div.b_wizard div.b_wizard_header_wrapper {
background: transparent; }
@@ -2519,7 +2534,11 @@ div.b_wizard div.b_wizard_steps_wrapper {
background: transparent; }
div.b_wizard div.b_wizard_steps_content {
background: #fff;
- border: 1px solid #555555; }
+ border: 1px solid #555555;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px; }
div.b_wizard div.b_wizard_steps_list {
width: 20em;
padding: 0;
@@ -2651,209 +2670,6 @@ div.b_legacy_wizard_steps {
.b_legacy_wizard_step_p9 {
background-image: url(../openolat/images/wizard/9p.png); }
-/*
-* =================================================
-*
-* PORTAL, PORTLETS, TOOLBOXES Rules for the OpenOLAT theme
-*
-* @author strentini, sergio.trentini@frentix.com, www.frentix.com
-* @date Dez. 2011
-*
-* also read themes.README!
-*
-*
-* =================================================
-*/
-/** ----------------- PORTAL ----------------- **/
-div.o_home_portaleditlink {
- position: absolute;
- top: 0;
- right: 0; }
-
-.o_home_main h4 {
- text-align: center; }
-
-div.o_home_rsslink {
- clear: both;
- float: right;
- 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;
- font-size: 95%;
- margin: 10px;
- min-height: 13em; }
-.b_portlet .b_portlet_showall {
- font-size: 95%;
- position: absolute;
- right: 0;
- top: 0; }
-.b_portlet .b_portlet_header {
- border-bottom: 1px solid #94bed3;
- white-space: nowrap;
- overflow-y: hidden !important;
- overflow-x: hidden !important; }
-.b_portlet .b_portlet_content {
- position: relative;
- padding: 1em 0 0 0; }
-
-/* portlets / portal in edit mode */
-div.b_portlet.b_portlet_edit {
- background: #FFE793;
- border: 1px solid #FF9E3E;
- padding: 2px; }
-div.b_portlet.b_portlet_edit .b_portlet_header {
- height: 23px; }
-
-/* portlet toolbox (portal edit mode) */
-div.b_portlet_toolbox {
- position: absolute;
- top: 0;
- right: 0;
- padding: 2px;
- height: 20px;
- overflow-y: hidden !important;
- overflow-x: hidden !important;
- /* fix problem with brasato component wrapper */
- /* the toolbox buttons */ }
-div.b_portlet_toolbox a, div.b_portlet_toolbox span.b_disabled {
- background-repeat: no-repeat;
- background-position: 1px 1px;
- float: right;
- width: 18px;
- height: 18px;
- overflow: hidden; }
-div.b_portlet_toolbox div {
- display: inline; }
-div.b_portlet_toolbox > a, div.b_portlet_toolbox > span {
- border: 1px solid #888;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- background: #eee;
- background-repeat: no-repeat;
- background-position: center; }
-div.b_portlet_toolbox a.b_portlet_edit_left {
- background-image: url(../openolat/images/arrow_left_big.png); }
-div.b_portlet_toolbox a.b_portlet_edit_right {
- background-image: url(../openolat/images/arrow_right_big.png); }
-div.b_portlet_toolbox a.b_portlet_edit_down {
- background-image: url(../openolat/images/arrow_down_big.png); }
-div.b_portlet_toolbox a.b_portlet_edit_up {
- background-image: url(../openolat/images/arrow_up_big.png); }
-div.b_portlet_toolbox a.b_portlet_edit_delete {
- background-image: url(../openolat/images/bin-metal-full.png); }
-div.b_portlet_toolbox a.b_portlet_edit_sort_auto {
- background-image: url(../openolat/images/table_sort.png); }
-div.b_portlet_toolbox a.b_portlet_edit_sort_manual {
- background-image: url(../openolat/images/table_gear.png); }
-div.b_portlet_toolbox span.b_portlet_edit_left_disabled {
- background-image: url(../openolat/images/arrow_left_big.png);
- opacity: 0.2; }
-div.b_portlet_toolbox span.b_portlet_edit_right_disabled {
- background-image: url(../openolat/images/arrow_right_big.png);
- opacity: 0.2; }
-div.b_portlet_toolbox span.b_portlet_edit_down_disabled {
- background-image: url(../openolat/images/arrow_down_big.png);
- opacity: 0.2; }
-div.b_portlet_toolbox span.b_portlet_edit_up_disabled {
- background-image: url(../openolat/images/arrow_up_big.png);
- opacity: 0.2; }
-div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled {
- background-image: url(../openolat/images/table_sort.png);
- opacity: 0.2; }
-div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled {
- background-image: url(../openolat/images/table_gear.png);
- opacity: 0.2; }
-
-.b_toolboxes {
- font-size: 95%;
- padding: 6px; }
-.b_toolboxes .b_toolbox {
- margin-bottom: 20px;
- /* the toolbox head */
- /* toolbox content */ }
-.b_toolboxes .b_toolbox .b_toolbox_head_wrapper {
- border-bottom: 1px solid #94bed3;
- background: inherit; }
-.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head {
- vertical-align: top; }
-.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head strong {
- font-weight: bold; }
-.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head_icon {
- background: transparent no-repeat 3px 50%;
- padding-left: 19px;
- line-height: 1.2em;
- color: black; }
-.b_toolboxes .b_toolbox .b_toolbox_content ul {
- padding: 0 0 0 6px;
- margin: 0;
- list-style: none; }
-.b_toolboxes .b_toolbox .b_toolbox_content li {
- padding: 0;
- margin: 0;
- line-height: 1.5em;
- white-space: nowrap;
- /* special */
- /* disabled toolbox items */ }
-.b_toolboxes .b_toolbox .b_toolbox_content li a {
- color: #667;
- background-repeat: no-repeat;
- background-position: 0 50%;
- padding-left: 20px;
- display: block; }
-.b_toolboxes .b_toolbox .b_toolbox_content li a:focus, .b_toolboxes .b_toolbox .b_toolbox_content li a:hover, .b_toolboxes .b_toolbox .b_toolbox_content li a:active {
- color: #504D4E;
- text-decoration: underline; }
-.b_toolboxes .b_toolbox .b_toolbox_content li div.b_note, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_important, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_warning {
- padding: 0 0 0 20px;
- margin: 0;
- border-bottom: 0; }
-.b_toolboxes .b_toolbox .b_toolbox_content li a.b_toolbox_toggle {
- padding-left: 0;
- display: inline; }
-.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_toggle_wrapper {
- float: right;
- font-size: 90%; }
-.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_link.b_disabled, .b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_disabled {
- color: #999;
- background: no-repeat 0 50% url(../openolat/images/bullet_white.png);
- padding-left: 18px;
- display: block; }
-
/*
* =================================================
*
@@ -3839,7 +3655,8 @@ div.b_table_wrapper {
/* bottom-margin to fix IE6 overflow issue */ }
div.b_table_wrapper table {
width: 99.5%;
- margin-left: 1px; }
+ margin-left: 1px;
+ border: 1px solid #eeeeee; }
div.b_table_wrapper table tbody tr:hover td {
background: #f3feff; }
div.b_table_wrapper div.b_table_filter {
@@ -3853,7 +3670,8 @@ div.b_table_wrapper div.b_table_filter label {
div.b_table_wrapper div.b_table_filter select {
border: 1px solid #ACAAAA; }
div.b_table_wrapper div.b_clearfix div.b_floatbox {
- margin: 5px 0 0 0; }
+ margin: 5px 0 0 0;
+ padding-right: 4px; }
div.b_table_wrapper div.b_table_count {
font-size: 95%;
float: left;
@@ -5879,7 +5697,7 @@ div.o_bcard_portrait img {
border: 1px #d3d3d3 solid; }
div.o_bcard_portrait_group {
- background-image: url(../images/group_100x100.png);
+ background-image: url(../openolat/images/group_100x100.png);
border: 1px #d3d3d3 solid; }
div.o_bcard_text {
@@ -5928,6 +5746,49 @@ div.o_infomsgs_config div {
top: 0;
right: 250px; }
+/* EMAIL */
+.b_mail_icon {
+ background-image: url(../openolat/images/mail.png); }
+
+div.b_mail_message div.b_form_element_wrapper:first-child div.b_form_element {
+ font-weight: bold; }
+
+.b_mail_new {
+ width: 20px !important;
+ background-image: url(../openolat/images/new-text.png); }
+
+.b_table_wrapper span.b_mail_unread {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ background: transparent url(../openolat/images/bullet_black.png) top left no-repeat; }
+.b_table_wrapper span.b_mail_read {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px; }
+.b_table_wrapper span.b_mail_marked {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ background: transparent url(../openolat/images/flag.png) top left no-repeat; }
+.b_table_wrapper span.b_mail_unmarked {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px; }
+.b_table_wrapper .b_marked {
+ font-weight: bold; }
+
+ul.b_mail_attachments {
+ list-style: none;
+ margin: 0;
+ padding: 0; }
+ul.b_mail_attachments li {
+ margin: 0; }
+
/* MEMBERS BB ( Course Buildingblock: "Teilnehmerliste" ) */
div.o_cmembers * {
vertical-align: middle; }
@@ -6543,7 +6404,14 @@ option.White {
border: 1px solid #eee;
padding: 0.8em;
margin-bottom: 2em;
- background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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;
@@ -6610,7 +6478,7 @@ div.o_feed_peekview div.o_feed_peekview_item {
float: right;
width: 16px;
height: 16px;
- background: url(../images/olat/feed.png) no-repeat; }
+ background: url(../openolat/images/feed.png) no-repeat; }
#o_feed div.o_podcast_episode {
padding: 10px;
margin-top: 20px;
@@ -6638,7 +6506,7 @@ div.o_feed_peekview div.o_feed_peekview_item {
margin-bottom: 1.5em; }
div.o_podcast_peekview div.o_feed_peekview_item a.o_feed_item_icon {
- background-image: url(../images/olat/sound.png); }
+ background-image: url(../openolat/images/control/speaker-volume.png); }
/* BLOG */
#o_feed .o_blog_posts .o_post, #o_feed .o_blog_post .o_post {
@@ -6658,7 +6526,7 @@ div.o_podcast_peekview div.o_feed_peekview_item a.o_feed_item_icon {
#o_feed div.o_blog_info div.o_blog_subscription {
min-height: 16px;
padding-left: 20px;
- background: url(../images/olat/feed.png) no-repeat; }
+ background: url(../openolat/images/feed.png) no-repeat; }
#o_feed .o_blog_info .o_author, #o_feed .o_blog_posts .o_item_info {
color: #7D7D7D;
@@ -6672,4 +6540,552 @@ div.o_podcast_peekview div.o_feed_peekview_item a.o_feed_item_icon {
margin-bottom: 1.5em; }
div.o_blog_peekview div.o_feed_peekview_item a.o_feed_item_icon {
- background-image: url(../images/brasato/comment.png); }
+ background-image: url(../openolat/images/comment.png); }
+
+/* INSTANT MESSAGING */
+#o_instantmessaging_status_changer {
+ padding: 1em 0 0 0;
+ margin: 0; }
+#o_instantmessaging_status_changer a.b_contexthelp {
+ margin-top: 5px;
+ padding-right: 5px; }
+#o_instantmessaging_status_changer ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0; }
+#o_instantmessaging_status_changer li {
+ padding: 0;
+ margin: 0; }
+#o_instantmessaging_status_changer li a {
+ padding: 0.1em 0 0.1em 20px;
+ background-repeat: no-repeat;
+ background-position: 0 50%; }
+
+.o_instantmessaging_chat_history, .o_groupchat_history {
+ border: 1px solid #ACAAAA;
+ overflow: scroll;
+ margin: 0 0 1em 0;
+ overflow-x: auto;
+ height: 170px;
+ 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 ); }
+
+.o_instantmessaging_chat_history div, .o_groupchat_history div {
+ border-top: 1px solid #eee;
+ padding: 0.3em 0; }
+
+.o_instantmessaging_chat_form input, .o_groupchat_chat_form input {
+ width: 99%; }
+
+.o_instantmessaging_chat_form div.b_button_group, .o_groupchat_chat_form div.b_button_group {
+ margin-top: 1em; }
+
+#o_instantmessages_buddieslist {
+ padding: 1em 0 0 0;
+ margin: 0; }
+#o_instantmessages_buddieslist a.b_contexthelp {
+ margin-top: 5px;
+ padding-right: 5px; }
+#o_instantmessages_buddieslist ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0; }
+#o_instantmessages_buddieslist li {
+ margin: 0;
+ padding: 0; }
+#o_instantmessages_buddieslist li.o_instantmessaging_groupname {
+ padding: 0 0 0 20px;
+ background: url(../openolat/images/users.png) no-repeat 0 0; }
+#o_instantmessages_buddieslist li a {
+ padding: 2px 0 2px 20px;
+ background-repeat: no-repeat;
+ background-position: 0 0; }
+#o_instantmessages_buddieslist a.o_instantmessaging_showgroupswitch {
+ padding: 2px 0 2px 20px;
+ background: url(../openolat/images/users_conf.png) no-repeat 0 0; }
+#o_instantmessages_buddieslist a.o_instantmessaging_showofflineswitch {
+ padding: 2px 0 2px 20px;
+ background: url(../openolat/images/im/grstar.png) no-repeat 0 0; }
+
+div.o_groupchat_roster {
+ margin: 0; }
+div.o_groupchat_roster ul {
+ list-style-type: disc;
+ margin: 0;
+ padding: 0; }
+div.o_groupchat_roster li {
+ font-size: 95%; }
+
+/* im icons */
+.o_instantmessaging_available_icon {
+ background-image: url(../openolat/images/im/gstar.png); }
+
+.o_instantmessaging_chat_icon {
+ background-image: url(../openolat/images/im/gstar_chat.png); }
+
+.o_instantmessaging_away_icon {
+ background-image: url(../openolat/images/im/gstar_clock.png); }
+
+.o_instantmessaging_dnd_icon {
+ background-image: url(../openolat/images/im/gstar_cross.png); }
+
+.o_instantmessaging_unavailable_icon {
+ background-image: url(../openolat/images/im/grstar.png); }
+
+.o_instantmessaging_xa_icon {
+ background-image: url(../openolat/images/im/grstar_clock.png); }
+
+.o_instantmessaging_offline_icon {
+ background-image: url(../openolat/images/im/grstar.png); }
+
+.o_instantmessaging_new_msg_icon {
+ background-image: url(../openolat/images/im/new_message.png); }
+
+.o_instantmessaging_error_icon {
+ background-image: url(../openolat/images/cross.png); }
+
+.o_instantmessaging_refresh_icon {
+ background-image: url(../openolat/images/qti/tries.png); }
+
+/*
+* =================================================
+*
+* PORTAL, PORTLETS, TOOLBOXES Rules for the OpenOLAT theme
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Dez. 2011
+*
+* also read themes.README!
+*
+*
+* =================================================
+*/
+/** ----------------- PORTAL ----------------- **/
+div.o_home_portaleditlink {
+ position: absolute;
+ top: 0;
+ right: 0; }
+
+.o_home_main h4 {
+ text-align: center; }
+
+div.o_home_rsslink {
+ clear: both;
+ float: right;
+ 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;
+ font-size: 95%;
+ margin: 10px;
+ min-height: 13em;
+ /* generic table in portlets: override styles from b_table definition */ }
+.b_portlet .b_portlet_showall {
+ font-size: 95%;
+ position: absolute;
+ right: 0;
+ top: 0; }
+.b_portlet .b_portlet_header {
+ border-bottom: 1px solid #94bed3;
+ white-space: nowrap;
+ overflow-y: hidden !important;
+ overflow-x: hidden !important; }
+.b_portlet .b_portlet_content {
+ position: relative;
+ padding: 1em 0 0 0; }
+.b_portlet div.b_portlet_table table {
+ background: none;
+ border: none; }
+.b_portlet div.b_portlet_table table th, .b_portlet div.b_portlet_table table td {
+ padding: 0; }
+.b_portlet div.b_portlet_table table tbody tr {
+ background: transparent; }
+.b_portlet div.b_portlet_table table tbody tr.b_table_odd td {
+ background: transparent; }
+.b_portlet div.b_portlet_table table tbody tr td {
+ border: 0 !important; }
+.b_portlet div.b_portlet_table table tbody tr:hover, .b_portlet div.b_portlet_table table tbody tr:hover td, .b_portlet div.b_portlet_table table tbody tr:focus, .b_portlet div.b_portlet_table table tbody tr:focus td {
+ background: transparent; }
+
+div.o_portlet_repository_student td.b_first_child {
+ width: 24px; }
+
+div.o_portlet_repository_teacher td.b_first_child {
+ width: 24px; }
+
+/* small portlet icons */
+.b_portlet .b_portlet_header {
+ background-repeat: no-repeat;
+ background-position: 0% 50%;
+ padding-left: 18px;
+ padding-top: 5px;
+ padding-bottom: 5px; }
+
+/* calendar */
+div.o_portlet_calendar div.b_portlet_header {
+ background-image: url(../openolat/images/calendar_empty.png);
+ padding-left: 2px;
+ padding-top: 8px; }
+
+div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before {
+ content: "1";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before {
+ content: "2";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before {
+ content: "3";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before {
+ content: "4";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before {
+ content: "5";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before {
+ content: "6";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before {
+ content: "7";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before {
+ content: "8";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before {
+ content: "9";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before {
+ content: "10";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before {
+ content: "11";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before {
+ content: "12";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before {
+ content: "13";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before {
+ content: "14";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before {
+ content: "15";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before {
+ content: "16";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before {
+ content: "17";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before {
+ content: "18";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before {
+ content: "19";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before {
+ content: "20";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before {
+ content: "21";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before {
+ content: "22";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before {
+ content: "23";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before {
+ content: "24";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before {
+ content: "25";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before {
+ content: "26";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before {
+ content: "27";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before {
+ content: "28";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before {
+ content: "29";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before {
+ content: "30";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before {
+ content: "31";
+ font-size: smaller;
+ padding-right: 6px; }
+
+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); }
+
+div.o_portlet_bookmark div.b_portlet_header {
+ background-image: url(../openolat/images/book-open-bookmark.png); }
+
+div.o_portlet_groups div.b_portlet_header {
+ background-image: url(../openolat/images/users.png); }
+
+div.o_portlet_notes div.b_portlet_header {
+ background-image: url(../openolat/images/sticky-note--pencil.png); }
+
+div.o_portlet_noti div.b_portlet_header {
+ background-image: url(../openolat/images/mail.png); }
+
+div.o_portlet_eff div.b_portlet_header {
+ background-image: url(../openolat/images/script-stamp.png); }
+
+div.o_portlet_repository_student div.b_portlet_header {
+ background-image: url(../openolat/images/le_resources/book-open-text-image.png); }
+
+div.o_portlet_repository_teacher div.b_portlet_header {
+ background-image: url(../openolat/images/le_resources/book-open-text-image-red.png); }
+
+div.b_portlet_iframe div.b_portlet_header {
+ background-image: url(../openolat/images/layer.png); }
+
+div.b_portlet_sysinfo div.b_portlet_header {
+ background-image: url(../openolat/images/exclamation.png); }
+
+div.b_portlet_dyk div.b_portlet_header {
+ background-image: url(../openolat/images/light-bulb.png); }
+
+div.o_portlet_infomessages div.b_portlet_header {
+ background-image: url(../openolat/images/information-button.png); }
+
+div.b_portlet.o_pt_w_if div.b_portlet_header {
+ background-image: url(../openolat/images/globe.png); }
+
+/* portlets / portal in edit mode */
+div.b_portlet.b_portlet_edit {
+ background: #FFE793;
+ border: 1px solid #FF9E3E;
+ padding: 2px; }
+div.b_portlet.b_portlet_edit .b_portlet_header {
+ height: 23px; }
+
+/* portlet toolbox (portal edit mode) */
+div.b_portlet_toolbox {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 2px;
+ height: 20px;
+ overflow-y: hidden !important;
+ overflow-x: hidden !important;
+ /* fix problem with brasato component wrapper */
+ /* the toolbox buttons */ }
+div.b_portlet_toolbox a, div.b_portlet_toolbox span.b_disabled {
+ background-repeat: no-repeat;
+ background-position: 1px 1px;
+ float: right;
+ width: 18px;
+ height: 18px;
+ overflow: hidden; }
+div.b_portlet_toolbox div {
+ display: inline; }
+div.b_portlet_toolbox > a, div.b_portlet_toolbox > span {
+ border: 1px solid #888;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ background: #eee;
+ background-repeat: no-repeat;
+ background-position: center; }
+div.b_portlet_toolbox a.b_portlet_edit_left {
+ background-image: url(../openolat/images/arrow_left_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_right {
+ background-image: url(../openolat/images/arrow_right_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_down {
+ background-image: url(../openolat/images/arrow_down_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_up {
+ background-image: url(../openolat/images/arrow_up_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_delete {
+ background-image: url(../openolat/images/bin-metal-full.png); }
+div.b_portlet_toolbox a.b_portlet_edit_sort_auto {
+ background-image: url(../openolat/images/table_sort.png); }
+div.b_portlet_toolbox a.b_portlet_edit_sort_manual {
+ background-image: url(../openolat/images/table_gear.png); }
+div.b_portlet_toolbox span.b_portlet_edit_left_disabled {
+ background-image: url(../openolat/images/arrow_left_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_right_disabled {
+ background-image: url(../openolat/images/arrow_right_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_down_disabled {
+ background-image: url(../openolat/images/arrow_down_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_up_disabled {
+ background-image: url(../openolat/images/arrow_up_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled {
+ background-image: url(../openolat/images/table_sort.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled {
+ background-image: url(../openolat/images/table_gear.png);
+ opacity: 0.2; }
+
+.b_toolboxes {
+ font-size: 95%;
+ padding: 6px; }
+.b_toolboxes .b_toolbox {
+ margin-bottom: 20px;
+ /* the toolbox head */
+ /* toolbox content */ }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper {
+ border-bottom: 1px solid #94bed3;
+ background: inherit; }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head {
+ vertical-align: top; }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head strong {
+ font-weight: bold; }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head_icon {
+ background: transparent no-repeat 3px 50%;
+ padding-left: 19px;
+ line-height: 1.2em;
+ color: black; }
+.b_toolboxes .b_toolbox .b_toolbox_content ul {
+ padding: 0 0 0 6px;
+ margin: 0;
+ list-style: none; }
+.b_toolboxes .b_toolbox .b_toolbox_content li {
+ padding: 0;
+ margin: 0;
+ line-height: 1.5em;
+ white-space: nowrap;
+ /* special */
+ /* disabled toolbox items */ }
+.b_toolboxes .b_toolbox .b_toolbox_content li a {
+ color: #667;
+ background-repeat: no-repeat;
+ background-position: 0 50%;
+ padding-left: 20px;
+ display: block; }
+.b_toolboxes .b_toolbox .b_toolbox_content li a:focus, .b_toolboxes .b_toolbox .b_toolbox_content li a:hover, .b_toolboxes .b_toolbox .b_toolbox_content li a:active {
+ color: #504D4E;
+ text-decoration: underline; }
+.b_toolboxes .b_toolbox .b_toolbox_content li div.b_note, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_important, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_warning {
+ padding: 0 0 0 20px;
+ margin: 0;
+ border-bottom: 0; }
+.b_toolboxes .b_toolbox .b_toolbox_content li a.b_toolbox_toggle {
+ padding-left: 0;
+ display: inline; }
+.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_toggle_wrapper {
+ float: right;
+ font-size: 90%; }
+.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_link.b_disabled, .b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_disabled {
+ color: #999;
+ background: no-repeat 0 50% url(../openolat/images/bullet_white.png);
+ padding-left: 18px;
+ display: block; }
diff --git a/src/main/webapp/static/themes/openolat/layout.scss b/src/main/webapp/static/themes/openolat/layout.scss
index 65b5ff0437f..2e1dfca381b 100644
--- a/src/main/webapp/static/themes/openolat/layout.scss
+++ b/src/main/webapp/static/themes/openolat/layout.scss
@@ -10,7 +10,6 @@
@import "definitions";
@import "mixins";
-
/* --------------- */
@import "basemod";
@import "icons";
@@ -23,11 +22,11 @@
/* ------- mobile -------- */
@import "m_basemod";
+
/* -------- modules -------- */
@import "dd";
@import "accesscontrol";
@import "dialogs";
-@import "portlets_boxes";
@import "tabpane";
@import "formsandbuttons";
@import "tables";
@@ -41,4 +40,6 @@
@import "translationtool";
@import "course";
@import "misc";
-@import "feedandblog";
\ No newline at end of file
+@import "feedandblog";
+@import "im";
+@import "portlets_boxes";
diff --git a/src/main/webapp/static/themes/openolatexample/all/content.css b/src/main/webapp/static/themes/openolatexample/all/content.css
index 6fa0ebf111e..731f8b6677e 100644
--- a/src/main/webapp/static/themes/openolatexample/all/content.css
+++ b/src/main/webapp/static/themes/openolatexample/all/content.css
@@ -426,7 +426,14 @@ div.b_comments div.b_form {
padding: 10px;
border: 1px solid #eee;
margin: 2em 0 2em 0;
- background: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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;
diff --git a/src/main/webapp/static/themes/openolatexample/layout.css b/src/main/webapp/static/themes/openolatexample/layout.css
new file mode 100644
index 00000000000..49d4932ff35
--- /dev/null
+++ b/src/main/webapp/static/themes/openolatexample/layout.css
@@ -0,0 +1,7100 @@
+@charset "UTF-8";
+/*
+ * ========================================================
+ * this could be your customized license. It will be included in your
+ * compiled css file, even if you use sass --style compressed
+ *
+ * ========================================================
+ * <a href="http://www.openolat.org">
+ * OpenOLAT - Online Learning and Training</a><br>
+ * <p>
+ * Licensed under the Apache License, Version 2.0 (the "License"); <br>
+ * you may not use this file except in compliance with the License.<br>
+ * You may obtain a copy of the License at the
+ * <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache homepage</a>
+ * <p>
+ * Unless required by applicable law or agreed to in writing,<br>
+ * software distributed under the License is distributed on an "AS IS" BASIS, <br>
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. <br>
+ * See the License for the specific language governing permissions and <br>
+ * limitations under the License.
+ * <p>
+ * Initial code contributed and copyrighted by<br>
+ * 12.10.2011 by frentix GmbH, http://www.frentix.com
+ * <p>
+ *
+ *
+ * @author strentini, sergio.trentini@frentix.com, www.frentix.com
+ * @date Nov. 2011
+ * ========================================================
+**/
+@import url(../../yaml/core/slim_base.css);
+/* --------------- */
+/*
+* =================================================
+*
+* CONTAINS SOME SASS VARIABLES FOR the EXAMPLE THEME
+* 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 */
+/* then we need a base-gray and some variations */
+/* here you can define the two small icons used in trees: + and - */
+/* 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...
+*
+* =================================================
+*/
+/* --------------- */
+/*
+* =================================================
+*
+* 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: 0; }
+
+ .b_hidecol1 #b_col3 {
+ margin-left: 0 !important;
+ border-left: 0; }
+
+ .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; }
+
+ /** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
+ #b_header {
+ height: auto;
+ min-height: 30px;
+ 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; }
+ #b_header #b_topnav li div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+
+ /** ----------------- 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 {
+ 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 {
+ 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.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; }
+
+ /** ----------------- 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;
+ /* 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: white;
+ text-decoration: underline; }
+ div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
+ color: red;
+ background-color: white;
+ 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; }
+
+ /* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
+ #b_main.b_menu_toolbar #b_col1_content {
+ padding-top: 0;
+ padding-right: 0; }
+
+ #b_main.b_menu_toolbar #b_col3_content {
+ padding: 0; }
+
+ 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; }
+
+ /* 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; }
+
+ div.b_breadcumb_content {
+ clear: both;
+ margin-top: 0.5em;
+ padding-top: 0.5em;
+ border-top: 1px solid #ACAAAA; }
+
+ /* 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; }
+
+ /* ---------- TITLE Wrapper --------------- */
+ div.b_titled_wrapper div.b_noti {
+ position: absolute;
+ right: 25px;
+ top: 0px; }
+
+ div.b_titled_wrapper fieldset div.b_noti {
+ top: 12px; }
+
+ h1.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
+
+ h2.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
+
+ h3.b_titled_wrapper span {
+ padding-right: 4em;
+ font-style: italic; }
+
+ 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_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;
+ 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; }
+
+ /* 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_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; }
+
+ /** -------------- TAGGING ---------------- **/
+ /* tagging */
+ .b_tag_list {
+ background: url(../openolat/images/tag-label-yellow.png) 0px 3px no-repeat !important; }
+
+ .b_tag_icon {
+ background-image: url(../openolat/images/tag-label-yellow.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; }
+
+ div.o_ep_toc_editor div.b_subcl {
+ min-height: 35em; }
+
+ div.o_ep_struct_editor div.b_subcr {
+ min-height: 35em;
+ background: #FFF;
+ padding-right: 1em;
+ overflow-x: auto; }
+
+ div.b_struct_edit_btn {
+ float: right;
+ display: inline; }
+
+ div.b_struct_submit_assess_btn {
+ float: right;
+ display: inline; }
+
+ /* TextboxList */
+ *:first-child + html div.holder {
+ padding-bottom: 2px; }
+
+ * html div.holder {
+ padding-bottom: 2px; }
+
+ /* ie7 and below */
+ .textbox-outer {
+ list-style-type: none;
+ margin-left: 0em; }
+
+ div.holder {
+ font-size: 80%; }
+
+ .textboxlist-auto {
+ position: absolute;
+ width: 300px;
+ overflow: show; }
+
+ /* 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; }
+
+ 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_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; }
+
+ /* Autocompleter for textboxlist */
+ ol.textbox-outer {
+ margin: 0;
+ padding: 0; }
+
+ .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; }
+
+ input.inputMessage {
+ color: #AAA;
+ font-size: 11px; }
+
+ /** ---------------------- EXT JS PATCHES ------------------ **/
+ 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 {
+ margin: 0; } }
+/*
+* =================================================
+*
+* 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; }
+
+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_with_small_icon_right {
+ padding: 1px 20px 1px 0px;
+ min-height: 16px;
+ background-position: 100% 50%;
+ background-repeat: no-repeat; }
+
+.b_small_icon {
+ float: left;
+ display: inline;
+ width: 16px;
+ height: 16px;
+ background-position: 0 50%;
+ background-repeat: no-repeat; }
+
+a.b_small_icon:hover {
+ text-decoration: none; }
+
+/* ------- misc icons --------- */
+.b_info_icon {
+ background-image: url("../openolat/images/comment.png"); }
+
+.b_warn_icon {
+ background-image: url("../openolat/images/exclamation.png"); }
+
+.b_error_icon {
+ background-image: url("../openolat/images/cross-circle.png"); }
+
+.b_new_icon {
+ background-image: url("../openolat/images/new-text.png"); }
+
+.b_institution_icon {
+ background-image: url("../openolat/images/home.png"); }
+
+.b_group_icon {
+ background-image: url("../openolat/images/users.png"); }
+
+.b_user_icon {
+ background-image: url("../openolat/images/user.png"); }
+
+.b_move_left_icon {
+ background-image: url("../openolat/images/arrow_left_big.png"); }
+
+.b_move_right_icon {
+ background-image: url("../openolat/images/arrow_right_big.png"); }
+
+.b_move_down_icon {
+ background-image: url("../openolat/images/arrow_down_big.png"); }
+
+.b_move_up_icon {
+ background-image: url("../openolat/images/arrow_up_big.png"); }
+
+.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; }
+
+.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_gz {
+ background-image: url("../openolat/images/docs/document-zipper.png") !important; }
+
+.b_filetype_htm, .b_filetype_html {
+ background-image: url("../openolat/images/docs/document_tags.png") !important; }
+
+.b_filetype_jpeg, .b_filetype_jpg {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
+
+.b_filetype_js {
+ background-image: url("../openolat/images/docs/document_tags.png") !important; }
+
+.b_filetype_log {
+ background-image: url("../openolat/images/docs/document_plain.png") !important; }
+
+.b_filetype_midi {
+ background-image: url("../openolat/images/docs/document-music.png") !important; }
+
+.b_filetype_video, .b_filetype_mov {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
+
+.b_filetype_audio, .b_filetype_mp3, .b_filetype_m3u {
+ background-image: url("../openolat/images/docs/document-music.png") !important; }
+
+.b_filetype_mpeg, .b_filetype_mpg {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
+
+.b_filetype_odp {
+ background-image: url("../openolat/images/docs/document-powerpoint.png") !important; }
+
+.b_filetype_ods {
+ background-image: url("../openolat/images/docs/document-excel.png") !important; }
+
+.b_filetype_odt {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.b_filetype_odg {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
+
+.b_filetype_odf {
+ background-image: url("../openolat/images/docs/document_plain.png") !important; }
+
+.b_filetype_pdf {
+ background-image: url("../openolat/images/docs/document-pdf.png") !important; }
+
+.b_filetype_png {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
+
+.b_filetype_ppt {
+ background-image: url("../openolat/images/docs/document-powerpoint.png") !important; }
+
+.b_filetype_pptx {
+ background-image: url("../openolat/images/docs/document-powerpoint.png") !important; }
+
+.b_filetype_ps {
+ background-image: url("../openolat/images/docs/document-pdf.png") !important; }
+
+.b_filetype_qt, .b_filetype_ra, .b_filetype_ram {
+ background-image: url("../openolat/images/docs/document-film.png") !important; }
+
+.b_filetype_readme, .b_filetype_README {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.b_filetype_rtf {
+ background-image: url("../openolat/images/docs/document-word.png") !important; }
+
+.b_filetype_tar, .b_filetype_tgz {
+ background-image: url("../openolat/images/docs/document-zipper.png") !important; }
+
+.b_filetype_tiff {
+ background-image: url("../openolat/images/docs/document-image.png") !important; }
+
+.b_filetype_txt {
+ background-image: url("../openolat/images/docs/document-text.png") !important; }
+
+.b_filetype_wav {
+ background-image: url("../openolat/images/docs/document-music.png") !important; }
+
+.b_filetype_xls, .b_filetype_xlsx {
+ background-image: url("../openolat/images/docs/document-excel.png") !important; }
+
+.b_filetype_xml {
+ background-image: url("../openolat/images/docs/document_tags.png") !important; }
+
+.b_filetype_xsl {
+ background-image: url("../openolat/images/docs/document_tags.png") !important; }
+
+.b_filetype_zip {
+ background-image: url("../openolat/images/docs/document-zipper.png") !important; }
+
+/* tab icons in nav and in LE-resources table*/
+li.b_nav_site div, li.b_nav_tab div {
+ background: url("../openolat/images/application.png") no-repeat left 50%;
+ padding-left: 18px; }
+
+li.b_resource_BusinessGroup div, .o_BusinessGroup_icon {
+ background-image: url("../openolat/images/users.png"); }
+
+li.b_resource_CourseModule div, .o_CourseModule_icon {
+ background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
+
+li.b_resource_HOMEPAGECONFIG div, .o_HOMEPAGECONFIG_icon, li.b_resource_Identity div {
+ background-image: url("../openolat/images/card-address.png"); }
+
+li.b_resource_FileResource-SHAREDFOLDER div, .o_FileResource-SHAREDFOLDER_icon {
+ background-image: url("../openolat/images/folder_shared.png"); }
+
+li.b_resource_FileResource-WIKI div, .o_FileResource-WIKI_icon {
+ background-image: url("../openolat/images/le_resources/wiki.png"); }
+
+li.b_resource_FileResource-PODCAST div, .o_FileResource-PODCAST_icon {
+ background-image: url("../openolat/images/le_resources/media-player-cast.png"); }
+
+li.b_resource_FileResource-BLOG div, .o_FileResource-BLOG_icon {
+ background-image: url("../openolat/images/le_resources/blog.png"); }
+
+li.b_resource_FileResource-MOVIE div, .o_FileResource-MOVIE_icon {
+ background-image: url("../openolat/images/docs/document-film.png"); }
+
+li.b_resource_FileResource-PDF div, .o_FileResource-PDF_icon {
+ background-image: url("../openolat/images/docs/document-pdf.png"); }
+
+li.b_resource_FileResource-PPT div, .o_FileResource-PPT_icon {
+ background-image: url("../openolat/images/docs/document-powerpoint.png"); }
+
+li.b_resource_FileResource-DOC div, .o_FileResource-DOC_icon {
+ background-image: url("../openolat/images/docs/document-word.png"); }
+
+li.b_resource_FileResource-IMSCP div, .o_FileResource-IMSCP_icon {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-red.png"); }
+
+li.b_resource_FileResource-SCORMCP div, .o_FileResource-SCORMCP_icon {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-s.png"); }
+
+li.b_resource_FileResource-FILE div, .o_FileResource-FILE_icon {
+ background-image: url("../openolat/images/docs/document_plain.png"); }
+
+li.b_resource_FileResource-IMAGE div, .o_FileResource-IMAGE_icon {
+ background-image: url("../openolat/images/docs/document-image.png"); }
+
+li.b_resource_FileResource-SOUND div, .o_FileResource-SOUND_icon {
+ background-image: url("../openolat/images/docs/document-music.png"); }
+
+li.b_resource_FileResource-XLS div, .o_FileResource-XLS_icon {
+ background-image: url("../openolat/images/docs/document-excel.png"); }
+
+li.b_resource_FileResource-ANIM div, .o_FileResource-ANIM_icon {
+ background-image: url("../openolat/images/docs/document-image.png"); }
+
+li.b_resource_FileResource-SURVEY div, .o_FileResource-SURVEY_icon {
+ background-image: url("../openolat/images/le_resources/survey.png"); }
+
+li.b_resource_FileResource-TEST div, .o_FileResource-TEST_icon {
+ background-image: url("../openolat/images/le_resources/test.png"); }
+
+li.b_resource_FileResource-GLOSSARY div, .o_FileResource-GLOSSARY_icon {
+ background-image: url("../openolat/images/le_resources/glossary.png"); }
+
+li.b_resource_org-olat-search-ui-SearchController div, .o_org-olat-search-ui-SearchController_icon {
+ background-image: url("../openolat/images/magnifier-zoom.png"); }
+
+li.b_resource_EPStructuredMapTemplate div {
+ background-image: url("../openolat/images/le_resources/portfolio.png"); }
+
+/* ------ TOOLBOX ICONS -------- */
+li a.o_toolbox_course {
+ background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
+
+li a.o_toolbox_content {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-red.png"); }
+
+li a.o_toolbox_scorm {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-s.png"); }
+
+li a.o_toolbox_test {
+ background-image: url("../openolat/images/le_resources/test.png"); }
+
+li a.o_toolbox_questionnaire {
+ background-image: url("../openolat/images/le_resources/survey.png"); }
+
+li a.o_toolbox_wiki {
+ background-image: url("../openolat/images/le_resources/wiki.png"); }
+
+li a.o_toolbox_podcast {
+ background-image: url("../openolat/images/le_resources/media-player-cast.png"); }
+
+li a.o_toolbox_blog {
+ background-image: url("../openolat/images/le_resources/blog.png"); }
+
+li a.o_toolbox_glossary {
+ background-image: url("../openolat/images/le_resources/glossary.png"); }
+
+li a.o_toolbox_sharedfolder {
+ background-image: url("../openolat/images/folder_shared.png"); }
+
+li a.o_toolbox_coursefolder {
+ background-image: url("../openolat/images/le_resources/blue-folder.png"); }
+
+li a.o_toolbox_portfolio {
+ background-image: url("../openolat/images/le_resources/portfolio.png"); }
+
+li a.b_toolbox_link {
+ background-image: url("../openolat/images/bullet_black.png"); }
+
+li a.b_toolbox_doc {
+ background-image: url("../openolat/images/docs/document_plain.png"); }
+
+li a.b_toolbox_preview {
+ background-image: url("../openolat/images/docs/document_preview.png"); }
+
+li a.b_toolbox_publish {
+ background-image: url("../openolat/images/docs/document_share.png"); }
+
+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_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/book-open-text-image-red.png") !important; }
+
+.o_cp_org {
+ background-image: url("../openolat/images/le_resources/book-open-text-image-red.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; }
+
+body#b_body .o_CourseModule_icon_closed {
+ background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
+
+/*
+* =================================================
+*
+* 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 included in layout.scss and is _also_
+* compiled to a separate css-file! (it is needed
+* in iframes within course, tinyMCE, etc.)
+*
+* =================================================
+*/
+/*
+* =================================================
+*
+* 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 - */
+/* 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...
+*
+* =================================================
+*/
+* {
+ font-family: Comic Sans, Comic Sans MS, cursive; }
+
+textarea, pre, tt, code {
+ font-size: 90%;
+ color: inherit;
+ line-height: inherit;
+ margin: inherit; }
+
+body {
+ font-size: 90%;
+ color: #444; }
+
+/** ----------------- HEADERS ----------------- **/
+h1, h2, h3, h4, h5, h6 {
+ 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: red; }
+
+a:hover {
+ text-decoration: underline;
+ color: red; }
+
+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; }
+
+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; }
+
+/** ----------------- 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; }
+
+.b_border_box {
+ border: 1px solid #ccc;
+ padding: 1em; }
+
+.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 {
+ -moz-opacity: 0.4;
+ opacity: 0.4;
+ filter: alpha(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 */
+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: #c4d0dc;
+ 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; }
+
+/* ------- print -------- */
+/*
+* =================================================
+*
+* basemod 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
+* positioning and sizing elements)
+*
+* this file is included in layout.scss
+* it is not compiled to a separate css-file...
+*
+* =================================================
+*/
+@media print {
+ /* (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; } }
+/*
+* =================================================
+*
+* 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...
+*
+* =================================================
+*/
+/* ------- mobile -------- */
+/*
+* =================================================
+*
+* MOBILE rules for OpenOLAT 8 (MOBILE DEVICES)
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Nov. 2011
+*
+* also read themes.README!
+*
+*
+* =================================================
+*/
+/* iPad ( and other tablets, some netbooks as well, I guess...) */
+/* mobile phones */
+/* -------- modules -------- */
+/*
+* =================================================
+*
+* DRAG and DROP Rules for the OpenOLAT theme
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Dez. 2011
+*
+* also read themes.README!
+*
+*
+* =================================================
+*/
+/* (in trees ) */
+.b_dd_item {
+ cursor: move;
+ z-index: 1000; }
+
+.b_dd_proxy {
+ opacity: 0.4;
+ -moz-opacity: 0.4;
+ filter: alpha(opacity=40); }
+
+.b_dd_item.b_dd_over {
+ background-color: #ffff60; }
+
+.b_dd_sibling {
+ height: 3px;
+ width: 100%; }
+
+.b_dd_sibling.b_dd_over {
+ background: transparent url(../openolat/images/arrow_dd.png) top left no-repeat; }
+
+div.b_dd_ct div.b_dd_sibling_l1 {
+ margin-left: 0 !important; }
+div.b_dd_ct div.b_dd_sibling_l2 {
+ margin-left: 1em !important; }
+div.b_dd_ct div.b_dd_sibling_l3 {
+ margin-left: 2em !important; }
+div.b_dd_ct div.b_dd_sibling_l4 {
+ margin-left: 3em !important; }
+div.b_dd_ct div.b_dd_sibling_l5 {
+ margin-left: 4em !important; }
+div.b_dd_ct div.b_dd_sibling_l6 {
+ margin-left: 5em !important; }
+div.b_dd_ct div.b_dd_sibling_l7 {
+ margin-left: 6em !important; }
+div.b_dd_ct div.b_dd_sibling_l8 {
+ margin-left: 7em !important; }
+div.b_dd_ct div.b_dd_sibling_l9 {
+ margin-left: 8em !important; }
+div.b_dd_ct div.b_dd_sibling_l10 {
+ margin-left: 9em !important; }
+div.b_dd_ct div.b_dd_sibling_l11 {
+ margin-left: 10em !important; }
+
+/* ACCESS CONTROL */
+/* fxdiff VCRP-1,2: access control of resources */
+.b_group_accesscontrolled {
+ background-image: url("../openolat/images/ac/umbrella.png"); }
+
+.b_order_icon {
+ background-image: url("../openolat/images/ac/shopping-basket.png"); }
+
+div.b_order_details {
+ margin-top: 2em; }
+
+div.b_order_details label {
+ font-weight: bold; }
+
+div.b_access_create ul {
+ padding: 0;
+ margin-left: 0; }
+
+div.b_access_create li {
+ padding: 0;
+ list-style: none; }
+
+table.b_access_method td {
+ padding: 0.2em 1em 0.2em 0; }
+
+table.b_access_method tr.b_access_desc td {
+ padding: 0 1em 1em 20px;
+ font-style: italic; }
+
+table.b_access_method td div.b_form_element {
+ margin-left: 0; }
+
+div.b_access_method_list div.b_access_method legend {
+ background-repeat: no-repeat;
+ padding-left: 20px; }
+
+table span.b_access_method {
+ padding-right: 5px;
+ font-size: 90%;
+ vertical-align: bottom;
+ line-height: 16px; }
+
+.b_access_member_icon {
+ background-image: url(../openolat/images/ac/lock-unlock.png); }
+
+.b_access_membersonly_icon {
+ background-image: url("../openolat/images/ac/lock.png"); }
+
+/* free method */
+.b_access_method_free_icon {
+ background-image: url("../openolat/images/ac/open-share.png"); }
+
+.b_group_accesscontrolled.b_access_method_free, b_order_icon.b_access_method_free {
+ background-image: url("../openolat/images/ac/open-share.png"); }
+
+div.b_access_method_list div.b_access_method_free legend {
+ background-image: url("../openolat/images/ac/open-share.png"); }
+
+/* token method */
+.b_access_method_token_icon {
+ background-image: url("../openolat/images/ac/license-key.png"); }
+
+.b_group_accesscontrolled.b_access_method_token, b_order_icon.b_access_method_token {
+ background-image: url("../openolat/images/ac/license-key.png"); }
+
+div.b_access_method_list div.b_access_method_token legend {
+ background-image: url("../openolat/images/ac/license-key.png"); }
+
+div.b_access_method_list div.b_access_method_token div.b_form_element_wrapper:nth-last-of-type(3) label, table.b_access_method tr.b_access_method_token .b_access_infos {
+ background-image: url("../openolat/images/ac/key.png");
+ background-repeat: no-repeat;
+ padding-left: 20px; }
+
+div.b_access_method_list div.b_form_element_wrapper:nth-last-of-type(4) label {
+ background-image: url("../openolat/images/information-white.png");
+ background-repeat: no-repeat;
+ padding-left: 20px; }
+
+/* access panel */
+#b_main_access_control {
+ margin: 0 20% 0 20%;
+ padding: 20px 0 0 20px; }
+
+/*
+* =================================================
+*
+* MODAL WINDOWs, DIALOGS, WIZARD Rules for the OpenOLAT theme
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Dez. 2011
+*
+* also read themes.README!
+*
+*
+* =================================================
+*/
+/** adjust modal-size according to b_layer **/
+div.b_layer_1 div.b_modal_area {
+ width: 82%;
+ margin: 9%; }
+
+div.b_layer_2 div.b_modal_area {
+ width: 76%;
+ margin: 12%; }
+
+div.b_layer_3 div.b_modal_area {
+ width: 70%;
+ margin: 15%; }
+
+div.b_layer_5 div.b_modal_area {
+ width: 64%;
+ margin: 18%; }
+
+div.b_modal_area {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 80%;
+ margin: 10%;
+ moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+
+/* MODAL OVERLAY: transparent background that covers the whole content */
+div.b_modal_overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ zoom: 1; }
+
+/* modal overlay color */
+div.b_modal_overlay, div.ext-el-mask {
+ background: #fff;
+ -moz-opacity: 0.75;
+ opacity: 0.75;
+ filter: alpha(opacity=75); }
+
+.b_floatscrollbox {
+ overflow-x: hidden;
+ overflow-y: hidden; }
+
+div.b_window {
+ text-align: left;
+ border: 1px solid red;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ background: #fff; }
+div.b_window .b_window_header_wrapper {
+ padding: 2px 8px 0px 8px; }
+div.b_window div.b_window_header {
+ position: relative;
+ border-bottom: 1px solid #eee; }
+div.b_window div.b_window_header_title {
+ min-height: 18px;
+ line-height: 18px;
+ vertical-align: middle;
+ padding: 2px 5px 2px 5px; }
+div.b_window div.b_window_header_title a.b_link_close {
+ top: 4px;
+ right: 4px;
+ position: absolute;
+ min-height: 16px;
+ min-width: 16px;
+ background: transparent url("../openolat/images/close.png") no-repeat center center;
+ display: inline-block; }
+div.b_window div.b_window_header_title a.b_link_close:hover {
+ top: 4px;
+ right: 4px; }
+div.b_window div.b_window_header_title strong {
+ font-weight: bold; }
+div.b_window div.b_window_content_wrapper {
+ clear: both;
+ width: auto;
+ padding: 0 4px 0 4px; }
+div.b_window div.b_window_content {
+ padding: 1em; }
+div.b_window div.b_window_content_inner {
+ min-height: 200px;
+ position: relative; }
+div.b_window div.b_window_footer_wrapper {
+ height: 4px; }
+
+/* modal callout windows. Patch min length issue in Ext QuickTip */
+div.b_callout_content {
+ max-width: 60em;
+ overflow: hidden; }
+
+div.x-tip-tc, div.x-tip-bc {
+ background-repeat: repeat !important; }
+
+div.x-tip-body p {
+ margin-bottom: 0px; }
+
+div.x-tip-mc {
+ background: #e9f2ff !important; }
+
+/* ajax busy icon*/
+body.b_ajax_busy {
+ cursor: wait; }
+
+div.b_ajax_busy {
+ background: url(../openolat/images/ajax-loader.gif) no-repeat;
+ position: absolute;
+ left: 50%;
+ top: 10px;
+ width: 28px;
+ height: 28px;
+ z-index: 5001; }
+
+/* DIALOG */
+div.b_msg_dialog {
+ padding: 10px 10px 10px 50px;
+ min-height: 32px;
+ background: url(../openolat/images/icon_question_32.png) no-repeat 10px 10px; }
+div.b_msg_dialog .b_msg_title {
+ font-weight: bold; }
+
+/* sticky info (admins can create stick-messages that will show for all users) */
+#b_msg_sticky {
+ clear: both;
+ padding: 10px 10px 10px 50px;
+ min-height: 32px;
+ background: #ebcccc url(../openolat/images/icon_warning_32.png) no-repeat 10px 10px;
+ border-bottom: 1px #ccc dotted;
+ border-top: 1px #ccc dotted; }
+
+/* info message ( slide-in, top) */
+div.b_msg-div {
+ left: 35%;
+ position: absolute;
+ top: 10px;
+ width: 30%;
+ z-index: 20000;
+ border: 1px solid #ccc;
+ background: #FAFAFA;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+div.b_msg-div .b_msg_info_winicon {
+ background: transparent url(../openolat/images/icon_info_32.png) no-repeat 10px center; }
+
+div.b_msg_info_content {
+ padding: 10px 10px 10px 50px; }
+
+/* warn message (ext-dialog) */
+div.b_msg_warn_winicon {
+ background: url(../openolat/images/icon_warning_32.png) no-repeat; }
+
+/* error message (ext-dialog) */
+div.b_msg_error_winicon {
+ background: url(../openolat/images/icon_error_32.png) no-repeat; }
+
+/* "info"-page */
+#b_msg_info {
+ padding: 10px 10px 10px 50px;
+ min-height: 32px;
+ background: url(../openolat/images/icon_info_32.png) no-repeat 10px 10px; }
+#b_msg_info .b_msg_title {
+ font-weight: bold; }
+
+/* "info-message" on login screen */
+.o_infomessage_wrapper {
+ border: 1px solid #ccc;
+ background: #FAFAFA; }
+.o_infomessage_wrapper .o_infomessage {
+ padding: 10px 10px 10px 50px;
+ text-align: left;
+ 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: #cccccc;
+ background: -moz-linear-gradient(top, #cccccc 0%, white 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, white));
+ background: -webkit-linear-gradient(top, #cccccc 0%, white 100%);
+ background: -o-linear-gradient(top, #cccccc 0%, white 100%);
+ background: -ms-linear-gradient(top, #cccccc 0%, white 100%);
+ background: linear-gradient(top, #cccccc 0%, white 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='white',GradientType=0 );
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ border: 1px solid red; }
+div.b_wizard div.b_wizard_header_wrapper {
+ background: transparent; }
+div.b_wizard div.b_wizard_header {
+ background: transparent;
+ position: relative; }
+div.b_wizard div.b_wizard_header_title {
+ background: transparent;
+ min-height: 18px;
+ line-height: 18px;
+ vertical-align: middle;
+ padding: 2px 5px 2px 5px; }
+div.b_wizard div.b_wizard_header_title a.b_link_close {
+ top: 4px;
+ right: 4px;
+ background: url(../openolat/images/close.png);
+ background-repeat: no-repeat; }
+div.b_wizard div.b_wizard_header_title strong {
+ font-weight: bold; }
+div.b_wizard div.b_wizard_steps_wrapper {
+ clear: both;
+ width: auto;
+ padding: 0 4px 0 4px;
+ background: transparent; }
+div.b_wizard div.b_wizard_steps_content {
+ background: #fff;
+ border: 1px solid #555555;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px; }
+div.b_wizard div.b_wizard_steps_list {
+ width: 20em;
+ padding: 0;
+ color: #555555; }
+div.b_wizard div.b_wizard_steps_list ol {
+ list-style-type: decimal;
+ z-index: 14;
+ font-size: 100%;
+ padding: 2em 5px 5px; }
+div.b_wizard div.b_wizard_steps_list li {
+ line-height: 1.5em;
+ white-space: normal;
+ margin-bottom: 1em;
+ list-style: none;
+ padding-left: 18px; }
+div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current {
+ font-weight: bold;
+ background: url(../openolat/images/bullet_go.png) 0% 50% no-repeat;
+ padding-left: 18px; }
+div.b_wizard div.b_wizard_steps_list li a {
+ color: #555555; }
+div.b_wizard div.b_wizard_steps_list li a:hover {
+ color: #4F576A;
+ background: transparent;
+ text-decoration: underline; }
+div.b_wizard div.b_wizard_steps_list li .b_disabled {
+ color: #basegray_light;
+ border: 0;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ white-space: normal;
+ font-style: italic; }
+div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current .b_disabled {
+ color: #555555;
+ font-style: normal; }
+div.b_wizard div.b_wizard_steps_current {
+ margin-left: 20em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em; }
+div.b_wizard div.b_wizard_steps_current_inner {
+ padding: 1em;
+ border-left: 1px solid #ccc; }
+div.b_wizard div.b_wizard_steps_current_content {
+ min-height: 300px;
+ position: relative; }
+div.b_wizard div.b_wizard_footer_wrapper {
+ background: transparent; }
+div.b_wizard div.b_wizard_footer div.b_button_group {
+ text-align: left;
+ padding: 0.5em 1em 0.5em 21em;
+ margin: 0; }
+
+span.b_wizard_button_prev:before, a.b_wizard_button_prev span:before {
+ content: "\00ab \00a0"; }
+
+span.b_wizard_button_next:after, a.b_wizard_button_next span:after {
+ content: " \00bb"; }
+
+a.b_wizard_button_finish, span.b_wizard_button_finish {
+ margin-left: 3em; }
+
+a.b_wizard_button_cancel, span.b_wizard_button_cancel {
+ margin-left: 3em; }
+
+.b_wizard_table_changedcell {
+ font-style: italic;
+ font-weight: bold;
+ background: url(../openolat/images/new-text.png) no-repeat;
+ padding-left: 18px; }
+
+/* OLD WIZARD */
+div.b_legacy_wizard_steps {
+ float: right;
+ display: inline; }
+
+/* the following classes are used together with b_legacy_wizard_step_icon */
+.b_legacy_wizard_step_a1 {
+ background-image: url(../openolat/images/wizard/1a.png); }
+
+.b_legacy_wizard_step_a2 {
+ background-image: url(../openolat/images/wizard/2a.png); }
+
+.b_legacy_wizard_step_a3 {
+ background-image: url(../openolat/images/wizard/3a.png); }
+
+.b_legacy_wizard_step_a4 {
+ background-image: url(../openolat/images/wizard/4a.png); }
+
+.b_legacy_wizard_step_a5 {
+ background-image: url(../openolat/images/wizard/5a.png); }
+
+.b_legacy_wizard_step_a6 {
+ background-image: url(../openolat/images/wizard/6a.png); }
+
+.b_legacy_wizard_step_a7 {
+ background-image: url(../openolat/images/wizard/7a.png); }
+
+.b_legacy_wizard_step_a8 {
+ background-image: url(../openolat/images/wizard/8a.png); }
+
+.b_legacy_wizard_step_a9 {
+ background-image: url(../openolat/images/wizard/9a.png); }
+
+.b_legacy_wizard_step_p1 {
+ background-image: url(../openolat/images/wizard/1p.png); }
+
+.b_legacy_wizard_step_p2 {
+ background-image: url(../openolat/images/wizard/2p.png); }
+
+.b_legacy_wizard_step_p3 {
+ background-image: url(../openolat/images/wizard/3p.png); }
+
+.b_legacy_wizard_step_p4 {
+ background-image: url(../openolat/images/wizard/4p.png); }
+
+.b_legacy_wizard_step_p5 {
+ background-image: url(../openolat/images/wizard/5p.png); }
+
+.b_legacy_wizard_step_p6 {
+ background-image: url(../openolat/images/wizard/6p.png); }
+
+.b_legacy_wizard_step_p7 {
+ background-image: url(../openolat/images/wizard/7p.png); }
+
+.b_legacy_wizard_step_p8 {
+ background-image: url(../openolat/images/wizard/8p.png); }
+
+.b_legacy_wizard_step_p9 {
+ background-image: url(../openolat/images/wizard/9p.png); }
+
+/*
+* =================================================
+*
+* TABBED PANE and SEGMENTED VIEW Rules for the OpenOLAT theme
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Dez. 2011
+*
+* also read themes.README!
+*
+*
+* =================================================
+*/
+/** ----------------- TABS / TABBED PANE ----------------- **/
+div.b_tabbedpane_wrapper {
+ /* tabbed pane content area */ }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs {
+ float: left;
+ display: inline-block;
+ margin-bottom: 1em;
+ /* a tabbed pane with only one tab */ }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul {
+ line-height: 1em;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+ /* active tabs */
+ /* disbled tabs */
+ /* special style for first tab */
+ /* special style for last tab */
+ /* special style for tab at position 3 */ }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li {
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ white-space: nowrap;
+ cursor: pointer;
+ margin: 0 0.5em 0.5em 0;
+ padding: 0;
+ color: #444;
+ background: transparent;
+ display: inline-block;
+ line-height: 2.2em;
+ vertical-align: middle;
+ text-align: left;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ background: #f5f5f5;
+ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+ -moz-transition: all 0.22s "";
+ -webkit-transition: all 0.22s "";
+ -o-transition: all 0.22s "";
+ transition: all 0.22s "";
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ -o-border-radius: 0;
+ margin: 0;
+ float: left;
+ display: inline;
+ position: relative; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul strong {
+ background: transparent;
+ color: #667;
+ display: block;
+ font-weight: normal;
+ padding: 1px 6px 1px 5px;
+ text-decoration: none;
+ text-transform: none; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul > ul a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul > ul strong {
+ width: auto; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:focus, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:hover, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li:active {
+ moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:focus, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:hover, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul a:active {
+ color: #000;
+ text-decoration: none; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active {
+ moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ background: #eee;
+ border-color: #ccc; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_active strong {
+ color: #000;
+ font-weight: bold; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled {
+ background: white !important; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled a, div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled strong {
+ color: #8994A9;
+ background: transparent !important;
+ font-weight: normal; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_disabled:hover {
+ moz-box-shadow: 0 0 0 white;
+ -ms-box-shadow: 0 0 0 white;
+ -o-box-shadow: 0 0 0 white;
+ -webkit-box-shadow: 0 0 0 white;
+ box-shadow: 0 0 0 white; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_first {
+ -webkit-border-top-left-radius: 3px;
+ -webkit-border-top-right-radius: 0px;
+ -webkit-border-bottom-right-radius: 0px;
+ -webkit-border-bottom-left-radius: 3px;
+ -moz-border-radius-topleft: 3px;
+ -moz-border-radius-topright: 0px;
+ -moz-border-radius-bottomright: 0px;
+ -moz-border-radius-bottomleft: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 3px; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_tabs ul li.b_last {
+ -webkit-border-top-left-radius: 0px;
+ -webkit-border-top-right-radius: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-bottom-left-radius: 0px;
+ -moz-border-radius-topleft: 0px;
+ -moz-border-radius-topright: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -moz-border-radius-bottomleft: 0px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 0px; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_content {
+ clear: both;
+ padding: 5px 15px;
+ background: transparent;
+ border: 1px solid #d4d4d4; }
+div.b_tabbedpane_wrapper div.b_tabbedpane_content div.b_tabbedpane_content_inner {
+ position: relative;
+ min-height: 30em; }
+
+/** ----------------- SEGMENTED VIEW ----------------- **/
+div.b_segments_container {
+ min-height: 25px;
+ padding-top: 8px;
+ position: relative;
+ background: url(../openolat/images/divider.png) center top no-repeat; }
+div.b_segments_container div.b_segments {
+ clear: both;
+ position: absolute;
+ left: 50%; }
+div.b_segments_container div.b_segments a:hover {
+ text-decoration: none; }
+div.b_segments_container div.b_segments ul {
+ position: relative;
+ left: -50%;
+ list-style-type: none;
+ margin: 0; }
+div.b_segments_container div.b_segments ul li {
+ /* we want button-style */
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ white-space: nowrap;
+ cursor: pointer;
+ margin: 0 0.5em 0.5em 0;
+ padding: 0;
+ color: #444;
+ background: transparent;
+ display: inline-block;
+ line-height: 2.2em;
+ vertical-align: middle;
+ text-align: left;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ background: #f5f5f5;
+ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+ -moz-transition: all 0.22s "";
+ -webkit-transition: all 0.22s "";
+ -o-transition: all 0.22s "";
+ transition: all 0.22s "";
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ -o-border-radius: 0;
+ margin: 0;
+ float: left;
+ display: inline;
+ position: relative; }
+div.b_segments_container div.b_segments ul li a {
+ background: transparent;
+ color: #667;
+ display: block;
+ font-weight: normal;
+ padding: 1px 6px 1px 5px;
+ text-decoration: none;
+ text-transform: none; }
+div.b_segments_container div.b_segments ul li a:hover, div.b_segments_container div.b_segments ul li a:active, div.b_segments_container div.b_segments ul li a:focus {
+ text-decoration: none; }
+div.b_segments_container div.b_segments ul li:hover {
+ moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+div.b_segments_container div.b_segments ul li.b_segment_selected {
+ moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
+ background: #eee;
+ border-color: #ccc; }
+div.b_segments_container div.b_segments ul li.b_segment_selected a, div.b_segments_container div.b_segments ul li.b_segment_selected strong {
+ color: #000;
+ font-weight: bold; }
+div.b_segments_container div.b_segments ul li.b_segment_first {
+ -webkit-border-top-left-radius: 12px;
+ -webkit-border-top-right-radius: 0px;
+ -webkit-border-bottom-right-radius: 0px;
+ -webkit-border-bottom-left-radius: 12px;
+ -moz-border-radius-topleft: 12px;
+ -moz-border-radius-topright: 0px;
+ -moz-border-radius-bottomright: 0px;
+ -moz-border-radius-bottomleft: 12px;
+ border-top-left-radius: 12px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 12px; }
+div.b_segments_container div.b_segments ul li.b_segment_last {
+ -webkit-border-top-left-radius: 0px;
+ -webkit-border-top-right-radius: 12px;
+ -webkit-border-bottom-right-radius: 12px;
+ -webkit-border-bottom-left-radius: 0px;
+ -moz-border-radius-topleft: 0px;
+ -moz-border-radius-topright: 12px;
+ -moz-border-radius-bottomright: 12px;
+ -moz-border-radius-bottomleft: 0px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 0px; }
+div.b_segments_container div.b_segment_content {
+ margin-top: 50px;
+ clear: both;
+ padding: 5px 15px;
+ background: transparent;
+ border: 1px solid #d4d4d4; }
+
+/** ----------------- BUTTONS ----------------- **/
+.b_button {
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ white-space: nowrap;
+ cursor: pointer;
+ margin: 0 0.5em 0.5em 0;
+ padding: 0;
+ color: #444;
+ background: transparent;
+ display: inline-block;
+ line-height: 2.2em;
+ vertical-align: middle;
+ text-align: left;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ background: #f5f5f5;
+ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+ -moz-transition: all 0.22s "";
+ -webkit-transition: all 0.22s "";
+ -o-transition: all 0.22s "";
+ transition: all 0.22s "";
+ /* focused buttons */ }
+.b_button, .b_button span {
+ color: #444;
+ font-size: 100%;
+ display: inline-block;
+ padding: 0 0.8em;
+ width: auto;
+ line-height: 1.9em;
+ text-align: center; }
+.b_button:focus, .b_button:hover {
+ text-decoration: none;
+ border: 1px solid #C6C6C6;
+ moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+.b_button:focus {
+ border-color: red; }
+.b_button:active {
+ moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ border-color: red; }
+
+/* dirty button (form with unsaved values ) */
+.b_button_dirty {
+ background: white;
+ background: -moz-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff7e0));
+ background: -webkit-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: -o-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: -ms-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: linear-gradient(top, white 0%, #fff7e0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fff7e0',GradientType=0 );
+ border-color: #ff9900; }
+.b_button_dirty:focus, .b_button_dirty:hover {
+ text-decoration: none;
+ border: 1px solid #ffc20e;
+ background: white;
+ background: -moz-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff7e0));
+ background: -webkit-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: -o-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: -ms-linear-gradient(top, white 0%, #fff7e0 100%);
+ background: linear-gradient(top, white 0%, #fff7e0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fff7e0',GradientType=0 ); }
+
+/* disabled buttons */
+.b_disabled.b_button {
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ white-space: nowrap;
+ cursor: pointer;
+ margin: 0 0.5em 0.5em 0;
+ padding: 0;
+ color: #444;
+ background: transparent;
+ display: inline-block;
+ line-height: 2.2em;
+ vertical-align: middle;
+ text-align: left;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ background: #f5f5f5;
+ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+ -moz-transition: all 0.22s "";
+ -webkit-transition: all 0.22s "";
+ -o-transition: all 0.22s "";
+ transition: all 0.22s "";
+ border: 1px dotted #ccc;
+ background: #fff; }
+.b_disabled.b_button, .b_disabled.b_button span {
+ color: #444;
+ font-size: 100%;
+ display: inline-block;
+ padding: 0 0.8em;
+ width: auto;
+ line-height: 1.9em;
+ text-align: center;
+ cursor: default !important;
+ color: #888; }
+.b_disabled.b_button:focus, .b_disabled.b_button:hover {
+ 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; }
+
+/* multiple buttons groups below a form */
+div.b_button_group {
+ text-align: center;
+ margin: 2em 0 1em 0; }
+
+div.b_button_group div {
+ display: inline; }
+
+.b_xsmall, sup, sub {
+ font-size: 80%; }
+
+.b_small, small {
+ font-size: 90%; }
+
+/* TOGGLE Buttons */
+a.b_toggle {
+ white-space: nowrap;
+ margin: 0 0.5em 0.2em 0;
+ cursor: default;
+ color: #2C2B2B;
+ border: 1px solid #aaa;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ display: inline-block;
+ line-height: 1.5em;
+ text-align: center;
+ background: url(../openolat/images/toggle_off.png) top left repeat-x; }
+a.b_toggle span {
+ padding: 0 0.8em; }
+a.b_toggle:hover {
+ background: #ddd;
+ text-decoration: none; }
+a.b_toggle.b_on:hover {
+ background: #747474; }
+a.b_toggle.b_on, a.b_toggle:active, a.b_toggle.b_on:active {
+ color: white;
+ border: none;
+ padding: 1px;
+ moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+ -ms-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+ -o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
+a.b_toggle:focus, a.b_toggle.b_on:focus {
+ text-decoration: none; }
+a.b_toggle:active, a.b_toggle.b_on:active {
+ background: url(../openolat/images/toggle_active.png) top left repeat-x; }
+a.b_toggle.b_on {
+ background: url(../openolat/images/toggle_on.png) top left repeat-x; }
+
+span.b_toggle.b_disabled {
+ white-space: nowrap;
+ margin: 0 0.5em 0.2em 0;
+ padding: 0 0.8em;
+ color: #667;
+ border: 1px solid #DDD;
+ border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ -o-border-radius: 10px;
+ display: inline-block;
+ line-height: 1.5em;
+ text-align: center;
+ background: url(../openolat/images/toggle_dis.png) top left repeat-x; }
+
+/* TOGGLE SLIDERS */
+a.b_toggle_slide {
+ background: url(../openolat/images/handle.png) -63px 0px no-repeat;
+ height: 25px;
+ width: 85px;
+ white-space: nowrap;
+ margin: 0 0.2em 0.2em 0.2em;
+ color: #2C2B2B;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ display: inline-block;
+ text-align: center;
+ vertical-align: middle;
+ position: relative;
+ /* TOGGLE SLIDERS SMALL */ }
+a.b_toggle_slide span {
+ position: absolute;
+ top: -25px;
+ left: 0; }
+a.b_toggle_slide:hover, a.b_toggle_slide:focus, a.b_toggle_slide:active, a.b_toggle_slide.b_on:hover, a.b_toggle_slide.b_on:focus, a.b_toggle_slide.b_on:active {
+ border: 1px solid #868686;
+ text-decoration: none; }
+a.b_toggle_slide.b_on {
+ background-position: -16px 0px; }
+a.b_toggle_slide.b_disabled {
+ background: url(../openolat/images/handle_dis.png) -63px 0px no-repeat;
+ height: 25px;
+ width: 85px;
+ white-space: nowrap;
+ margin: 0 0.5em 0.2em 0;
+ color: #2C2B2B;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ display: inline-block;
+ text-align: center;
+ vertical-align: middle; }
+a.b_toggle_slide.b_small {
+ background: url(../openolat/images/handle_small.png) -41px 0px no-repeat;
+ height: 16px;
+ width: 55px;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px; }
+a.b_toggle_slide span {
+ position: absolute;
+ top: -16px; }
+a.b_toggle_slide.b_small.b_on {
+ background-position: -9px 0px; }
+
+span.b_toggle_slide.b_disabled {
+ background: url(../openolat/images/handle_small_dis.png) -41px 0px no-repeat;
+ height: 16px;
+ width: 55px;
+ white-space: nowrap;
+ margin: 0 0.5em 0.2em 0;
+ color: #2C2B2B;
+ border: 1px solid #aaa;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ display: inline-block;
+ text-align: center;
+ vertical-align: middle; }
+
+span.b_toggle_slide_legend {
+ font-size: 90%; }
+
+/* BACK BUTTON / LINK **/
+.b_link_back {
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ white-space: nowrap;
+ cursor: pointer;
+ margin: 0 0.5em 0.5em 0;
+ padding: 0;
+ color: #444;
+ background: transparent;
+ display: inline-block;
+ line-height: 2.2em;
+ vertical-align: middle;
+ text-align: left;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ background: #f5f5f5;
+ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
+ -moz-transition: all 0.22s "";
+ -webkit-transition: all 0.22s "";
+ -o-transition: all 0.22s "";
+ transition: all 0.22s "";
+ /* focused buttons */ }
+.b_link_back > span {
+ padding: 0px 8px 0px 25px;
+ background: transparent url("../openolat/images/arrow_left_big.png") no-repeat 4px center; }
+.b_link_back:focus, .b_link_back:hover {
+ text-decoration: none;
+ border: 1px solid #C6C6C6;
+ moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
+.b_link_back:focus {
+ border-color: red; }
+.b_link_back:active {
+ moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+ border-color: red; }
+
+/** ----------------- FORMS + LOGIN ----------------- **/
+div.o_login_form li {
+ list-style: none; }
+
+div.o_login div.o_login_form fieldset legend {
+ display: none; }
+
+div.b_form div.b_form_desc {
+ padding-bottom: 1em;
+ font-style: italic; }
+
+/* FORM: old school form and flexi form! */
+/* general form elements */
+input, select, textarea {
+ border: 1px solid #ACAAAA;
+ background: #F6F6F6;
+ line-height: 1.3em;
+ margin: 0; }
+
+textarea {
+ font-family: inherit;
+ width: 100%; }
+
+/* FF changes font to monospace otherwhise */
+input:focus, select:focus, textarea:focus {
+ background: #fff;
+ border: 1px solid #504D4E; }
+
+input.b_checkbox, input.b_radio {
+ height: 1em;
+ width: 1em;
+ border: 0;
+ margin: 0 2px 0 0; }
+
+label.b_checkbox_label, label.b_radio_label {
+ padding-left: 0.5em; }
+
+.b_inline_editable {
+ padding: 1px 20px 1px 0;
+ vertical-align: middle;
+ min-height: 16px; }
+
+.b_inline_editable:hover {
+ background-position: 100% 50%;
+ background-repeat: no-repeat;
+ background-image: url(../openolat/images/pencil-small.png); }
+
+span.b_inline_editable:hover {
+ cursor: text !important; }
+
+fieldset {
+ position: relative;
+ padding: 1em;
+ padding-top: 1.5em;
+ border: none;
+ border-top: 1px solid #ff6666; }
+fieldset legend {
+ padding: 0 5px;
+ font-size: 120%;
+ font-weight: bold; }
+
+div.b_form {
+ /* form element wrapper: label and element */
+ /* form button groups */
+ /* make buttons aligned left within element */ }
+div.b_form div.b_form_desc {
+ padding-bottom: 1em;
+ font-style: italic; }
+div.b_form div.b_form_general_error {
+ padding: 10px 10px 10px 50px;
+ margin-bottom: 20px;
+ text-align: left;
+ background: url(../openolat/images/icon_error_32.png) no-repeat 10px 10px;
+ min-height: 32px;
+ border: 1px solid #990000;
+ color: #990000;
+ font-style: italic; }
+div.b_form div.b_form_spacer {
+ margin: 10px 0; }
+div.b_form hr.b_form_spacer {
+ margin: 10px 0;
+ border-bottom: 1px solid #eee;
+ padding: 0; }
+div.b_form hr.b_form_spacer.b_form_horizontal {
+ display: inline-block;
+ width: 2em; }
+div.b_form hr.b_form_spacer.b_form_spacer_noline {
+ margin: 10px 0;
+ border-bottom: 0;
+ padding: 0; }
+div.b_form div.b_form_element_wrapper {
+ vertical-align: middle;
+ margin: 0.5em 0;
+ /** errors **/ }
+div.b_form div.b_form_element_wrapper.b_form_horizontal {
+ vertical-align: middle;
+ margin: 0.5em 1em 0.5em 0;
+ float: left;
+ display: inline; }
+div.b_form div.b_form_element_wrapper.b_form_vertical {
+ vertical-align: middle;
+ margin: 0.5em 0;
+ float: none;
+ display: block; }
+div.b_form div.b_form_element_wrapper div.b_form_element_label {
+ width: 20%;
+ float: left;
+ display: inline; }
+div.b_form div.b_form_element_wrapper div.b_form_element_label label {
+ float: left;
+ display: inline;
+ line-height: 1.3em; }
+div.b_form div.b_form_element_wrapper div.b_form_element_label span.b_form_mandatory {
+ background: url(../openolat/images/star-small.png) no-repeat;
+ padding-left: 16px;
+ height: 16px; }
+div.b_form div.b_form_element_wrapper div.b_form_element_label.b_form_horizontal {
+ width: auto;
+ float: left;
+ display: inline; }
+div.b_form div.b_form_element_wrapper div.b_form_element_label.b_form_vertical {
+ width: auto;
+ float: none;
+ display: block; }
+div.b_form div.b_form_element_wrapper div.b_form_element {
+ margin-left: 25%;
+ padding: 0 2px 0 12px;
+ /* keep 2px space for 100% + border of textarea */ }
+div.b_form div.b_form_element_wrapper div.b_form_element.b_form_horizontal {
+ margin-left: 0;
+ padding-left: 0;
+ float: left;
+ display: inline; }
+div.b_form div.b_form_element_wrapper div.b_form_element.b_form_horizontal .b_button {
+ float: left;
+ display: inline; }
+div.b_form div.b_form_element_wrapper div.b_form_element.b_form_vertical {
+ margin-left: 0;
+ margin-top: 0.5em;
+ padding-left: 0;
+ float: none;
+ display: block;
+ clear: both; }
+div.b_form div.b_form_element_wrapper.b_form_error input, div.b_form div.b_form_element_wrapper.b_form_error select {
+ border: 1px solid #990000;
+ background: #ebcccc; }
+div.b_form div.b_form_element_wrapper div.b_form_error_msg {
+ clear: both;
+ color: #990000;
+ font-style: italic;
+ display: block; }
+div.b_form div.b_form_element_wrapper div.b_form_element_wrapper {
+ margin: 0; }
+div.b_form div.b_button_group {
+ margin-left: 0%;
+ padding-left: 0px;
+ text-align: left; }
+div.b_form.b_form_vertical div.b_button_group {
+ text-align: left; }
+div.b_form div.b_form_element div.b_form_example {
+ display: inline;
+ font-size: 80%;
+ color: #504D4E; }
+div.b_form div.b_form_element {
+ /* date and generic chooser icon*/ }
+div.b_form div.b_form_element .b_form_disabled {
+ color: #504D4E; }
+div.b_form div.b_form_element .b_form_element_disabled {
+ color: #9E9C9C;
+ background: #EEEEEE;
+ border: 1px solid #CDCBCB; }
+div.b_form div.b_form_element span.b_form_datechooser {
+ background: url(../openolat/images/calendar.png) no-repeat;
+ padding-left: 18px;
+ height: 16px;
+ line-height: 16px;
+ margin-left: 2px;
+ padding-top: 2px; }
+div.b_form div.b_form_element a.b_form_groupchooser {
+ background: url(../openolat/images/users.png) no-repeat;
+ padding-left: 18px;
+ height: 16px;
+ line-height: 16px;
+ margin-left: 2px; }
+div.b_form div.b_form_element a.b_form_genericchooser {
+ background: url(../openolat/images/users.png) no-repeat;
+ padding-left: 18px;
+ height: 16px;
+ line-height: 16px;
+ margin-left: 2px; }
+div.b_form div.b_form_element a.b_form_wikitext {
+ background-repeat: no-repeat;
+ padding-left: 12px;
+ line-height: 1.5em;
+ font-style: italic; }
+div.b_form div.b_form_element a.b_form_wikitext, div.b_form div.b_form_element .b_wiki_icon {
+ background-image: url(../openolat/images/wiki/wiki_small_9px.png); }
+
+div.form_shift_left {
+ left: -25%; }
+
+div.b_button_group div.b_form_element_wrapper {
+ vertical-align: middle;
+ margin: 0.5em 0;
+ float: none;
+ display: block; }
+div.b_button_group div.b_form_element_wrapper div.b_form_element_label {
+ width: auto;
+ float: none;
+ display: block; }
+div.b_button_group div.b_form_element_wrapper div.b_form_element {
+ margin-left: 0; }
+
+.b_subcolumns {
+ display: table;
+ width: 100%;
+ table-layout: fixed; }
+
+.b_c25l input, .b_c25r input {
+ max-width: 93%; }
+
+div.calendar {
+ z-index: 10000 !important; }
+
+/* form element switches: checkbox left, lable right: override styles from above */
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element {
+ margin: 0;
+ float: left; }
+
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label {
+ float: none;
+ width: auto;
+ display: block;
+ padding-left: 2.5em; }
+
+div.b_form div.b_form_element_wrapper.b_form_element_switch div.b_form_element_label label {
+ float: none; }
+
+div.b_form_subform {
+ padding-left: 2.5em; }
+
+/* selection lists */
+div.b_form_selection_vertical div.b_form_selection_element {
+ vertical-align: middle;
+ line-height: 1.3em;
+ position: relative; }
+
+div.b_form_selection_vertical div.b_form_selection_element input {
+ vertical-align: middle;
+ line-height: 1.3em; }
+
+div.b_form_selection_horizontal div.b_form_selection_element {
+ float: left;
+ display: inline;
+ padding-right: 1em; }
+
+div.b_form_selection_horizontal div.b_form_selection_element input {
+ vertical-align: middle; }
+
+/* toggle on / off */
+div.b_form div.b_form_element div.b_form_togglecheck {
+ font-size: 95%;
+ display: block;
+ vertical-align: middle;
+ line-height: 16px;
+ margin-top: 0.5em; }
+
+div.b_form div.b_form_element div.b_form_togglecheck input {
+ height: 1em;
+ width: 1em; }
+
+/* link list */
+div.o_form_wrapper fieldset {
+ min-width: 60em; }
+
+div.form_shift_left {
+ position: inherit;
+ left: -20%; }
+
+/* FORM RICHTEXT ELEMENT */
+div.mceExternalToolbar {
+ background: #f0f0ee !important;
+ overflow: auto; }
+
+/* CHOICE */
+table.b_choice {
+ padding: 0;
+ margin: 0; }
+table.b_choice td {
+ padding: 0.1em;
+ margin: 0; }
+table.b_choice td.b_togglecheck {
+ padding-top: 1em; }
+table.b_choice td.b_togglecheck div.b_togglecheck {
+ display: inline;
+ border-top: 1px solid #eee; }
+table.b_choice td.b_togglecheck input {
+ margin: 0 7px 0 2px; }
+
+/* FILE CHOOSER : real file chooser is transparent on layer 2 to hide ugly browser button, below the visible fake file chooser on layer 1 */
+div.b_fileinput {
+ position: relative;
+ /* same as mall icon left */ }
+div.b_fileinput div.b_fileinput_fakechooser {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ z-index: 1;
+ display: inline;
+ white-space: nowrap; }
+div.b_fileinput div.b_fileinput_fakechooser a {
+ margin-left: 5px; }
+div.b_fileinput span.b_fileinput_maxsize {
+ padding: 1px 0 1px 1em;
+ font-style: italic;
+ min-height: 16px;
+ vertical-align: middle; }
+div.b_fileinput input.b_fileinput_realchooser {
+ position: relative;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ -moz-opacity: 0;
+ opacity: 0;
+ filter: alpha(opacity=0); }
+div.b_fileinput div.b_button_group {
+ text-align: left;
+ padding-left: 0;
+ margin-left: 0; }
+
+.b_fileinput_icon {
+ background-image: url(../openolat/images/drive.png); }
+
+/* PROGRESSBAR */
+div.b_progress div.b_progress_bar {
+ height: 12px;
+ border: 1px solid #bfbfbf;
+ background: #ffcccc; }
+
+div.b_progress div.b_progress_bar div {
+ height: 12px;
+ background: #ff6666;
+ background: -moz-linear-gradient(top, #ff6666 0%, red 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6666), color-stop(100%, red));
+ background: -webkit-linear-gradient(top, #ff6666 0%, red 100%);
+ background: -o-linear-gradient(top, #ff6666 0%, red 100%);
+ background: -ms-linear-gradient(top, #ff6666 0%, red 100%);
+ background: linear-gradient(top, #ff6666 0%, red 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6666', endColorstr='red',GradientType=0 ); }
+
+/* MARK */
+div.b_mark {
+ width: 20px;
+ height: 20px;
+ /* form within mark : no padding , no margin */ }
+div.b_mark div.b_form_element_wrapper {
+ margin: 0; }
+div.b_mark div.b_form_element_wrapper div.b_form_element {
+ margin: 0;
+ padding: 0; }
+div.b_mark a.b_mark_set {
+ background: url(../openolat/images/flag.png) center right no-repeat;
+ display: block;
+ width: 20px;
+ height: 20px; }
+div.b_mark a.b_mark_not_set {
+ background: url(../openolat/images/flag.png) center right no-repeat;
+ display: block;
+ width: 20px;
+ height: 20px;
+ opacity: 0.4;
+ filter: alpha(opacity=40); }
+div.b_mark a.b_mark_set span, div.b_mark a.b_mark_not_set span {
+ display: block;
+ width: 19px;
+ height: 19px; }
+
+/** ----------------- TABLES ----------------- **/
+/* normal default table (inherited from YAML) */
+table {
+ border-collapse: collapse;
+ margin-bottom: 0.5em;
+ border-top: 0px solid white;
+ border-bottom: 0px solid white; }
+table caption {
+ font-variant: small-caps; }
+table.b_full {
+ width: 99.5%; }
+table.fixed {
+ table-layout: fixed; }
+table th, table td {
+ padding: 0.3em; }
+table thead th {
+ color: inherit;
+ border-bottom: 1px solid #ccc; }
+table tbody {
+ /* olat odd rows */ }
+table tbody tr.b_table_odd td {
+ background: #eee; }
+
+/* tables from OpenOLAT tablecontroller are wrapped in b_table_wrapper */
+div.b_table_wrapper {
+ /* table add-ons */
+ /* bottom-margin to fix IE6 overflow issue */ }
+div.b_table_wrapper table {
+ width: 99.5%;
+ margin-left: 1px;
+ border: 1px solid #eeeeee; }
+div.b_table_wrapper table tbody tr:hover td {
+ background: #ffcccc; }
+div.b_table_wrapper div.b_table_filter {
+ float: left;
+ display: inline;
+ font-size: 95%;
+ margin: 7px 10px 2px 0; }
+div.b_table_wrapper div.b_table_filter label {
+ font-style: italic;
+ margin: 5px 0 2px 0; }
+div.b_table_wrapper div.b_table_filter select {
+ border: 1px solid #ACAAAA; }
+div.b_table_wrapper div.b_clearfix div.b_floatbox {
+ margin: 5px 0 0 0;
+ padding-right: 4px; }
+div.b_table_wrapper div.b_table_count {
+ font-size: 95%;
+ float: left;
+ line-height: 16px;
+ vertical-align: bottom;
+ margin: 3px;
+ font-size: 95%; }
+div.b_table_wrapper a.b_table_prefs, div.b_table_wrapper a.b_table_download {
+ float: right;
+ display: block;
+ background-repeat: no-repeat;
+ background-position: top left;
+ width: 16px;
+ height: 16px;
+ margin: 3px; }
+div.b_table_wrapper a.b_table_prefs {
+ background-image: url(../openolat/images/table_gear.png); }
+div.b_table_wrapper a.b_table_download {
+ background-image: url(../openolat/images/table_download.png); }
+div.b_table_wrapper div.b_table_buttons {
+ text-align: center;
+ margin: 1.5em 0 1em 0; }
+
+/* table paging */
+div.b_table_page {
+ font-size: 95%;
+ text-align: center; }
+div.b_table_page a {
+ margin: 0;
+ padding: 2px; }
+div.b_table_page a.b_table_page_active {
+ font-weight: bold;
+ color: #000; }
+div.b_table_page a.b_table_backward {
+ background: url(../openolat/images/arrow_left.png) no-repeat center left;
+ padding-left: 16px; }
+div.b_table_page a.b_table_forward {
+ background: url(../openolat/images/arrow_right.png) no-repeat center right;
+ padding-right: 16px; }
+div.b_table_page a.b_table_first_page {
+ background: url(../openolat/images/home.png) no-repeat center left;
+ padding-left: 18px; }
+
+div.b_table_page_all {
+ font-size: 95%;
+ text-align: center; }
+
+/** -------------------- DEVELOPMENT TOOL / DEBUG ---------------- **/
+a.b_dev {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 4000;
+ background: red url("../openolat/images/bug.png") no-repeat;
+ width: 16px;
+ height: 16px;
+ border: 1px solid #000; }
+
+#b_devcon_main {
+ background-color: #ccddff;
+ position: absolute;
+ z-index: 4000;
+ top: 10px;
+ left: 5%;
+ width: 90%;
+ text-align: left;
+ border: 1px solid #000; }
+
+#b_devcon_handle {
+ cursor: move;
+ background: blue url(../openolat/images/bug.png) no-repeat 4px 50%;
+ line-height: 2em;
+ padding-left: 24px;
+ color: white; }
+
+a#b_devcon_handle_collapse {
+ cursor: pointer;
+ background: url("../openolat/images/toggle-small.png") no-repeat;
+ width: 15px;
+ height: 15px;
+ float: right;
+ margin: 3px; }
+
+a#b_devcon_handle_expand {
+ cursor: pointer;
+ background: url("../openolat/images/toggle-small-expand.png") no-repeat;
+ width: 15px;
+ height: 15px;
+ float: right;
+ margin: 3px; }
+
+a.b_devcon_handle_close {
+ cursor: pointer;
+ background: url(../openolat/images/close.png) no-repeat;
+ width: 15px;
+ height: 15px;
+ float: right;
+ margin: 3px; }
+
+#b_devcon_content {
+ font-size: 90%;
+ padding: 5px;
+ border-top: 0px solid #000;
+ background: transparent; }
+#b_devcon_content ul {
+ float: left;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ white-space: nowrap; }
+#b_devcon_content li {
+ margin: 0;
+ padding: 0 10px 0 0;
+ float: left; }
+#b_devcon_content fieldset {
+ border-top: 1px solid #ccc;
+ margin: 0;
+ padding: 8px; }
+
+#b_devcon_mode {
+ width: 1em;
+ height: 1em;
+ float: left;
+ border: 1px solid #000;
+ margin-right: 5px; }
+
+/* bgcolor defined programatically */
+#b_js_log textarea#o_debug_cons {
+ width: 99%;
+ height: 15em;
+ font-family: monospace;
+ font-size: 110%;
+ margin: 5px 0 5px 0; }
+
+iframe.o_debug_json {
+ position: fixed;
+ width: 90%;
+ margin-left: 5%;
+ bottom: 4px;
+ height: 300px;
+ background: white;
+ border: 2px solid #ccd8e7;
+ z-index: 90000; }
+
+/* BRIEFCASE */
+div.b_briefcase div.b_briefcase_foldercomp {
+ margin-top: 0.5em;
+ border-top: 1px solid #bbb; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions {
+ margin: 0.5em 0; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+ font-size: 95%; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul li {
+ float: right;
+ display: inline;
+ margin: 0 0 0 1em;
+ padding: 0 0 0 3px;
+ position: relative; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul li a {
+ background-position: 0 50%;
+ background-repeat: no-repeat;
+ padding: 2px 0 2px 20px; }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_upload {
+ background-image: url(../openolat/images/docs/document_upload.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_newfolder {
+ background-image: url(../openolat/images/folder_new.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_newfile {
+ background-image: url(../openolat/images/docs/document_add.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_createactions ul a.b_briefcase_deletedfiles {
+ background-image: url(../openolat/images/docs/document_remove.png); }
+
+div.b_briefcase_foldercomp div.b_briefcase_breadcrumb {
+ clear: both;
+ padding: 1px 0 1px 20px;
+ margin: 0.5em 0 0 0;
+ border-bottom: 1px solid #bbb;
+ background: url(../openolat/images/folder_open.png) no-repeat 0 50%; }
+
+div.b_briefcase_foldercomp div.b_briefcase_empty {
+ clear: both;
+ margin-top: 0.5em;
+ font-style: italic; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable {
+ clear: both;
+ border-collapse: collapse;
+ margin-bottom: 0.5em;
+ border-bottom: 1px solid #4F576A;
+ background: #fff;
+ width: 99.9%; }
+
+/* 99.9% width fix for FF border overflow issue*/
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead {
+ color: #000;
+ background: #E0E2E8;
+ border-bottom: 1px solid #8F99AD; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead a, div.b_briefcase_foldercomp table.b_briefcase_filetable thead span {
+ color: #4F576A;
+ font-weight: bold; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable thead a:hover, div.b_briefcase_foldercomp table.b_briefcase_filetable thead a:focus {
+ color: #000000;
+ text-decoration: none;
+ background-color: transparent; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr.b_table_odd {
+ background: #F3F4F5; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:hover, div.b_briefcase_foldercomp table.b_briefcase_filetable tbody tr:focus {
+ background: #E0E2E8; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable th, div.b_briefcase_foldercomp table.b_briefcase_filetable td {
+ white-space: nowrap;
+ text-align: right;
+ padding-right: 1em; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable th.b_last_child, div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_last_child {
+ padding-right: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable th.b_first_child, div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_first_child {
+ width: 60%;
+ text-align: left; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable td input.b_checkbox {
+ margin: 0 4px 0 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable td a:hover, div.b_briefcase_foldercomp table.b_briefcase_filetable td a:focus {
+ background-color: transparent; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable td.b_last_child {
+ padding-left: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions {
+ border: 0;
+ padding: 0;
+ margin: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions td {
+ border: 0;
+ padding: 0 0 0 3px;
+ margin: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable table.b_briefcase_actions tr {
+ border: 0;
+ padding: 0;
+ margin: 0; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_file_icon {
+ background-image: url(../openolat/images/docs/document--pencil.png); }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_meta_icon {
+ background-image: url(../openolat/images/docs/document_metadata_edit.png); }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_edit_meta_dis_icon {
+ background-image: url(../openolat/images/docs/document_metadata_edit.png);
+ opacity: 0.2; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_icon {
+ background-image: url(../openolat/images/docs/document_versions.png); }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon {
+ background-image: url(../openolat/images/docs/document_versions.png);
+ opacity: 0.2; }
+
+div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon {
+ background-image: url(../openolat/images/locked.png); }
+
+div.b_briefcase_preview {
+ background-color: white;
+ width: 200px;
+ height: 200px;
+ border: 1px solid #8EAACE;
+ margin-top: 2px; }
+
+div.b_briefcase div.b_briefcase_searchcomp {
+ float: left;
+ display: inline;
+ margin: 0.5em 0;
+ width: 14em; }
+
+div.b_briefcase div.b_briefcase_searchcomp input {
+ width: 10em; }
+
+div.b_briefcase div.b_briefcase_searchcomp div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+
+div.b_briefcase div.b_briefcase_commandbuttons {
+ margin: 1em 0; }
+
+div.b_briefcase div.b_briefcase_webdav {
+ margin: 0.5em 0; }
+
+div.b_briefcase div.b_briefcase_quota {
+ clear: both;
+ margin-top: 1em;
+ padding-top: 1em;
+ border-top: 1px solid #000; }
+
+div.b_briefcase_meta {
+ size: 0.8em; }
+
+div.b_briefcase_meta p {
+ font-style: italic;
+ margin: 0;
+ padding-top: 2px; }
+
+div.b_send_documents ol.textbox-outer {
+ margin-left: 0;
+ border: 1px solid #ACAAAA;
+ background: #F6F6F6;
+ line-height: 1.3em; }
+
+div.b_send_documents ol li {
+ margin-left: 0; }
+
+div.b_send_documents textarea {
+ overflow: auto;
+ resize: none; }
+
+/*
+* =================================================
+*
+* wiki styles for OpenOLAT 8
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Nov. 2011
+*
+*
+* =================================================
+*/
+@media all {
+ /* wrapper container for the wiki tabbed pane */
+ div.o_wiki_wrapper {
+ clear: both;
+ /* wiki edit helper buttons */ }
+ div.o_wiki_wrapper div.o_wikimod_btn {
+ position: relative; }
+ div.o_wiki_wrapper div.o_wikimod_btn a {
+ margin-bottom: 9px;
+ background-repeat: no-repeat;
+ background-position: center center;
+ width: 20px;
+ height: 19px;
+ float: left;
+ display: inline;
+ padding-left: 2px;
+ border: 1px solid #ccc;
+ background-color: #eee;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ margin-right: 2px; }
+ div.o_wiki_wrapper div.o_wikimod_btn a:hover {
+ border: 1px solid red; }
+ div.o_wiki_wrapper div.o_wikimod_btn div.b_contexthelp_wrapper a.b_contexthelp {
+ position: absolute;
+ top: 0;
+ right: 0; }
+ div.o_wiki_wrapper a.o_wikimod_btn_bold {
+ background-image: url(../openolat/images/wiki/edit-bold.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_italic {
+ background-image: url(../openolat/images/wiki/edit-italic.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_link {
+ background: url(../openolat/images/wiki/chain.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_extlink {
+ background: url(../openolat/images/wiki/chain--arrow.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_headline {
+ background: url(../openolat/images/wiki/edit-heading.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_image {
+ background: url(../openolat/images/wiki/image-medium.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_media {
+ background: url(../openolat/images/music-beam.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_math {
+ background: url(../openolat/images/wiki/edit-math.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_nowiki {
+ background: url(../openolat/images/wiki/edit-nowiki.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_hr {
+ background: url(../openolat/images/wiki/edit-hr.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_list {
+ background: url(../openolat/images/wiki/edit-list.png); }
+ div.o_wiki_wrapper a.o_wikimod_btn_numlist {
+ background: url(../openolat/images/wiki/edit-list-order.png); }
+
+ /* portfolio */
+ div.o_wiki_wrapper .b_eportfolio_add, div.o_wiki_wrapper .b_eportfolio_add_again {
+ position: absolute;
+ top: 28px;
+ right: 3px;
+ z-index: 99; }
+
+ /* override default styles to have smaller title and header on wiki pages */
+ div.o_wiki_wrapper h1 {
+ font-size: 1.0em; }
+
+ div.o_wiki_wrapper h2 {
+ font-size: 1.0em; }
+
+ div.o_wiki_wrapper h3 {
+ font-size: 1.0em; }
+
+ /* wiki chooser for file and links */
+ div.o_wikimod_linkchooser {
+ clear: both;
+ float: left;
+ display: inline; }
+
+ div.o_wikimod_filechooser {
+ margin: 0 2em;
+ float: left;
+ display: inline; }
+
+ /* wiki left side navigation */
+ div.o_wikimod_nav {
+ font-size: 90%;
+ padding-top: 1.5em; }
+
+ div.o_wikimod_nav legend {
+ font-size: 95%; }
+
+ div.o_wikimod_nav fieldset {
+ padding: 0.5em; }
+
+ div.o_wikimod_nav input {
+ width: 99%; }
+
+ div.o_wikimod_nav ul {
+ margin: 0;
+ padding: 0; }
+
+ div.o_wikimod_nav div.b_button_group {
+ margin: 0.5em 0;
+ text-align: left; }
+
+ div.o_wikimod_nav div.b_form div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+
+ div.o_wikimod_nav .b_form_element_wrapper .b_form_element {
+ padding: 0; }
+
+ div.o_wikimod_nav div.b_form_element_wrapper div.b_form_element.b_form_horizontal .b_button {
+ padding: 0.5em 0; }
+
+ /* wiki edit form */
+ div.o_wikimod_editform_wrapper {
+ clear: both;
+ padding: 0.5em 0 0 0; }
+
+ div.o_wikimod_editform_wrapper div.b_form div.b_form_element_wrapper div.b_form_element_label {
+ display: none; }
+
+ div.o_wikimod_editform_wrapper div.b_form div.b_form_element_wrapper div.b_form_element {
+ clear: both;
+ margin-left: 0;
+ padding: 0 5px 0 0; }
+
+ div.o_wikimod_editform_wrapper div.b_form div.b_button_group {
+ margin-left: 0;
+ text-align: center; }
+
+ /* wiki run view of article */
+ h1.o_wikimod_heading, h3.o_wikimod_heading {
+ margin: 0 0 1em 0;
+ padding: .5em 0 .17em 0;
+ border-bottom: 1px solid #BFBFBF; }
+
+ #o_wikimod_uploader {
+ margin: 1em 0 0 0; }
+
+ .o_wikimod_version {
+ border: 1px solid #BFBFBF;
+ padding: 4px;
+ margin-top: 5px; }
+
+ .o_wikimod_diff {
+ border: 1px solid #BFBFBF;
+ padding: 4px;
+ margin: 0px; }
+
+ .o_wikimod_warn {
+ color: #DF9719; }
+
+ .o_wiki_error {
+ background-color: #DF9719; }
+
+ .o_wikimod_ins {
+ background-color: #A4DCA4; }
+
+ .o_wikimod_old {
+ background-color: #FFCCCC; }
+
+ .o_wikimod_new {
+ background-color: #A4DCA4; }
+
+ .o_wikimod_del {
+ background-color: #FFCCCC; }
+
+ .wiki-image {
+ float: right;
+ padding: 10px;
+ clear: right; }
+
+ .wiki-file-deleted {
+ text-decoration: line-through; } }
+/* FORUM */
+div.o_forum div.o_forum_switch {
+ border: 1px solid #8F99AD;
+ padding: 3px;
+ font-size: 95%; }
+div.o_forum div.o_forum_message {
+ margin: 1em 0 1em 0;
+ padding: 0.5em;
+ border: 1px solid #777777;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ background: #eeeeee; }
+div.o_forum div.o_forum_message_header_wrapper {
+ min-height: 24px; }
+div.o_forum div.o_forum_message_header_wrapper div.o_forum_message_header {
+ min-height: 24px; }
+div.o_forum div.o_forum_message_title {
+ vertical-align: middle;
+ padding: 2px 5px 2px 5px;
+ min-height: 24px; }
+div.o_forum div.o_forum_message_title strong {
+ font-weight: bold; }
+div.o_forum div.o_forum_message_new div.o_forum_message_title strong {
+ background: url(../openolat/images/new-text.png) no-repeat top right;
+ padding-right: 20px; }
+div.o_forum div.o_forum_message_creator {
+ width: 100px;
+ padding: 0.5em 0px 0px 0px;
+ font-size: 95%;
+ color: #4F576A; }
+div.o_forum div.o_forum_message_creator strong {
+ font-weight: normal; }
+div.o_forum div.o_forum_message_creator img {
+ border: 1px solid #4F576A; }
+div.o_forum div.o_forum_message_body {
+ padding: 0.5em;
+ margin-left: 100px;
+ background: #fff;
+ margin-right: 3px; }
+div.o_forum div.o_forum_message_attachments {
+ margin: 2em 0 0.5em 0;
+ border-top: 1px solid #555555;
+ font-size: 95%; }
+div.o_forum div.o_forum_message_attachments strong {
+ display: block;
+ margin: 0.5em 0;
+ font-weight: normal;
+ font-style: italic; }
+div.o_forum div.o_forum_message_attachments ul {
+ list-style: none;
+ margin: 0;
+ padding: 0; }
+div.o_forum div.o_forum_message_attachments li {
+ margin: 0;
+ padding: 0; }
+div.o_forum div.o_forum_message_attachments a {
+ background-repeat: no-repeat;
+ background-position: 0 50%;
+ padding-left: 20px;
+ padding-top: 2px;
+ padding-bottom: 2px; }
+div.o_forum div.o_forum_message_modified {
+ clear: both;
+ border-top: 1px solid #506D90;
+ padding: 0.5em 0 0 0;
+ font-size: 95%;
+ font-style: italic;
+ text-align: center;
+ color: #98221F; }
+div.o_forum div.o_forum_message_actions {
+ text-align: center;
+ padding: 0.2em 1em;
+ padding-top: 0.8em; }
+
+span.o_forum_thread_sticky {
+ font-weight: bold; }
+
+span.o_forum_status_thread_icon {
+ background-image: url(../openolat/images/forum/forum.png); }
+
+span.o_forum_status_sticky_closed_icon {
+ background-image: url(../openolat/images/forum/sticky-note-pin_locked.png); }
+
+span.o_forum_status_sticky_icon {
+ background-image: url(../openolat/images/forum/sticky-note-pin.png); }
+
+span.o_forum_status_closed_icon {
+ background-image: url(../openolat/images/forum/forum_locked.png); }
+
+div.o_forum_peekview {
+ margin: 1em 0 1em 0; }
+div.o_forum_peekview h5 {
+ font-size: 1em;
+ position: relative;
+ left: -20px; }
+div.o_forum_peekview div.o_forum_peekview_message {
+ padding-left: 20px;
+ padding-bottom: 15px; }
+div.o_forum_peekview div.b_quote_wrapper {
+ display: none; }
+
+.o_forum_message_icon {
+ background-image: url(../openolat/images/forum/balloon-white-left.png); }
+
+div.o_forum_toolbar {
+ float: left;
+ display: inline;
+ width: 75%; }
+
+div#o_forum_fulltextsearch {
+ float: right;
+ display: inline; }
+div#o_forum_fulltextsearch input {
+ width: 10em; }
+div#o_forum_fulltextsearch div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+
+/* ePortfolio
+*
+* note: this file needs a lot of sass beautifying and cleaning..
+*/
+div.b_struct_edit_btn {
+ float: right;
+ display: inline; }
+
+div.o_ep_struct_editor div.b_subcr {
+ min-height: 35em;
+ background: white;
+ padding-right: 1em;
+ overflow-x: auto; }
+
+.b_artefact {
+ margin: 5px;
+ border: 1px solid #ddd;
+ padding: 1em;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -o-border-radius: 5px;
+ moz-box-shadow: 0 1px 2px lightGrey;
+ -ms-box-shadow: 0 1px 2px lightGrey;
+ -o-box-shadow: 0 1px 2px lightGrey;
+ -webkit-box-shadow: 0 1px 2px lightGrey;
+ box-shadow: 0 1px 2px lightGrey;
+ background: #f6f6f6;
+ background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ebebeb));
+ background: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ebebeb',GradientType=0 ); }
+
+.b_artefact div.b_actions {
+ margin-top: 2em; }
+
+.b_artefact div.b_desc {
+ font-style: italic;
+ margin: 1em 0; }
+
+.b_ep_artAttribLink {
+ background-image: url(../openolat/images/table_gear.png); }
+
+div.b_artefact_closed {
+ font-size: 25px;
+ float: right;
+ background: url(../openolat/images/locked.png) top right no-repeat; }
+
+div.b_eportfolio_preview_c100l .b_artefact {
+ margin: 3px; }
+
+div.b_eportfolio_preview_c33l .b_artefact {
+ font-size: 85%;
+ margin: 3px; }
+
+.b_ep_nolink {
+ color: #000000; }
+
+.b_ep_nolink:hover {
+ color: #000000;
+ text-decoration: none; }
+
+.b_ep_multiartefacts div.b_ep_add_message_with_arrow {
+ position: relative;
+ top: -50px; }
+
+.b_ep_multiartefacts div.b_artefact_count {
+ margin: 1em 0 1em 0; }
+
+a.b_ep_options {
+ background: url(../openolat/images/gear.png) top left no-repeat;
+ width: 16px;
+ height: 16px;
+ display: block; }
+
+.b_ep_liveblog_icon {
+ background-image: url(../openolat/images/portfolio/ep_liveblog_icon.png); }
+
+div.b_portfolio_toc ul {
+ margin: 0; }
+
+div.b_portfolio_toc li {
+ list-style-type: none; }
+
+div.b_portfolio_toc li.level1 {
+ font-size: 1.2em;
+ margin: 1.2em 0 0.2em 0;
+ border-bottom: 1px solid #ddd; }
+
+div.b_portfolio_toc li.level2 {
+ padding-left: 20px;
+ font-size: 1.1em;
+ border-bottom: 1px dotted #ddd; }
+
+div.b_portfolio_toc li.level3 {
+ padding-left: 40px; }
+
+div.b_portfolio_toc li a {
+ font-size: 0.8em;
+ text-decoration: none; }
+
+div.b_portfolio_toc .link {
+ float: right;
+ margin-right: 0px; }
+
+div.b_portfolio_toc .commentlink {
+ float: right;
+ margin-right: 10%; }
+
+div.b_portfolio_toc .type_artefact {
+ font-style: italic; }
+
+.b_portfolio_toc .type_map, .b_portfolio_toc .type_page, .b_portfolio_toc .type_struct, .b_portfolio_toc .type_artefact {
+ background-position: center left;
+ background-repeat: no-repeat;
+ padding-left: 20px; }
+
+a.b_eportfolio_add {
+ background: url(../openolat/images/portfolio/ep_add_icon.png) top left no-repeat;
+ display: block;
+ width: 16px;
+ height: 16px; }
+
+td a.b_eportfolio_add {
+ float: right;
+ padding-right: 2px; }
+
+a.b_eportfolio_add_again, span.b_eportfolio_add_again {
+ background: url(../openolat/images/portfolio/ep_add_again_icon.png) top left no-repeat;
+ display: block;
+ width: 16px;
+ height: 16px; }
+
+.o_efficiencystatement a.b_eportfolio_add_again {
+ float: right; }
+
+a.b_eportfolio_link {
+ background: url(../openolat/images/portfolio/ep_link_icon.png) top left no-repeat;
+ display: block;
+ width: 16px;
+ height: 16px; }
+
+ul.b_eportfolio_maps {
+ margin: 0;
+ padding: 0; }
+
+ul.b_eportfolio_maps li {
+ display: block;
+ float: left;
+ position: relative;
+ width: 195px;
+ height: 320px;
+ padding: 60px 60px 40px 65px;
+ margin: 0.5em;
+ background: url(../openolat/images/portfolio/eportfolio_map_default.png) top left no-repeat;
+ -moz-border-radius: 4px 14px 14px 4px;
+ -webkit-border-radius: 4px 10px 10px 4px;
+ -o-border-radius: 4px 14px 14px 4px;
+ border-radius: 4px 14px 14px 4px;
+ -webkit-box-shadow: 0 1px 3px lightGray;
+ -moz-box-shadow: 0 1px 3px lightGray;
+ -o-box-shadow: 0 1px 3px lightGray;
+ box-shadow: 0 1px 3px lightGray; }
+
+ul.b_eportfolio_maps li .b_map_info {
+ position: absolute;
+ bottom: 40px;
+ width: inherit;
+ font-size: 0.9em; }
+
+li.default .b_map_info p {
+ color: #bbb; }
+
+li.comic .b_map_info p {
+ color: #88a5c4; }
+
+li.leather .b_map_info p {
+ color: #C2A074; }
+
+ul.b_eportfolio_maps li .b_map_info a.b_open_icon {
+ font-size: 1.2em;
+ position: absolute;
+ bottom: 170px;
+ right: -10px; }
+
+ul.b_eportfolio_maps li.leather {
+ background: url(../openolat/images/portfolio/eportfolio_map_leather.png) top left no-repeat;
+ border: none; }
+
+ul.b_eportfolio_maps li.leather a {
+ color: #fad9a4; }
+
+ul.b_eportfolio_maps li.comic {
+ background: url(../openolat/images/portfolio/eportfolio_map_comic.png) top left no-repeat;
+ border: none; }
+
+ul.b_eportfolio_maps li.template.default {
+ background-image: url(../openolat/images/portfolio/eportfolio_map_default_template.png); }
+
+ul.b_eportfolio_maps li.template.comic {
+ background-image: url(../openolat/images/portfolio/eportfolio_map_comic_template.png); }
+
+ul.b_eportfolio_maps li.template.leather {
+ background-image: url(../openolat/images/portfolio/eportfolio_map_leather_template.png); }
+
+.b_map_page {
+ text-align: center;
+ clear: left; }
+
+.b_map_page_all {
+ text-align: center; }
+
+.b_map_page > span {
+ padding-right: 3px; }
+
+.b_map_page a.b_map_page_forward {
+ background: url(../openolat/images/arrow_right.png) no-repeat center right;
+ padding-right: 16px; }
+
+.b_eportfolio_map {
+ background: white;
+ padding: 1.5em;
+ min-height: 30em; }
+
+.b_eportfolio_map .b_ep_relative {
+ position: relative; }
+
+.b_eportfolio_toolbar div {
+ display: inline; }
+
+.b_eportfolio_toolbar {
+ text-align: right;
+ width: 100%;
+ border-bottom: 1px solid #acaaaa;
+ padding: 1px 2px 4px 2px;
+ margin-bottom: 6px; }
+
+.b_eportfolio_map a.b_eportfolio_add_link, .b_eportfolio_map a.b_eportfolio_del_link {
+ float: right;
+ display: inline;
+ background-repeat: no-repeat;
+ margin-left: 0.5em;
+ width: 16px;
+ height: 16px;
+ text-decoration: none; }
+
+.b_eportfolio_toolbar a.b_eportfolio_add_link, .b_eportfolio_map a.b_eportfolio_del_link {
+ float: none;
+ display: inline-block;
+ background-repeat: no-repeat;
+ margin-left: 0;
+ margin-right: 0.5em;
+ width: 16px;
+ height: 16px;
+ text-decoration: none; }
+
+.b_eportfolio_map div.b_eportfolio_add_link {
+ float: left;
+ display: inline;
+ margin-top: 2px; }
+
+.o_ep_toc_editor .b_eportfolio_add_link {
+ float: left; }
+
+.b_eportfolio_map .b_eportfolio_add_link:hover {
+ text-decoration: none; }
+
+.b_eportfolio_map .b_eportfolio_comment_link {
+ float: right;
+ display: inline;
+ margin-right: 5px; }
+
+.b_ep_tag_cloud {
+ padding: 1em 0 1em 0;
+ border-bottom: 1px solid #ccc; }
+
+.default div.b_ep_actualpage {
+ width: 100%;
+ margin-top: 0;
+ clear: both; }
+
+.default div.b_pagination {
+ float: none;
+ position: static;
+ width: 100%; }
+
+.default div.b_pagination ul {
+ margin: 0; }
+
+.default div.b_pagination li {
+ float: left;
+ display: inline;
+ width: auto;
+ margin: 2px 2px 2px 0;
+ padding: 0;
+ background: #FAFAFA;
+ -webkit-border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -o-border-radius: 7px 7px 0 0;
+ border-radius: 7px 7px 0 0; }
+
+.default div.b_pagination li span, .default div.b_pagination li a, .default div.b_pagination li {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis; }
+
+.default div.b_pagination li.b_disabled {
+ padding-bottom: 2px;
+ margin-bottom: 0;
+ background: #f4f4f4; }
+
+.default div.b_pagination li .b_disabled {
+ color: black;
+ font-weight: normal;
+ padding: 5px 8px; }
+
+.default div.b_pagination li a {
+ padding: 1em;
+ padding: 5px 8px; }
+
+.default div.b_eportfolio_page, .default div.b_portfolio_toc, .default div.b_eportfolio_edit {
+ background-image: none; }
+
+.comic {
+ font-family: 'Comic Sans MS', 'Comic Sans', fantasy; }
+
+.b_eportfolio_map.comic {
+ background: #a2c3e8 none;
+ padding: 30px;
+ -webkit-border-top-right-radius: 10px;
+ -moz-border-radius-topright: 10px;
+ border-top-right-radius: 10px; }
+
+.comic div.b_pagination {
+ position: absolute;
+ right: 0;
+ width: 16%;
+ max-height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 100; }
+
+.comic .b_ep_relative > div:last-child {
+ position: relative; }
+
+.comic div.b_ep_actualpage {
+ width: 85%;
+ margin-top: 1em; }
+
+.comic div.b_pagination ul {
+ margin-top: 30px;
+ margin-left: 0px;
+ z-index: 1; }
+
+.comic div.b_pagination li {
+ width: 87%;
+ background: url(../openolat/images/portfolio/postit.png) center right;
+ padding: 0;
+ margin-bottom: 1em;
+ margin-left: 8%;
+ list-style-type: none; }
+
+.comic div.b_pagination li span.b_disabled, .comic div.b_pagination li a span {
+ display: block;
+ padding: 20px 15px 20px 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis; }
+
+.comic div.b_pagination li span, .comic div.b_pagination li a, .comic div.b_pagination li {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis; }
+
+.comic div.b_pagination li.b_disabled {
+ z-index: 101;
+ margin-left: 0;
+ width: 100%; }
+
+.comic div.b_pagination li .b_disabled {
+ color: black;
+ font-weight: bold; }
+
+.comic div.b_pagination li.b_toc {
+ background-image: url(../openolat/images/portfolio/postit_pink.png); }
+
+.b_eportfolio_page, .b_portfolio_toc, .b_eportfolio_edit {
+ min-height: 40em;
+ background: #f4f4f4 url(../openolat/images/portfolio/eportfolio_page_corner.png) top right no-repeat;
+ padding: 1em;
+ -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+ -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }
+
+.b_eportfolio_page .b_eportfolio_structure > h5 {
+ border-bottom: 1px solid #ddd;
+ margin-top: 1.2em; }
+
+.b_eportfolio_edit {
+ margin-top: 1.5em; }
+
+.leather {
+ font-family: Palatino, Georgia, serif; }
+
+.b_eportfolio_map.leather {
+ background: url(../openolat/images/portfolio/light-leather-tile.jpg); }
+
+.leather div.b_ep_actualpage {
+ width: 100%;
+ margin-top: 0;
+ clear: both; }
+
+.leather .b_map_header h4, .leather .b_map_header p, .leather .b_map_header a.b_eportfolio_add_link, .leather .b_map_header a.b_eportfolio_comment_link {
+ color: white; }
+
+.leather div.b_pagination {
+ float: none;
+ position: static;
+ width: 100%; }
+
+.leather div.b_pagination ul {
+ margin: 0; }
+
+.leather div.b_pagination li {
+ float: left;
+ display: inline;
+ width: auto;
+ margin: 0 2px 0 0;
+ padding: 0;
+ background: #ddd;
+ -webkit-border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -o-border-radius: 7px 7px 0 0;
+ border-radius: 7px 7px 0 0; }
+
+.leather div.b_pagination li span, .leather div.b_pagination li a, .leather div.b_pagination li {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis; }
+
+.leather div.b_pagination li.b_disabled {
+ padding: 0;
+ background: #f4f4f4; }
+
+.leather div.b_pagination li .b_disabled {
+ color: black;
+ font-weight: normal;
+ padding: 5px 8px; }
+
+.leather div.b_pagination li a {
+ padding: 1em;
+ padding: 5px 8px; }
+
+.leather div.b_eportfolio_page, .leather div.b_portfolio_toc, .leather div.b_eportfolio_edit {
+ background-image: none; }
+
+.b_eportfolio.b_artefacts hr.b_ep_filter_spacer {
+ height: 10px;
+ background: url(../openolat/images/portfolio/divider-arrow-down.png) 25px -12px no-repeat;
+ border: none;
+ border-top: 1px solid #ccc;
+ margin: 2em 0 1em; }
+
+.b_eportfolio.b_artefacts .b_ep_content {
+ background: white;
+ padding: 0 1em 1em 1em;
+ margin-top: 1.5em; }
+
+.b_eportfolio.b_artefacts .b_ep_content .b_ep_filter {
+ padding: 0;
+ width: 80%; }
+
+.b_ep_filter {
+ float: left; }
+
+.b_ep_viewmode {
+ float: right;
+ width: 15%; }
+
+.b_ep_add_artefact {
+ float: right; }
+
+.b_ep_content div.b_ep_viewmode div.b_form_element_label {
+ width: auto; }
+
+.b_eportfolio.b_artefacts div.b_segments_container {
+ top: -20px;
+ margin-bottom: -20px; }
+
+.b_ep_tagbrowser {
+ width: 30%;
+ margin-right: 0px; }
+
+.b_ep_tagbrowser_view {
+ width: 68%;
+ margin-left: 0px; }
+
+.b_ep_collection_icon {
+ background-image: url(../openolat/images/portfolio/ep_collection.png) !important; }
+
+.b_ep_map_icon, .b_portfolio_toc .type_map {
+ background-image: url(../openolat/images/portfolio/briefcase.png) !important; }
+
+.b_ep_page_icon, .b_portfolio_toc .type_page {
+ background-image: url(../openolat/images/portfolio/ep_page.png) !important; }
+
+.b_ep_page_icon.b_eportfolio_add_link {
+ background-image: url(../openolat/images/portfolio/ep_page_add.png) !important; }
+
+.b_ep_struct_icon, .b_portfolio_toc .type_struct {
+ background-image: url(../openolat/images/portfolio/ep_struct.png) !important; }
+
+.b_ep_struct_icon.b_eportfolio_add_link {
+ background-image: url(../openolat/images/portfolio/ep_struct_add.png) !important; }
+
+.type_artefact {
+ background-image: url(../openolat/images/le_resources/portfolio.png) !important; }
+
+div.b_eportfolio_collect_restriction {
+ margin-top: 5px; }
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_el {
+ float: left;
+ margin-right: 5px; }
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link {
+ float: left;
+ margin-right: 5px; }
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link a {
+ padding-left: 0px;
+ text-decoration: none; }
+div.b_eportfolio_collect_restriction div.b_eportfolio_collect_restriction_link a:hover {
+ text-decoration: none; }
+
+div.b_eportfolio_restriction_wrapper a.b_togglebox_opened {
+ z-index: 10;
+ display: block;
+ width: 9px;
+ height: 9px;
+ padding: 0;
+ margin-left: 12px; }
+div.b_eportfolio_restriction_wrapper a.b_togglebox_closed {
+ display: block;
+ width: 9px;
+ height: 9px;
+ padding: 0;
+ margin-left: 12px; }
+div.b_eportfolio_restriction_wrapper p {
+ padding: 0 0 0 15px;
+ margin: 0; }
+div.b_eportfolio_restriction_wrapper 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_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; }
+
+div.b_eportfolio_restriction_passed div.b_tooglebox_opened div.b_togglebox_content {
+ border: 1px solid #F0F0F0 !important;
+ background: #fcfcfc url(../openolat/images/decorator/deco_ok.png) no-repeat 3px 2px !important; }
+
+div.b_eportfolio_restriction_error div.b_togglebox_closed {
+ background: transparent url(../openolat/images/decorator/deco_warn.png) no-repeat top left !important; }
+
+div.b_eportfolio_restriction_passed div.b_togglebox_closed {
+ background: transparent url(../openolat/images/decorator/deco_ok.png) no-repeat top left !important; }
+
+div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content .b_togglebox_hide {
+ display: none; }
+
+.b_eportfolio_deadline_callout {
+ width: 300px; }
+
+.b_ep_multiartefacts .b_c50l {
+ clear: both; }
+
+.b_eportfolio_fulltextsearch {
+ float: left; }
+
+.b_eportfolio_share_policy_wrapper {
+ margin: 5px;
+ border: 1px solid #ddd;
+ padding: 1em;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -o-border-radius: 5px;
+ moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+ -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+ -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+ background: #f6f6f6;
+ background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ebebeb));
+ background: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ebebeb',GradientType=0 ); }
+.b_eportfolio_share_policy_wrapper .b_float_right {
+ text-align: right; }
+.b_eportfolio_share_policy_wrapper a.bit-input {
+ text-decoration: none; }
+
+.b_eportfolio_share_policy div input, .b_eportfolio_share_policy div span, .b_eportfolio_share_policy div select {
+ float: left;
+ margin-right: 5px;
+ padding-right: 5px; }
+.b_eportfolio_share_policy div span.b_form_datechooser {
+ background: url(../openolat/images/calendar.png) no-repeat;
+ padding-left: 18px;
+ height: 16px;
+ line-height: 16px;
+ margin-left: 2px; }
+.b_eportfolio_share_policy .b_ep_share_date span {
+ float: left; }
+
+.b_eportfolio_share_policy_wrapper .b_eportfolio_share_policy {
+ padding-left: 20px;
+ background: url(../openolat/images/user.png) top left no-repeat; }
+
+.b_eportfolio_share_policy_wrapper.policytype_group .b_eportfolio_share_policy {
+ background-image: url(../openolat/images/users.png); }
+
+.b_eportfolio_share_policy_wrapper.policytype_invitation .b_eportfolio_share_policy {
+ background-image: url(../openolat/images/share.png); }
+
+.b_eportfolio_share_policy_wrapper.policytype_allusers .b_eportfolio_share_policy {
+ background-image: url(../openolat/images/users.png); }
+
+div.b_ep_inline div input, div.b_ep_inline div span, div.b_ep_inline div select {
+ float: left;
+ margin-right: 5px;
+ padding-right: 5px; }
+
+/* ims cp */
+div.o_module_cp_wrapper a.b_content_download {
+ background: url("../openolat/images/drive-download.png") no-repeat top left;
+ padding-left: 20px;
+ margin: 3px;
+ display: block;
+ min-height: 16px; }
+div.o_module_cp_wrapper div#o_local_fulltextsearch {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 10; }
+div.o_module_cp_wrapper div#o_local_fulltextsearch div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
+div.o_module_cp_wrapper div.o_cp_navigation {
+ float: right;
+ display: inline;
+ padding: 3px 0 3px 3px;
+ background: #ebebeb;
+ border: 1px solid #ddd;
+ white-space: nowrap;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ moz-box-shadow: 0 1px 2px lightGrey;
+ -ms-box-shadow: 0 1px 2px lightGrey;
+ -o-box-shadow: 0 1px 2px lightGrey;
+ -webkit-box-shadow: 0 1px 2px lightGrey;
+ box-shadow: 0 1px 2px lightGrey; }
+div.o_module_cp_wrapper div span a {
+ margin: 0 2px; }
+div.o_module_cp_wrapper div span.b_disabled {
+ display: none; }
+div.o_module_cp_wrapper div span a.o_cp_previous_icon {
+ background-image: url("../openolat/images/arrow_left_big.png");
+ text-decoration: none; }
+div.o_module_cp_wrapper div span a.o_cp_previous_icon span {
+ display: none; }
+div.o_module_cp_wrapper div span a.o_cp_next_icon {
+ background-image: url("../openolat/images/arrow_right_big.png"); }
+div.o_module_cp_wrapper div span a.o_cp_next_icon span {
+ display: none; }
+div.o_module_cp_wrapper div span a.o_cp_print_icon {
+ background-image: url("../openolat/images/printer.png"); }
+div.o_module_cp_wrapper div span a.o_cp_print_icon span {
+ display: none; }
+div.o_module_cp_wrapper div.o_cp_navigation div, div.o_module_cp_wrapper div.o_cp_navigation form {
+ display: inline; }
+div.o_module_cp_wrapper div.o_cp_navigation div.b_clearfix {
+ display: inline;
+ clear: none; }
+div.o_module_cp_wrapper div.o_cp_navigation div.b_clearfix:after {
+ display: inline;
+ height: 0;
+ clear: none;
+ visibility: hidden; }
+
+/* IMS CP Editor */
+#o_cpeditor_menu div.o_cpeditor_menu_tree {
+ padding: 10px 0 0 0; }
+
+#b_col1 div.b_menu_toolbar a, #b_col3 div.b_menu_toolbar a {
+ width: 16px;
+ height: 16px;
+ margin: 3px;
+ float: right;
+ display: inline;
+ background-repeat: no-repeat; }
+
+a.o_cpeditor_import {
+ background-image: url("../openolat/images/docs/document_upload.png"); }
+
+a.o_cpeditor_new {
+ background-image: url("../openolat/images/docs/document_add.png"); }
+
+a.o_cpeditor_copy {
+ background-image: url("../openolat/images/docs/document_copy.png"); }
+
+a.o_cpeditor_delete {
+ background-image: url("../openolat/images/docs/document_remove.png"); }
+
+a.o_cpeditor_edit {
+ background-image: url(../openolat/images/docs/document_metadata_edit.png); }
+
+a.o_cpeditor_preview {
+ background-image: url(../openolat/images/docs/document_preview.png); }
+
+#o_cpeditor_content div.o_cpeditor_message {
+ padding: 20px; }
+
+/* QTI legacy styles */
+#o_qti_run div.b_button_group {
+ text-align: left; }
+
+#o_qti_run_title {
+ text-align: right; }
+
+#o_qti_run_title strong {
+ float: left;
+ display: inline; }
+
+#o_qti_run.o_qti_survey #o_qti_run_title strong {
+ background: url(../openolat/images/le_resources/survey.png) no-repeat left 50%;
+ padding-left: 20px; }
+
+#o_qti_run.o_qti_test #o_qti_run_title strong {
+ background: url(../openolat/images/le_resources/test.png) no-repeat left 50%;
+ padding-left: 20px;
+ padding-top: 2px;
+ padding-bottom: 2px; }
+
+#o_qti_scoreinfo {
+ float: left;
+ display: inline;
+ padding: .3em;
+ border: 1px solid silver;
+ margin-right: 1em; }
+
+#o_qti_run_score {
+ clear: both;
+ margin: 1em 0;
+ padding: 0 0 1.5em 0;
+ font-size: 90%; }
+
+#o_qti_run_scoreinfo {
+ float: left;
+ display: inline; }
+
+#o_qti_run_scoreprogress {
+ float: left;
+ display: inline;
+ margin-left: 1em; }
+
+#o_qti_questioninfo {
+ float: left;
+ display: inline;
+ padding: .3em;
+ border: 1px solid silver; }
+
+#o_qti_run_questioninfo {
+ float: left;
+ display: inline;
+ margin-left: 1em; }
+
+#o_qti_run_questionprogress {
+ float: left;
+ display: inline;
+ margin-left: 1em; }
+
+#o_qti_run_status {
+ clear: both; }
+
+#o_qti_run_main {
+ clear: both;
+ border-top: 1px solid #504D4E;
+ margin: 0.5em 0;
+ padding: 1em 0; }
+
+#o_qti_run_menu_inner h4 {
+ font-size: 100%; }
+#o_qti_run_menu_inner ul {
+ padding: 0;
+ margin: 0;
+ list-style: none; }
+#o_qti_run_menu_inner li {
+ clear: both;
+ padding: 0;
+ margin: 0;
+ white-space: normal; }
+#o_qti_run_menu_inner li.o_qti_menu_section {
+ padding: 1em 0; }
+
+#o_qti_run_menu_inner li div.o_qti_menu_item, #o_qti_run_menu li div.o_qti_menu_section {
+ float: left;
+ display: inline;
+ margin-right: 10px; }
+
+#o_qti_results td {
+ padding: 0; }
+
+/* fixes problem with truncated testresults, see OLAT-3416 */
+#b_main.o_editor_qti_correct {
+ background-image: url(../openolat/images/qti/correct_bg.png);
+ background-position: top left; }
+
+#b_main.o_editor_qti {
+ background-image: url(../openolat/images/edit_bg.png);
+ background-position: top left; }
+
+#o_qti_hints, #o_qti_solutions {
+ margin: 1em 0; }
+
+#o_qti_hints a {
+ background: url(../openolat/images/light-bulb.png) no-repeat left 50%;
+ cursor: help;
+ padding-left: 20px; }
+
+#o_qti_solutions a {
+ background: url(../openolat/images/magnifier-zoom.png) no-repeat left 50%;
+ cursor: help;
+ padding-left: 20px; }
+
+.qti_response_level_feedback_label {
+ margin-top: 1em;
+ font-style: italic; }
+
+.qti_edit_layout {
+ position: relative;
+ padding-right: 30px;
+ margin-bottom: 0.6em; }
+
+.qti_edit_layout .edit_link {
+ position: absolute;
+ top: 10px;
+ right: 0px; }
+
+/* QTI item styles */
+div.o_qti_item {
+ margin-bottom: 2em;
+ margin-top: 2em;
+ line-height: 2em; }
+
+div.o_qti_item input.b_radio, div.o_qti_item input.b_checkbox {
+ margin-left: 1em; }
+
+div.o_qti_item textarea {
+ width: 99%; }
+
+/* prevent scrollbars */
+img.o_qti_item_matimage {
+ vertical-align: middle; }
+
+div.o_qti_item_choice {
+ display: table;
+ margin: 1em 0; }
+
+div.o_qti_item_choice_option {
+ display: table;
+ padding: .5em;
+ border: 1px solid transparent; }
+
+div.o_qti_item_choice_option_flow {
+ display: table-cell;
+ padding: .5em;
+ border: 1px solid transparent; }
+
+div.o_qti_item_choice_option:hover {
+ border: 1px solid silver; }
+
+div.o_qti_item_choice_option_flow:hover {
+ border: 1px solid silver; }
+
+div.o_qti_item_choice_option_input {
+ display: table-cell;
+ vertical-align: middle;
+ padding-right: .5em; }
+div.o_qti_item_choice_option_input input {
+ vertical-align: middle; }
+
+div.o_qti_item_choice_option_value {
+ display: table-cell; }
+div.o_qti_item_choice_option_value span {
+ line-height: 1.5em;
+ margin-right: 1em; }
+
+div.o_qti_item_choice_option_autoenum {
+ display: table-cell;
+ line-height: 1.5em;
+ width: 1em;
+ overflow: hidden;
+ vertical-align: middle;
+ color: silver;
+ border: 0;
+ padding: 0;
+ margin: 0; }
+
+#o_qti_menu a {
+ text-decoration: none; }
+
+.o_qti_menu_section {
+ padding: .3em;
+ border-top: 1px solid #ff6666; }
+
+.o_qti_menu_section_clickable {
+ padding: .3em;
+ border: 1px solid transparent;
+ display: inline-block; }
+
+.o_qti_menu_section_clickable:hover {
+ padding: .3em;
+ border: 1px solid silver;
+ display: inline-block; }
+
+.o_qti_menu_section_active {
+ padding: .3em;
+ border: 1px dashed silver;
+ display: inline-block; }
+
+.o_qti_menu_item {
+ padding: .3em;
+ border: 1px solid transparent;
+ display: inline-block; }
+
+.o_qti_menu_item_active {
+ padding: .3em;
+ border: 1px dashed silver;
+ display: inline-block; }
+
+.o_qti_menu_item_active:hover {
+ border: 1px solid silver; }
+
+.o_qti_menu_item_inactive {
+ padding: .3em;
+ border: 1px solid transparent; }
+
+.o_qti_menu_item:hover {
+ border: 1px solid silver; }
+
+.o_qti_menu_item_closed {
+ padding: .3em;
+ border: 1px solid transparent; }
+
+.o_qti_menu_item_attempts_marked, .o_qti_menu_item_attempts {
+ color: silver;
+ padding: .2em .4em;
+ border: 1px solid transparent;
+ background: url(../openolat/images/flag.png) center right no-repeat;
+ display: block;
+ width: 20px;
+ height: 12px; }
+
+.o_qti_menu_item_attempts {
+ opacity: 0.4;
+ filter: alpha(opacity=40); }
+
+.o_qti_menu_item_attempts:hover, .o_qti_menu_item_attempts_marked:hover {
+ color: silver;
+ border: 1px solid silver;
+ cursor: pointer; }
+
+#o_qti_item_note {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ color: silver;
+ font-family: inherit;
+ font-size: 1em;
+ background: inherit;
+ overflow: hidden; }
+
+.o_qti_item_note_box {
+ border: 1px dashed silver;
+ padding: .1em;
+ margin: 0;
+ padding-left: .5em; }
+
+div.o_qti_item_note_box_title {
+ color: silver; }
+
+div.o_qti_item_itemfeedback, div.o_qti_item_assessfeedback, div.o_qti_item_o_qti_item_sectionfeedback {
+ margin: 1em 0;
+ background: url(../openolat/images/lightning.png) no-repeat left 50%;
+ padding-left: 20px; }
+
+div.o_qti_item_objectives {
+ margin: 1em 0;
+ background: url(../openolat/images/information-white.png) no-repeat left 50%;
+ padding-left: 20px;
+ line-height: 2em; }
+
+/* qti menu items */
+.o_qti_timelimit_icon {
+ background-image: url(../openolat/images/qti/time.png); }
+
+.o_qti_attemptslimit_icon {
+ background-image: url(../openolat/images/qti/tries.png); }
+
+.o_qti_closed_icon {
+ background-image: url(../openolat/images/qti/closed.png); }
+
+.o_mi_qtialientitem {
+ background-image: url(../openolat/images/docs/document_plain.png); }
+
+.o_mi_qtisc {
+ background-image: url(../openolat/images/qti/scItem.png); }
+
+.o_mi_qtimc {
+ background-image: url(../openolat/images/qti/mcItem.png); }
+
+.o_mi_qtikprim {
+ background-image: url(../openolat/images/qti/kprimItem.png); }
+
+.o_mi_qtifib {
+ background-image: url(../openolat/images/qti/fibItem.png); }
+
+.o_mi_qtiessay {
+ background-image: url(../openolat/images/qti/essayItem.png); }
+
+.o_mi_qtisection {
+ background-image: url(../openolat/images/qti/section.png); }
+
+.o_mi_iqtest {
+ background-image: url(../openolat/images/le_resources/test.png); }
+
+.o_mi_iqsurv {
+ background-image: url(../openolat/images/le_resources/survey.png); }
+
+/* TRANSLATION TOOL */
+div.b_translation_start div.b_translation_start_body, div.b_translation_edit div.b_translation_edit_body {
+ margin-top: 0.5em;
+ padding-top: 0.5em;
+ border-top: 1px solid #ACAAAA; }
+
+div.b_translation_list div.b_translation_list_package {
+ margin-bottom: 0.5em;
+ padding: 1em 0 0.5em 0;
+ border-bottom: 1px solid #ACAAAA; }
+
+div.b_translation_list div.b_translation_list_package div.b_translation_package_icon {
+ margin-bottom: 0.5em;
+ border-bottom: 1px solid #ACAAAA; }
+
+div.b_translation_edit div.b_button_group {
+ text-align: center;
+ margin: 1em 0 0 0; }
+
+div.b_translation_edit div.b_translation_edit_head div.b_progress div.b_progress_bar {
+ float: left;
+ display: inline; }
+
+div.b_translation_edit div.b_translation_edit_head div.b_progress div.b_progress_label {
+ float: left;
+ display: inline;
+ padding: 0 0 0 1em;
+ font-size: 90%;
+ font-style: italic; }
+
+div.b_translation_edit div.b_translation_edit_body textarea {
+ width: 99%; }
+
+div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_annotation {
+ margin-top: 1em; }
+
+div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_compare {
+ margin-top: 1em;
+ padding-top: 0.5em;
+ border-top: 1px solid #ACAAAA; }
+
+div.b_translation_edit div.b_translation_edit_body div.b_translation_edit_target {
+ margin-top: 1em;
+ padding-top: 0.5em;
+ border-top: 1px solid #ACAAAA; }
+
+div.b_translation_edit div.b_form_element textarea.b_form_element_disabled {
+ color: #000;
+ background: #EEEEEE;
+ border: 1px solid #CDCBCB; }
+
+div.b_translation_edit div.b_translation_edit_annotation h5 {
+ font-weight: normal;
+ font-size: 100%;
+ font-style: italic; }
+
+div.b_translation_edit div.b_translation_edit_annotation textarea {
+ font-style: italic; }
+
+div.b_translation_edit div.b_translation_refKey {
+ background-image: url(../openolat/images/magnifier-zoom.png);
+ vertical-align: middle;
+ background-color: #eee;
+ border: 1px solid #ACAAAA;
+ margin-right: 1%; }
+
+div.b_translation_edit div.b_translation_refKey code {
+ line-height: 1em;
+ vertical-align: middle; }
+
+div.b_translation_edit div.b_translation_refKey span {
+ line-height: 1em;
+ font-style: italic; }
+
+div.b_translation_config span.b_translation_status, ul.b_translation_status span.b_translation_status {
+ position: absolute;
+ right: 1em; }
+
+ul.b_translation_status {
+ column-count: 2;
+ -moz-column-count: 2;
+ list-style: none; }
+
+ul.b_translation_status li {
+ position: relative; }
+
+.b_translation_package_icon {
+ background-image: url(../openolat/images/folder_open.png) !important; }
+
+.b_translation_item_icon {
+ background-image: url(../openolat/images/docs/document-node.png) !important; }
+
+.b_translation_search_icon {
+ background-image: url(../openolat/images/magnifier-zoom.png) !important; }
+
+/* inline translation tool */
+span.b_translation_i18nitem {
+ position: relative !important; }
+
+span.b_translation_i18nitem a.b_translation_i18nitem_launcher {
+ position: absolute !important;
+ z-index: 100 !important;
+ width: 16px !important;
+ height: 16px !important;
+ top: 0 !important;
+ left: 5px !important;
+ background: #eeeeee url(../openolat/images/docs/document_metadata_edit.png) no-repeat !important;
+ border: 1px solid #6e6e6e !important;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ padding: 0 !important; }
+
+/* lang selector: make sure you match the country flag, not always the same as the lang code */
+/* SELECTION TREE (when you insert a BuildingBlock into a course) */
+div.b_selectiontree {
+ font-size: 95%; }
+div.b_selectiontree div.b_selectiontree_item {
+ clear: both;
+ position: relative;
+ top: 0;
+ left: 0;
+ vertical-align: middle;
+ height: 16px;
+ width: auto; }
+div.b_selectiontree div.b_selectiontree_item div {
+ width: 16px;
+ height: 16px;
+ float: left;
+ display: inline;
+ background-repeat: no-repeat; }
+div.b_selectiontree div.b_selectiontree_item div.b_selectiontree_content {
+ float: left;
+ display: inline;
+ margin-left: 0.5em;
+ width: auto;
+ white-space: nowrap; }
+div.b_selectiontree div.b_selectiontree_content {
+ width: auto; }
+div.b_selectiontree div.b_selectiontree_content div {
+ width: auto; }
+div.b_selectiontree div.b_selectiontree_content input {
+ width: 1em;
+ height: 1em;
+ padding: 0;
+ margin: 0 0.5em;
+ vertical-align: middle; }
+div.b_selectiontree div.b_selectiontree_content input.b_radio {
+ margin: 0; }
+div.b_selectiontree .b_selectiontree_line {
+ background-image: url(../openolat/images/tree/dots.gif); }
+div.b_selectiontree .b_selectiontree_space {
+ background-image: url(../openolat/images/tree/dots_spacer.gif); }
+div.b_selectiontree .b_selectiontree_junction {
+ background-image: url(../openolat/images/tree/dots_nt.gif); }
+div.b_selectiontree .b_selectiontree_end {
+ background-image: url(../openolat/images/tree/dots_nl.gif); }
+
+/** ------------------ COURSE EDITOR --------------- **/
+#o_course_editor_errorbox {
+ font-size: 90%;
+ padding: 3px 2px 2px 25px;
+ margin: 0 0 1em 0; }
+
+div.o_courseeditor_legend {
+ margin-top: 3em; }
+div.o_courseeditor_legend strong {
+ font-weight: bold; }
+div.o_courseeditor_legend div {
+ top: 0;
+ left: 0;
+ padding-left: 12px;
+ background-repeat: no-repeat;
+ background-position: 0 50%; }
+
+/* COURSE */
+div.o_course_run div.o_course_run_displaytitle {
+ font-style: italic; }
+div.o_course_run div.o_course_run_objectives {
+ background-color: #E9EAEF;
+ padding: 5px 5px 5px 25px;
+ margin: 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_scoreinfo {
+ background: #e9eaef url(../openolat/images/seal.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_disclaimer {
+ background: #e9eaef url(../openolat/images/information-white.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_groupinfo {
+ background: #e9eaef url(../openolat/images/users.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_statusinfo {
+ background: url(../openolat/images/bullet_go.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_returnbox {
+ background: #e9eaef url(../openolat/images/box_return.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_dropbox {
+ background: #e9eaef url(../openolat/images/box_drop.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_solutionbox {
+ background: #e9eaef url(../openolat/images/box_solution.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_task {
+ background: #e9eaef url(../openolat/images/assign.png) no-repeat 5px 5px;
+ padding: 5px 5px 5px 25px;
+ margin: 1.5em 0;
+ border: 1px solid #C5C4C4;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run div.o_course_run_disclaimer h4, div.o_course_run div.o_course_run_objectives h4, div.o_course_run div.o_course_run_scoreinfo h4, div.o_course_run div.o_course_run_returnbox h4, div.o_course_run div.o_course_run_dropbox h4, div.o_course_run div.o_course_run_solutionbox h4, div.o_course_run div.o_course_run_task h4, div.o_course_run div.o_course_run_log h4 {
+ font-size: 100%;
+ margin: 0 0 1em 0; }
+div.o_course_run div.o_course_run_scoreinfo_noinfo {
+ font-style: italic;
+ font-weight: bold; }
+div.o_course_run div.o_course_run_toc {
+ margin: 1em 0 0 0; }
+div.o_course_run div.o_course_run_toc div.o_course_run_toc_entry {
+ margin: 0 0 1em 0;
+ padding: 1em 20px 0 0; }
+div.o_course_run div.o_course_run_toc div.o_course_run_shorttitle {
+ border-bottom: 1px solid #ACAAAA; }
+div.o_course_run div.o_course_run_toc div.o_course_run_displaytitle {
+ margin-top: 0.5em;
+ color: #aaaaaa; }
+div.o_course_run div.o_course_run_toc div.o_course_run_objectives {
+ margin: 1em 0 1em 0;
+ border: 0;
+ background: none; }
+div.o_course_run div.o_course_run_toc div.o_course_run_toc_entry {
+ background: #FBFBFB;
+ padding: 5px;
+ border: 1px solid #eee;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px; }
+div.o_course_run #b_content_popup {
+ position: absolute;
+ top: 0;
+ right: 0; }
+
+div.o_sp_peekview {
+ margin: 1em 0 1em 0; }
+div.o_sp_peekview ul {
+ list-style: none; }
+div.o_sp_peekview li {
+ margin-top: 0.5em; }
+div.o_sp_peekview a {
+ position: relative;
+ left: -20px; }
+
+div.o_peekview_author {
+ padding: 3px 0 5px 0;
+ font-style: italic;
+ color: #aaaaaa;
+ font-size: 90%; }
+
+/* misc */
+/* BUSINESS CARD */
+div.o_bcard {
+ background-color: #eee;
+ margin-top: 10px; }
+
+div.o_bcard_header, div.o_members_header {
+ color: #fff;
+ background-color: #777;
+ padding: 2px; }
+
+div.o_bcard_portrait {
+ float: left;
+ display: inline;
+ width: 100px;
+ height: 100px;
+ margin: 10px; }
+div.o_bcard_portrait img {
+ border: 1px #d3d3d3 solid; }
+
+div.o_bcard_portrait_group {
+ background-image: url(../openolat/images/group_100x100.png);
+ border: 1px #d3d3d3 solid; }
+
+div.o_bcard_text {
+ margin-left: 120px;
+ margin-top: 10px;
+ line-height: 150%; }
+
+div.o_bcard_footer {
+ text-align: right;
+ clear: both;
+ font-size: 95%;
+ color: #1f49b3;
+ padding: 5px; }
+
+/* INFO MESSAGES */
+div.o_infomsgs {
+ padding-top: 5px; }
+div.o_infomsgs div.b_datecomp {
+ top: 2px;
+ float: left;
+ display: inline; }
+div.o_infomsgs div.o_infomsg {
+ margin-bottom: 1em;
+ padding: 10px 0 0 0; }
+div.o_infomsgs .b_year {
+ display: none; }
+div.o_infomsgs .o_item_info {
+ color: #7D7D7D;
+ font-size: 90%; }
+div.o_infomsgs .o_item_info .o_item_info_mod {
+ color: #98221F; }
+
+div.b_table_wrapper td a.o_peekview_infomsg_link {
+ display: inline; }
+
+div.o_infomsgs_config {
+ padding-bottom: 5px; }
+div.o_infomsgs_config div {
+ display: inline; }
+
+.o_infomsg_icon {
+ background-image: url(../openolat/images/information-button.png); }
+
+.o_infomsg_create_button {
+ position: absolute;
+ top: 0;
+ right: 250px; }
+
+/* EMAIL */
+.b_mail_icon {
+ background-image: url(../openolat/images/mail.png); }
+
+div.b_mail_message div.b_form_element_wrapper:first-child div.b_form_element {
+ font-weight: bold; }
+
+.b_mail_new {
+ width: 20px !important;
+ background-image: url(../openolat/images/new-text.png); }
+
+.b_table_wrapper span.b_mail_unread {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ background: transparent url(../openolat/images/bullet_black.png) top left no-repeat; }
+.b_table_wrapper span.b_mail_read {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px; }
+.b_table_wrapper span.b_mail_marked {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ background: transparent url(../openolat/images/flag.png) top left no-repeat; }
+.b_table_wrapper span.b_mail_unmarked {
+ display: block;
+ display: inline-block;
+ width: 16px;
+ height: 16px; }
+.b_table_wrapper .b_marked {
+ font-weight: bold; }
+
+ul.b_mail_attachments {
+ list-style: none;
+ margin: 0;
+ padding: 0; }
+ul.b_mail_attachments li {
+ margin: 0; }
+
+/* MEMBERS BB ( Course Buildingblock: "Teilnehmerliste" ) */
+div.o_cmembers * {
+ vertical-align: middle; }
+div.o_cmembers div.o_cmember {
+ float: left;
+ width: 30%;
+ height: 75px;
+ /* let's fix this, we want all boxes the same height */
+ overflow: hidden;
+ margin: 5px 5px 5px 0;
+ padding: 8px;
+ border: 1px solid #ddd;
+ background: #f6f6f6;
+ background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ebebeb));
+ background: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ background: linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ebebeb',GradientType=0 );
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -o-border-radius: 5px;
+ moz-box-shadow: 0 1px 2px #d3d3d3;
+ -ms-box-shadow: 0 1px 2px #d3d3d3;
+ -o-box-shadow: 0 1px 2px #d3d3d3;
+ -webkit-box-shadow: 0 1px 2px #d3d3d3;
+ box-shadow: 0 1px 2px #d3d3d3; }
+div.o_cmembers div.o_cmember .o_cmember_portrait_wrapper {
+ height: 100%;
+ width: 65px;
+ overflow: hidden;
+ display: inline-block;
+ margin-right: 5px;
+ border: 1px solid #ddd; }
+div.o_cmembers div.o_cmember img.o_cmember_portrait {
+ height: 100%;
+ width: 100%;
+ background-color: white;
+ background-position: 50% 50%;
+ background-repeat: no-repeat; }
+div.o_cmembers a.o_cmembers_mail {
+ float: none;
+ margin-left: 5px;
+ padding-left: 20px;
+ background-image: url(../openolat/images/mail.png); }
+div.o_cmembers a.o_cmembers_mail span {
+ display: none; }
+div.o_cmembers h4 {
+ padding: 7px 0 0 0;
+ clear: both; }
+
+/* LINK LIST */
+div.o_ll_container ul li {
+ list-style: circle;
+ margin: 1em; }
+div.o_ll_container ul li div {
+ font-style: italic; }
+
+a.o_ll_browse span {
+ display: block;
+ width: 20px;
+ height: 18px;
+ background: url(../openolat/images/library.png) top left no-repeat;
+ margin-left: 1px; }
+
+/* DATE COMPONENT (e.g. in notifications, shows calendar-image with date) */
+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; }
+
+/* Dummy user portrait (avatar) display */
+img.o_portrait_dummy {
+ background-image: url(../openolat/images/dummy.png);
+ width: 100px;
+ height: 100px; }
+
+img.o_portrait_dummy_small {
+ background-image: url(../openolat/images/dummy_small.png); }
+
+img.o_portrait_dummy_female_big {
+ background-image: url(../openolat/images/dummy_female_big.png);
+ width: 100px;
+ height: 100px; }
+
+img.o_portrait_dummy_female_small {
+ background-image: url(../openolat/images/dummy_female_small.png); }
+
+img.o_portrait_dummy_male_big {
+ background-image: url(../openolat/images/dummy_male_big.png);
+ width: 100px;
+ height: 100px; }
+
+img.o_portrait_dummy_male_small {
+ background-image: url(../openolat/images/dummy_male_small.png); }
+
+/* classes to use in course layout generator to have previews in dropdown elements */
+/* note: this does not work in chrome (jan2012, chrome 16.0.) */
+.clgen_font_arial {
+ font-family: arial,helvetica; }
+
+.clgen_font_arial_black {
+ font-family: arial black,avant garde; }
+
+.clgen_font_comic {
+ font-family: comic sans ms,sans-serif; }
+
+.clgen_font_courier {
+ font-family: courier new,courier; }
+
+.clgen_font_georgia {
+ font-family: georgia,serif; }
+
+.clgen_font_impact {
+ font-family: impact,chicago; }
+
+.clgen_font_lucida {
+ font-family: lucida console,monaco,monospace; }
+
+.clgen_font_palatino {
+ font-family: palatino linotype,book antiqua,palatino,serif; }
+
+.clgen_font_times {
+ font-family: times new roman,times; }
+
+.clgen_font_verdana {
+ font-family: verdana,geneva,sans-serif; }
+
+.clgen_font_xxlarge {
+ font-size: 130%; }
+
+.clgen_font_xxsmall {
+ font-size: 70%; }
+
+option.Black {
+ background-color: Black; }
+
+option.Navy {
+ background-color: Navy; }
+
+option.DarkBlue {
+ background-color: DarkBlue; }
+
+option.MediumBlue {
+ background-color: MediumBlue; }
+
+option.Blue {
+ background-color: Blue; }
+
+option.DarkGreen {
+ background-color: DarkGreen; }
+
+option.Green {
+ background-color: Green; }
+
+option.Teal {
+ background-color: Teal; }
+
+option.DarkCyan {
+ background-color: DarkCyan; }
+
+option.DeepSkyBlue {
+ background-color: DeepSkyBlue; }
+
+option.DarkTurquoise {
+ background-color: DarkTurquoise; }
+
+option.MediumSpringGreen {
+ background-color: MediumSpringGreen; }
+
+option.Lime {
+ background-color: Lime; }
+
+option.SpringGreen {
+ background-color: SpringGreen; }
+
+option.Aqua {
+ background-color: Aqua; }
+
+option.Cyan {
+ background-color: Cyan; }
+
+option.MidnightBlue {
+ background-color: MidnightBlue; }
+
+option.DodgerBlue {
+ background-color: DodgerBlue; }
+
+option.LightSeaGreen {
+ background-color: LightSeaGreen; }
+
+option.ForestGreen {
+ background-color: ForestGreen; }
+
+option.SeaGreen {
+ background-color: SeaGreen; }
+
+option.DarkSlateGray {
+ background-color: DarkSlateGray; }
+
+option.DarkSlateGrey {
+ background-color: DarkSlateGrey; }
+
+option.LimeGreen {
+ background-color: LimeGreen; }
+
+option.MediumSeaGreen {
+ background-color: MediumSeaGreen; }
+
+option.Turquoise {
+ background-color: Turquoise; }
+
+option.RoyalBlue {
+ background-color: RoyalBlue; }
+
+option.SteelBlue {
+ background-color: SteelBlue; }
+
+option.DarkSlateBlue {
+ background-color: DarkSlateBlue; }
+
+option.MediumTurquoise {
+ background-color: MediumTurquoise; }
+
+option.Indigo {
+ background-color: Indigo; }
+
+option.DarkOliveGreen {
+ background-color: DarkOliveGreen; }
+
+option.CadetBlue {
+ background-color: CadetBlue; }
+
+option.CornflowerBlue {
+ background-color: CornflowerBlue; }
+
+option.MediumAquaMarine {
+ background-color: MediumAquaMarine; }
+
+option.DimGray {
+ background-color: DimGray; }
+
+option.DimGrey {
+ background-color: DimGrey; }
+
+option.SlateBlue {
+ background-color: SlateBlue; }
+
+option.OliveDrab {
+ background-color: OliveDrab; }
+
+option.SlateGray {
+ background-color: SlateGray; }
+
+option.SlateGrey {
+ background-color: SlateGrey; }
+
+option.LightSlateGray {
+ background-color: LightSlateGray; }
+
+option.LightSlateGrey {
+ background-color: LightSlateGrey; }
+
+option.MediumSlateBlue {
+ background-color: MediumSlateBlue; }
+
+option.LawnGreen {
+ background-color: LawnGreen; }
+
+option.Chartreuse {
+ background-color: Chartreuse; }
+
+option.Aquamarine {
+ background-color: Aquamarine; }
+
+option.Maroon {
+ background-color: Maroon; }
+
+option.Purple {
+ background-color: Purple; }
+
+option.Olive {
+ background-color: Olive; }
+
+option.Gray {
+ background-color: Gray; }
+
+option.Grey {
+ background-color: Grey; }
+
+option.SkyBlue {
+ background-color: SkyBlue; }
+
+option.LightSkyBlue {
+ background-color: LightSkyBlue; }
+
+option.BlueViolet {
+ background-color: BlueViolet; }
+
+option.DarkRed {
+ background-color: DarkRed; }
+
+option.DarkMagenta {
+ background-color: DarkMagenta; }
+
+option.SaddleBrown {
+ background-color: SaddleBrown; }
+
+option.DarkSeaGreen {
+ background-color: DarkSeaGreen; }
+
+option.LightGreen {
+ background-color: LightGreen; }
+
+option.MediumPurple {
+ background-color: MediumPurple; }
+
+option.DarkViolet {
+ background-color: DarkViolet; }
+
+option.PaleGreen {
+ background-color: PaleGreen; }
+
+option.DarkOrchid {
+ background-color: DarkOrchid; }
+
+option.YellowGreen {
+ background-color: YellowGreen; }
+
+option.Sienna {
+ background-color: Sienna; }
+
+option.Brown {
+ background-color: Brown; }
+
+option.DarkGray {
+ background-color: DarkGray; }
+
+option.DarkGrey {
+ background-color: DarkGrey; }
+
+option.LightBlue {
+ background-color: LightBlue; }
+
+option.GreenYellow {
+ background-color: GreenYellow; }
+
+option.PaleTurquoise {
+ background-color: PaleTurquoise; }
+
+option.LightSteelBlue {
+ background-color: LightSteelBlue; }
+
+option.PowderBlue {
+ background-color: PowderBlue; }
+
+option.FireBrick {
+ background-color: FireBrick; }
+
+option.DarkGoldenRod {
+ background-color: DarkGoldenRod; }
+
+option.MediumOrchid {
+ background-color: MediumOrchid; }
+
+option.RosyBrown {
+ background-color: RosyBrown; }
+
+option.DarkKhaki {
+ background-color: DarkKhaki; }
+
+option.Silver {
+ background-color: Silver; }
+
+option.MediumVioletRed {
+ background-color: MediumVioletRed; }
+
+option.IndianRed {
+ background-color: IndianRed; }
+
+option.Peru {
+ background-color: Peru; }
+
+option.Chocolate {
+ background-color: Chocolate; }
+
+option.Tan {
+ background-color: Tan; }
+
+option.LightGray {
+ background-color: LightGray; }
+
+option.LightGrey {
+ background-color: LightGrey; }
+
+option.PaleVioletRed {
+ background-color: PaleVioletRed; }
+
+option.Thistle {
+ background-color: Thistle; }
+
+option.Orchid {
+ background-color: Orchid; }
+
+option.GoldenRod {
+ background-color: GoldenRod; }
+
+option.Crimson {
+ background-color: Crimson; }
+
+option.Gainsboro {
+ background-color: Gainsboro; }
+
+option.Plum {
+ background-color: Plum; }
+
+option.BurlyWood {
+ background-color: BurlyWood; }
+
+option.LightCyan {
+ background-color: LightCyan; }
+
+option.Lavender {
+ background-color: Lavender; }
+
+option.DarkSalmon {
+ background-color: DarkSalmon; }
+
+option.Violet {
+ background-color: Violet; }
+
+option.PaleGoldenRod {
+ background-color: PaleGoldenRod; }
+
+option.LightCoral {
+ background-color: LightCoral; }
+
+option.Khaki {
+ background-color: Khaki; }
+
+option.AliceBlue {
+ background-color: AliceBlue; }
+
+option.HoneyDew {
+ background-color: HoneyDew; }
+
+option.Azure {
+ background-color: Azure; }
+
+option.SandyBrown {
+ background-color: SandyBrown; }
+
+option.Wheat {
+ background-color: Wheat; }
+
+option.Beige {
+ background-color: Beige; }
+
+option.WhiteSmoke {
+ background-color: WhiteSmoke; }
+
+option.MintCream {
+ background-color: MintCream; }
+
+option.GhostWhite {
+ background-color: GhostWhite; }
+
+option.Salmon {
+ background-color: Salmon; }
+
+option.AntiqueWhite {
+ background-color: AntiqueWhite; }
+
+option.Linen {
+ background-color: Linen; }
+
+option.LightGoldenRodYellow {
+ background-color: LightGoldenRodYellow; }
+
+option.OldLace {
+ background-color: OldLace; }
+
+option.Red {
+ background-color: Red; }
+
+option.Fuchsia {
+ background-color: Fuchsia; }
+
+option.Magenta {
+ background-color: Magenta; }
+
+option.DeepPink {
+ background-color: DeepPink; }
+
+option.OrangeRed {
+ background-color: OrangeRed; }
+
+option.Tomato {
+ background-color: Tomato; }
+
+option.HotPink {
+ background-color: HotPink; }
+
+option.Coral {
+ background-color: Coral; }
+
+option.Darkorange {
+ background-color: Darkorange; }
+
+option.LightSalmon {
+ background-color: LightSalmon; }
+
+option.Orange {
+ background-color: Orange; }
+
+option.LightPink {
+ background-color: LightPink; }
+
+option.Pink {
+ background-color: Pink; }
+
+option.Gold {
+ background-color: Gold; }
+
+option.PeachPuff {
+ background-color: PeachPuff; }
+
+option.NavajoWhite {
+ background-color: NavajoWhite; }
+
+option.Moccasin {
+ background-color: Moccasin; }
+
+option.Bisque {
+ background-color: Bisque; }
+
+option.MistyRose {
+ background-color: MistyRose; }
+
+option.BlanchedAlmond {
+ background-color: BlanchedAlmond; }
+
+option.PapayaWhip {
+ background-color: PapayaWhip; }
+
+option.LavenderBlush {
+ background-color: LavenderBlush; }
+
+option.SeaShell {
+ background-color: SeaShell; }
+
+option.Cornsilk {
+ background-color: Cornsilk; }
+
+option.LemonChiffon {
+ background-color: LemonChiffon; }
+
+option.FloralWhite {
+ background-color: FloralWhite; }
+
+option.Snow {
+ background-color: Snow; }
+
+option.Yellow {
+ background-color: Yellow; }
+
+option.LightYellow {
+ background-color: LightYellow; }
+
+option.Ivory {
+ background-color: Ivory; }
+
+option.White {
+ background-color: White; }
+
+/* FEED general */
+#o_feed .o_box {
+ border: 1px solid #eee;
+ padding: 0.8em;
+ margin-bottom: 2em;
+ 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; }
+#o_feed div.o_feed_edit {
+ float: right;
+ position: relative;
+ top: 0.2em;
+ margin-right: 0; }
+#o_feed #o_link_container {
+ margin-bottom: 0.8em; }
+#o_feed #o_link_container div.o_home {
+ text-align: center; }
+#o_feed #o_link_container div.o_older_items {
+ float: left;
+ display: inline; }
+#o_feed #o_link_container div.o_newer_items {
+ float: right;
+ display: inline; }
+
+div.o_feed_peekview {
+ margin: 1em 0 1em 0; }
+div.o_feed_peekview h5 {
+ font-size: 1em;
+ position: relative;
+ left: -20px; }
+div.o_feed_peekview div.o_feed_peekview_item {
+ padding-left: 20px; }
+
+#o_feed div.b_datecomp {
+ top: 2px;
+ float: left;
+ display: inline; }
+
+/* PODCAST */
+#o_feed p.o_podcast_date {
+ font-size: 80%;
+ color: #aaaaaa; }
+#o_feed div.o_podcast_info img.icon {
+ float: left;
+ margin: 0 1.5em 1.5em 0;
+ max-width: 120px;
+ max-height: 120px; }
+#o_feed div.o_podcast_no_image {
+ float: left;
+ margin: 0 1em 1em 0;
+ width: 100px;
+ height: 100px;
+ color: #dfdfdf;
+ background: white;
+ text-align: center;
+ padding: 20px;
+ border: 2px dashed #dfdfdf;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -o-border-radius: 5px; }
+#o_feed div.o_podcast_no_image span {
+ vertical-align: middle; }
+#o_feed div.o_podcast_subscription {
+ clear: both; }
+#o_feed div.o_podcast_subscription a.o_podcast_rss_link {
+ display: block;
+ float: right;
+ width: 16px;
+ height: 16px;
+ background: url(../openolat/images/feed.png) no-repeat; }
+#o_feed div.o_podcast_episode {
+ padding: 10px;
+ margin-top: 20px;
+ border: 1px solid #dfdfdf;
+ background-color: #fdfdfd;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -o-border-radius: 5px; }
+#o_feed div.o_podcast_episode div.b_ratings_and_comments {
+ margin: 2em 0 0 0;
+ padding-bottom: 0;
+ border-bottom: 0; }
+#o_feed div.o_podcast_episode div.o_podcast_audio {
+ margin-bottom: 3px; }
+#o_feed div.o_podcast_episode div.o_podcast_audio embed {
+ width: 200px;
+ height: 24px; }
+#o_feed div.o_podcast_episode div.o_podcast_video {
+ margin-bottom: 3px; }
+#o_feed div.o_podcast_episode div.o_podcast_video embed {
+ width: 200px;
+ height: 157px; }
+#o_feed .back_link.o_podcast {
+ margin-bottom: 1.5em; }
+
+div.o_podcast_peekview div.o_feed_peekview_item a.o_feed_item_icon {
+ background-image: url(../openolat/images/control/speaker-volume.png); }
+
+/* BLOG */
+#o_feed .o_blog_posts .o_post, #o_feed .o_blog_post .o_post {
+ margin-bottom: 1em;
+ padding: 10px 0; }
+
+#o_feed .o_blog_posts .o_draft {
+ padding: 0.8em;
+ background-color: #fcf7ac;
+ border: 1px solid #fddc55; }
+
+#o_feed .o_blog_posts .o_scheduled {
+ padding: 0.8em;
+ background-color: #d9ffd0;
+ border: 1px solid #beffae; }
+
+#o_feed div.o_blog_info div.o_blog_subscription {
+ min-height: 16px;
+ padding-left: 20px;
+ background: url(../openolat/images/feed.png) no-repeat; }
+
+#o_feed .o_blog_info .o_author, #o_feed .o_blog_posts .o_item_info {
+ color: #7D7D7D;
+ font-size: 90%;
+ margin: 0; }
+
+#o_feed .o_blog_posts p.o_item_info span.o_item_info_mod {
+ color: #98221F; }
+
+#o_feed .o_blog_post .back_link {
+ margin-bottom: 1.5em; }
+
+div.o_blog_peekview div.o_feed_peekview_item a.o_feed_item_icon {
+ background-image: url(../openolat/images/comment.png); }
+
+/* INSTANT MESSAGING */
+#o_instantmessaging_status_changer {
+ padding: 1em 0 0 0;
+ margin: 0; }
+#o_instantmessaging_status_changer a.b_contexthelp {
+ margin-top: 5px;
+ padding-right: 5px; }
+#o_instantmessaging_status_changer ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0; }
+#o_instantmessaging_status_changer li {
+ padding: 0;
+ margin: 0; }
+#o_instantmessaging_status_changer li a {
+ padding: 0.1em 0 0.1em 20px;
+ background-repeat: no-repeat;
+ background-position: 0 50%; }
+
+.o_instantmessaging_chat_history, .o_groupchat_history {
+ border: 1px solid #ACAAAA;
+ overflow: scroll;
+ margin: 0 0 1em 0;
+ overflow-x: auto;
+ height: 170px;
+ 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 ); }
+
+.o_instantmessaging_chat_history div, .o_groupchat_history div {
+ border-top: 1px solid #eee;
+ padding: 0.3em 0; }
+
+.o_instantmessaging_chat_form input, .o_groupchat_chat_form input {
+ width: 99%; }
+
+.o_instantmessaging_chat_form div.b_button_group, .o_groupchat_chat_form div.b_button_group {
+ margin-top: 1em; }
+
+#o_instantmessages_buddieslist {
+ padding: 1em 0 0 0;
+ margin: 0; }
+#o_instantmessages_buddieslist a.b_contexthelp {
+ margin-top: 5px;
+ padding-right: 5px; }
+#o_instantmessages_buddieslist ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0; }
+#o_instantmessages_buddieslist li {
+ margin: 0;
+ padding: 0; }
+#o_instantmessages_buddieslist li.o_instantmessaging_groupname {
+ padding: 0 0 0 20px;
+ background: url(../openolat/images/users.png) no-repeat 0 0; }
+#o_instantmessages_buddieslist li a {
+ padding: 2px 0 2px 20px;
+ background-repeat: no-repeat;
+ background-position: 0 0; }
+#o_instantmessages_buddieslist a.o_instantmessaging_showgroupswitch {
+ padding: 2px 0 2px 20px;
+ background: url(../openolat/images/users_conf.png) no-repeat 0 0; }
+#o_instantmessages_buddieslist a.o_instantmessaging_showofflineswitch {
+ padding: 2px 0 2px 20px;
+ background: url(../openolat/images/im/grstar.png) no-repeat 0 0; }
+
+div.o_groupchat_roster {
+ margin: 0; }
+div.o_groupchat_roster ul {
+ list-style-type: disc;
+ margin: 0;
+ padding: 0; }
+div.o_groupchat_roster li {
+ font-size: 95%; }
+
+/* im icons */
+.o_instantmessaging_available_icon {
+ background-image: url(../openolat/images/im/gstar.png); }
+
+.o_instantmessaging_chat_icon {
+ background-image: url(../openolat/images/im/gstar_chat.png); }
+
+.o_instantmessaging_away_icon {
+ background-image: url(../openolat/images/im/gstar_clock.png); }
+
+.o_instantmessaging_dnd_icon {
+ background-image: url(../openolat/images/im/gstar_cross.png); }
+
+.o_instantmessaging_unavailable_icon {
+ background-image: url(../openolat/images/im/grstar.png); }
+
+.o_instantmessaging_xa_icon {
+ background-image: url(../openolat/images/im/grstar_clock.png); }
+
+.o_instantmessaging_offline_icon {
+ background-image: url(../openolat/images/im/grstar.png); }
+
+.o_instantmessaging_new_msg_icon {
+ background-image: url(../openolat/images/im/new_message.png); }
+
+.o_instantmessaging_error_icon {
+ background-image: url(../openolat/images/cross.png); }
+
+.o_instantmessaging_refresh_icon {
+ background-image: url(../openolat/images/qti/tries.png); }
+
+/*
+* =================================================
+*
+* PORTAL, PORTLETS, TOOLBOXES Rules for the OpenOLAT theme
+*
+* @author strentini, sergio.trentini@frentix.com, www.frentix.com
+* @date Dez. 2011
+*
+* also read themes.README!
+*
+*
+* =================================================
+*/
+/** ----------------- PORTAL ----------------- **/
+div.o_home_portaleditlink {
+ position: absolute;
+ top: 0;
+ right: 0; }
+
+.o_home_main h4 {
+ text-align: center; }
+
+div.o_home_rsslink {
+ clear: both;
+ float: right;
+ 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;
+ font-size: 95%;
+ margin: 10px;
+ min-height: 13em;
+ /* generic table in portlets: override styles from b_table definition */ }
+.b_portlet .b_portlet_showall {
+ font-size: 95%;
+ position: absolute;
+ right: 0;
+ top: 0; }
+.b_portlet .b_portlet_header {
+ border-bottom: 1px solid #ff6666;
+ white-space: nowrap;
+ overflow-y: hidden !important;
+ overflow-x: hidden !important; }
+.b_portlet .b_portlet_content {
+ position: relative;
+ padding: 1em 0 0 0; }
+.b_portlet div.b_portlet_table table {
+ background: none;
+ border: none; }
+.b_portlet div.b_portlet_table table th, .b_portlet div.b_portlet_table table td {
+ padding: 0; }
+.b_portlet div.b_portlet_table table tbody tr {
+ background: transparent; }
+.b_portlet div.b_portlet_table table tbody tr.b_table_odd td {
+ background: transparent; }
+.b_portlet div.b_portlet_table table tbody tr td {
+ border: 0 !important; }
+.b_portlet div.b_portlet_table table tbody tr:hover, .b_portlet div.b_portlet_table table tbody tr:hover td, .b_portlet div.b_portlet_table table tbody tr:focus, .b_portlet div.b_portlet_table table tbody tr:focus td {
+ background: transparent; }
+
+div.o_portlet_repository_student td.b_first_child {
+ width: 24px; }
+
+div.o_portlet_repository_teacher td.b_first_child {
+ width: 24px; }
+
+/* small portlet icons */
+.b_portlet .b_portlet_header {
+ background-repeat: no-repeat;
+ background-position: 0% 50%;
+ padding-left: 18px;
+ padding-top: 5px;
+ padding-bottom: 5px; }
+
+/* calendar */
+div.o_portlet_calendar div.b_portlet_header {
+ background-image: url(../openolat/images/calendar_empty.png);
+ padding-left: 2px;
+ padding-top: 8px; }
+
+div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before {
+ content: "1";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before {
+ content: "2";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before {
+ content: "3";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before {
+ content: "4";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before {
+ content: "5";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before {
+ content: "6";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before {
+ content: "7";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before {
+ content: "8";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before {
+ content: "9";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before {
+ content: "10";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before {
+ content: "11";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before {
+ content: "12";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before {
+ content: "13";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before {
+ content: "14";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before {
+ content: "15";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before {
+ content: "16";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before {
+ content: "17";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before {
+ content: "18";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before {
+ content: "19";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before {
+ content: "20";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before {
+ content: "21";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before {
+ content: "22";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before {
+ content: "23";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before {
+ content: "24";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before {
+ content: "25";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before {
+ content: "26";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before {
+ content: "27";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before {
+ content: "28";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before {
+ content: "29";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before {
+ content: "30";
+ font-size: smaller;
+ padding-right: 6px; }
+
+div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before {
+ content: "31";
+ font-size: smaller;
+ padding-right: 6px; }
+
+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); }
+
+div.o_portlet_bookmark div.b_portlet_header {
+ background-image: url(../openolat/images/book-open-bookmark.png); }
+
+div.o_portlet_groups div.b_portlet_header {
+ background-image: url(../openolat/images/users.png); }
+
+div.o_portlet_notes div.b_portlet_header {
+ background-image: url(../openolat/images/sticky-note--pencil.png); }
+
+div.o_portlet_noti div.b_portlet_header {
+ background-image: url(../openolat/images/mail.png); }
+
+div.o_portlet_eff div.b_portlet_header {
+ background-image: url(../openolat/images/script-stamp.png); }
+
+div.o_portlet_repository_student div.b_portlet_header {
+ background-image: url(../openolat/images/le_resources/book-open-text-image.png); }
+
+div.o_portlet_repository_teacher div.b_portlet_header {
+ background-image: url(../openolat/images/le_resources/book-open-text-image-red.png); }
+
+div.b_portlet_iframe div.b_portlet_header {
+ background-image: url(../openolat/images/layer.png); }
+
+div.b_portlet_sysinfo div.b_portlet_header {
+ background-image: url(../openolat/images/exclamation.png); }
+
+div.b_portlet_dyk div.b_portlet_header {
+ background-image: url(../openolat/images/light-bulb.png); }
+
+div.o_portlet_infomessages div.b_portlet_header {
+ background-image: url(../openolat/images/information-button.png); }
+
+div.b_portlet.o_pt_w_if div.b_portlet_header {
+ background-image: url(../openolat/images/globe.png); }
+
+/* portlets / portal in edit mode */
+div.b_portlet.b_portlet_edit {
+ background: #FFE793;
+ border: 1px solid #FF9E3E;
+ padding: 2px; }
+div.b_portlet.b_portlet_edit .b_portlet_header {
+ height: 23px; }
+
+/* portlet toolbox (portal edit mode) */
+div.b_portlet_toolbox {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 2px;
+ height: 20px;
+ overflow-y: hidden !important;
+ overflow-x: hidden !important;
+ /* fix problem with brasato component wrapper */
+ /* the toolbox buttons */ }
+div.b_portlet_toolbox a, div.b_portlet_toolbox span.b_disabled {
+ background-repeat: no-repeat;
+ background-position: 1px 1px;
+ float: right;
+ width: 18px;
+ height: 18px;
+ overflow: hidden; }
+div.b_portlet_toolbox div {
+ display: inline; }
+div.b_portlet_toolbox > a, div.b_portlet_toolbox > span {
+ border: 1px solid #888;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ background: #eee;
+ background-repeat: no-repeat;
+ background-position: center; }
+div.b_portlet_toolbox a.b_portlet_edit_left {
+ background-image: url(../openolat/images/arrow_left_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_right {
+ background-image: url(../openolat/images/arrow_right_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_down {
+ background-image: url(../openolat/images/arrow_down_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_up {
+ background-image: url(../openolat/images/arrow_up_big.png); }
+div.b_portlet_toolbox a.b_portlet_edit_delete {
+ background-image: url(../openolat/images/bin-metal-full.png); }
+div.b_portlet_toolbox a.b_portlet_edit_sort_auto {
+ background-image: url(../openolat/images/table_sort.png); }
+div.b_portlet_toolbox a.b_portlet_edit_sort_manual {
+ background-image: url(../openolat/images/table_gear.png); }
+div.b_portlet_toolbox span.b_portlet_edit_left_disabled {
+ background-image: url(../openolat/images/arrow_left_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_right_disabled {
+ background-image: url(../openolat/images/arrow_right_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_down_disabled {
+ background-image: url(../openolat/images/arrow_down_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_up_disabled {
+ background-image: url(../openolat/images/arrow_up_big.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled {
+ background-image: url(../openolat/images/table_sort.png);
+ opacity: 0.2; }
+div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled {
+ background-image: url(../openolat/images/table_gear.png);
+ opacity: 0.2; }
+
+.b_toolboxes {
+ font-size: 95%;
+ padding: 6px; }
+.b_toolboxes .b_toolbox {
+ margin-bottom: 20px;
+ /* the toolbox head */
+ /* toolbox content */ }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper {
+ border-bottom: 1px solid #ff6666;
+ background: inherit; }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head {
+ vertical-align: top; }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head strong {
+ font-weight: bold; }
+.b_toolboxes .b_toolbox .b_toolbox_head_wrapper .b_toolbox_head_icon {
+ background: transparent no-repeat 3px 50%;
+ padding-left: 19px;
+ line-height: 1.2em;
+ color: black; }
+.b_toolboxes .b_toolbox .b_toolbox_content ul {
+ padding: 0 0 0 6px;
+ margin: 0;
+ list-style: none; }
+.b_toolboxes .b_toolbox .b_toolbox_content li {
+ padding: 0;
+ margin: 0;
+ line-height: 1.5em;
+ white-space: nowrap;
+ /* special */
+ /* disabled toolbox items */ }
+.b_toolboxes .b_toolbox .b_toolbox_content li a {
+ color: #667;
+ background-repeat: no-repeat;
+ background-position: 0 50%;
+ padding-left: 20px;
+ display: block; }
+.b_toolboxes .b_toolbox .b_toolbox_content li a:focus, .b_toolboxes .b_toolbox .b_toolbox_content li a:hover, .b_toolboxes .b_toolbox .b_toolbox_content li a:active {
+ color: #504D4E;
+ text-decoration: underline; }
+.b_toolboxes .b_toolbox .b_toolbox_content li div.b_note, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_important, .b_toolboxes .b_toolbox .b_toolbox_content li div.b_warning {
+ padding: 0 0 0 20px;
+ margin: 0;
+ border-bottom: 0; }
+.b_toolboxes .b_toolbox .b_toolbox_content li a.b_toolbox_toggle {
+ padding-left: 0;
+ display: inline; }
+.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_toggle_wrapper {
+ float: right;
+ font-size: 90%; }
+.b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_link.b_disabled, .b_toolboxes .b_toolbox .b_toolbox_content li span.b_toolbox_disabled {
+ color: #999;
+ background: no-repeat 0 50% url(../openolat/images/bullet_white.png);
+ padding-left: 18px;
+ display: block; }
diff --git a/src/main/webapp/static/themes/openolatexample/layout.scss b/src/main/webapp/static/themes/openolatexample/layout.scss
index 35a706a5ce5..722be7c9965 100644
--- a/src/main/webapp/static/themes/openolatexample/layout.scss
+++ b/src/main/webapp/static/themes/openolatexample/layout.scss
@@ -13,19 +13,18 @@
@import "icons";
@import "content";
-
-// * ------- print -------- */
+/* ------- print -------- */
@import "p_basemod";
@import "p_content";
-// * ------- mobile -------- */
+/* ------- mobile -------- */
@import "m_basemod";
-// * -------- modules -------- */
+
+/* -------- modules -------- */
@import "dd";
@import "accesscontrol";
@import "dialogs";
-@import "portlets_boxes";
@import "tabpane";
@import "formsandbuttons";
@import "tables";
@@ -40,5 +39,7 @@
@import "course";
@import "misc";
@import "feedandblog";
+@import "im";
+@import "portlets_boxes";
--
GitLab