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 c38e01a3608422dfe99ec38d1ad8fa2fcfb1c8c8..91cdb9c0c57fbebb31fccb566b54967a6b2348b9 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 c82372127bf80b6214910bcd63d971b8bfea775a..9399b01e638add5875d99fdc5d6069c2ad465dd8 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 70acbbdeb8e5eec5f882c0788ae39580a883cb53..7e36bb6fb7df215f819971252a76e895c589109f 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 cd39257f4c99fc6c5a47efee8dc23987d4f47b17..17735da5009408c133611dd3cc2543b68b4c61b9 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 4f240a5422d1cbee0f5275cd99e4eb3287920b61..b40ec83a9c59e68fa7d8a8756c3ec672da1a3b2e 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 2ed3cb4eaf1160d8376845f6ac2b3a8c0b61b454..7c6f041a988797c147a1fbaa7220950f78c9a322 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 d159379656e49b132b2d0c7cca3576ae29feca78..09afe5b1a5d4abded522254f4fac92482aff64b2 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 847c46d02bce7a9a4f725b2a9b4b9c954d834515..9b81b5a886ec4f5ac98afda6ef788f9279ad3f49 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 1dfb142e486397e2b0839d62161ca6a38ddc3b66..9b3aebdb1622dfe73871e760e5390f52e5fc9655 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 b7072a4461f15ffa99deb894c54b1baab9d0c8ea..c76932c43b58a180f1b3e3851a1cbc7d17747102 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 0000000000000000000000000000000000000000..de6eecd958612849bff8c91bfc12bbd280e26000
--- /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 803b7883a4be733a9481b18d859f4c41ab73e6fb..3c7365f01e3c324ca76ffd47abd136656112fbc4 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 a1b0d4f4c31bf89c7a3746a86648c9881836966c..dfb61f106aca13744f30aa32d468dc4af5b6b199 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 3a26e74a50c9d3e1cc16e0f05a3e3f66e4e656c1..e57dd75c8ddd3e63941eaa920e0dad6bdea9733b 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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/balloons-box.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/book-open-bookmark.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/calendar_empty.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/control/speaker-volume.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/globe.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/group_100x100.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/grstar.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/grstar_clock.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/gstar.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/gstar_chat.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/gstar_clock.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/gstar_cross.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/im/new_message.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/layer.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/macartney.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/mouse.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/script-stamp.png differ
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
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/sticky-note--pencil.png differ
diff --git a/src/main/webapp/static/themes/openolat/layout.css b/src/main/webapp/static/themes/openolat/layout.css
index 5d8268937edcbfc47bd8dccd72137c2e83d33ab9..dec59eb53cc2d60f502ee1bc96576f9f945e6883 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 65b5ff0437fd7b9513314898c7d7544c28fa4711..2e1dfca381b355873dd195f9e667784a1c107fae 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 6fa0ebf111e965708adf3713188e0644a5f96096..731f8b6677e15a755e45d751c57daa4e8137bcd2 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 0000000000000000000000000000000000000000..49d4932ff35b4abb42bdf76feba1585334563356
--- /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 35a706a5ce568607419de091d1bead1447965ef8..722be7c9965cef2947d3ca8c2fbc98c372c8b7d6 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";