diff --git a/src/main/java/org/olat/course/nodes/members/MembersCourseNodeRunController.java b/src/main/java/org/olat/course/nodes/members/MembersCourseNodeRunController.java
index 3e0e58dc4ce115ae1e179cb1e7ddd37821e75d65..df6f37bfb2cb1a9b4fc7f9e9afe6d092b4d1bb81 100644
--- a/src/main/java/org/olat/course/nodes/members/MembersCourseNodeRunController.java
+++ b/src/main/java/org/olat/course/nodes/members/MembersCourseNodeRunController.java
@@ -127,11 +127,11 @@ public class MembersCourseNodeRunController extends FormBasicController {
boolean canEmail = canEmail(owners, coaches);
if(canEmail) {
- ownersEmailLink = uifactory.addFormLink("owners-email", "members.email", null, formLayout, Link.LINK);
+ ownersEmailLink = uifactory.addFormLink("owners-email", "", null, formLayout, Link.NONTRANSLATED);
ownersEmailLink.setCustomEnabledLinkCSS("b_small_icon o_cmembers_mail");
- coachesEmailLink = uifactory.addFormLink("coaches-email", "members.email", null, formLayout, Link.LINK);
+ coachesEmailLink = uifactory.addFormLink("coaches-email", "", null, formLayout, Link.NONTRANSLATED);
coachesEmailLink.setCustomEnabledLinkCSS("b_small_icon o_cmembers_mail");
- participantsEmailLink = uifactory.addFormLink("participants-email", "members.email", null, formLayout, Link.LINK);
+ participantsEmailLink = uifactory.addFormLink("participants-email", "", null, formLayout, Link.NONTRANSLATED);
participantsEmailLink.setCustomEnabledLinkCSS("b_small_icon o_cmembers_mail");
formLayout.add("owners-email", ownersEmailLink);
diff --git a/src/main/java/org/olat/course/nodes/members/_content/memberList.html b/src/main/java/org/olat/course/nodes/members/_content/memberList.html
index dcccc800190384415c9da89b422b557766281688..6a5d50904c39400c912be7218e59f742c96773eb 100644
--- a/src/main/java/org/olat/course/nodes/members/_content/memberList.html
+++ b/src/main/java/org/olat/course/nodes/members/_content/memberList.html
@@ -1,9 +1,13 @@
#foreach($memberLink in $memberLinks)
<div class="o_cmember">
#if($memberLink.getUserObject().isPortraitAvailable())
- <img class="o_cmember_portrait" src="$avatarBaseURL/$memberLink.getUserObject().getKey()/portrait_small.jpg" width="50"/>
+ <div class="o_cmember_portrait_wrapper">
+ <img class="o_cmember_portrait" src="$avatarBaseURL/$memberLink.getUserObject().getKey()/portrait_small.jpg" />
+ </div>
#else
- <img class="o_cmember_portrait $memberLink.getUserObject().getPortraitCssClass()" src="$r.staticLink("images/transparent.gif")" alt="user portrait" width="50" height="50" />
+ <div class="o_cmember_portrait_wrapper">
+ <img class="o_cmember_portrait $memberLink.getUserObject().getPortraitCssClass()" src="$r.staticLink("images/transparent.gif")" alt="user portrait" />
+ </div>
#end
$r.render($memberLink.getComponent().getComponentName())
#if($r.available($memberLink.getUserObject().getEmailLink().getComponent().getComponentName()))
diff --git a/src/main/java/org/olat/ims/resources/xsl/results2html_generic.xsl b/src/main/java/org/olat/ims/resources/xsl/results2html_generic.xsl
index dfe400d64e9dd25795660d298b0230e5e3f076a9..73edd740bbf49cd1ff530e0eb2b857be22de109e 100644
--- a/src/main/java/org/olat/ims/resources/xsl/results2html_generic.xsl
+++ b/src/main/java/org/olat/ims/resources/xsl/results2html_generic.xsl
@@ -194,10 +194,10 @@ border-collapse: collapse;
<h4>
<img align="middle" border="0">
<xsl:if test="$score > 0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/correct.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/correct.png</xsl:attribute>
</xsl:if>
<xsl:if test="$score <= 0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/wrong.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/wrong.png</xsl:attribute>
</xsl:if>
</img>
<xsl:value-of select="@title"/>
@@ -266,27 +266,27 @@ border-collapse: collapse;
<xsl:choose>
<xsl:when test="$response/response_value = concat(@ident, ':correct')">
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_on.png</xsl:attribute>
</img>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
</xsl:when>
<xsl:when test="$response/response_value = concat(@ident, ':wrong')">
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_on.png</xsl:attribute>
</img>
</xsl:when>
<!-- no answer -->
<xsl:otherwise>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
@@ -298,12 +298,12 @@ border-collapse: collapse;
<xsl:choose>
<xsl:when test="$response/response_value = @ident">
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/check_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/check_on.png</xsl:attribute>
</img>
</xsl:when>
<xsl:otherwise>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/check_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/check_off.png</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
@@ -313,12 +313,12 @@ border-collapse: collapse;
<xsl:choose>
<xsl:when test="$response/response_value = @ident">
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_on.png</xsl:attribute>
</img>
</xsl:when>
<xsl:otherwise>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
@@ -348,18 +348,18 @@ border-collapse: collapse;
<xsl:choose>
<xsl:when test="$response/response_form/correct_response = concat(@ident, ':correct')">
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_on.png</xsl:attribute>
</img>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
</xsl:when>
<xsl:otherwise>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_on.png</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
@@ -372,13 +372,13 @@ border-collapse: collapse;
<xsl:when test="$response/response_form/correct_response = @ident">
<!-- case correct MC answer -->
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/check_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/check_on.png</xsl:attribute>
</img>
</xsl:when>
<xsl:otherwise>
<!-- case incorrect MC answer -->
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/check_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/check_off.png</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
@@ -389,13 +389,13 @@ border-collapse: collapse;
<xsl:when test="$response/response_form/correct_response = @ident">
<!-- case correct SC answer -->
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_on.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_on.png</xsl:attribute>
</img>
</xsl:when>
<xsl:otherwise>
<!-- case incorrect SC answer -->
<img align="middle" border="0">
- <xsl:attribute name="src">${staticPath}themes/default/images/olat/qti/radio_off.png</xsl:attribute>
+ <xsl:attribute name="src">${staticPath}themes/openolat/images/qti/radio_off.png</xsl:attribute>
</img>
</xsl:otherwise>
</xsl:choose>
diff --git a/src/main/java/org/olat/modules/webFeed/ui/podcast/_content/episodes.html b/src/main/java/org/olat/modules/webFeed/ui/podcast/_content/episodes.html
index 63b4d956ecb37dc1d5c1db3d89d876ca81450d46..5404245e879575fa008eed678e3c6e210f2afb08 100644
--- a/src/main/java/org/olat/modules/webFeed/ui/podcast/_content/episodes.html
+++ b/src/main/java/org/olat/modules/webFeed/ui/podcast/_content/episodes.html
@@ -43,16 +43,16 @@
<p>$!helper.getItemDescriptionForBrowser($episode)</p>
#if ($!episode.getEnclosure())
- <div id="o_podcast_episode_$velocityCount" name="o_podcast_episode_$velocityCount" class="o_podcast_$!helper.getMediaType($episode.getEnclosure())"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this media file.</div>
- <p>
- <a href="$!helper.getMediaUrl($episode)" target="_blank" class="b_with_small_icon_left b_filetype_mov">$r.translate("podcast.episode.download")</a>
+ <div id="o_podcast_episode_$velocityCount" name="o_podcast_episode_$velocityCount" class="o_podcast_$!helper.getMediaType($episode.getEnclosure())" ><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this media file.</div>
+ <p style="margin-top:6px;">
+ <a href="$!helper.getMediaUrl($episode)" target="_blank" class="b_with_small_icon_left b_filetype_$!helper.getMediaType($episode.getEnclosure())">$r.translate("podcast.episode.download")</a>
</p>
<script type="text/javascript">
/* <![CDATA[ */
#if ($!helper.getMediaType($episode.getEnclosure()) == "video")
BPlayer.insertPlayer("$!helper.getMediaUrl($episode)","o_podcast_episode_$velocityCount",$!helper.getWidth($episode),$!helper.getHeight($episode),"video");
#else
- BPlayer.insertPlayer("$!helper.getMediaUrl($episode)","o_podcast_episode_$velocityCount",400,24,"sound");
+ BPlayer.insertPlayer("$!helper.getMediaUrl($episode)","o_podcast_episode_$velocityCount",400,61,"sound");
#end
/* ]]> */
</script>
diff --git a/src/main/webapp/static/themes/check_css_icons.sh b/src/main/webapp/static/themes/check_css_icons.sh
index 6b2afdec553ed762da7f1876f9c2bb8d0662f487..d2935b1cbd46202c977bbbf8d3c4a10411bc97a4 100755
--- a/src/main/webapp/static/themes/check_css_icons.sh
+++ b/src/main/webapp/static/themes/check_css_icons.sh
@@ -69,6 +69,8 @@ for THEMERAW in $(find . -type d -maxdepth 1 -mindepth 1 \! -name "CVS"); do
done
echo ""
+ exit
+
# now check for existing images, which are never referenced in layout.css
echo "----------------------------------------------------------------"
@@ -80,10 +82,10 @@ for THEMERAW in $(find . -type d -maxdepth 1 -mindepth 1 \! -name "CVS"); do
IMGPATH=${IMGPATHRAW:2}
# check if a css file exist that contains the image path
RESULT=`find . -name "*.css" | xargs grep -n $IMGPATH`
- # if [ -z "$RESULT" ]; then
- # # test was empty -> image not referenced
- # echo $THEME/$IMGPATH
- # fi
+ if [ -z "$RESULT" ]; then
+ # test was empty -> image not referenced
+ echo $THEME/$IMGPATH
+ fi
done
echo ""
diff --git a/src/main/webapp/static/themes/compiletheme.sh b/src/main/webapp/static/themes/compiletheme.sh
index 78b244cc44bdbb639fb0ed9afdd49a6a4a49d7a0..2d993c02fde179b7566e22001b492f04313bf9a0 100755
--- a/src/main/webapp/static/themes/compiletheme.sh
+++ b/src/main/webapp/static/themes/compiletheme.sh
@@ -4,4 +4,5 @@
# can be included into eclipse-project-build (project-properties --> "Builders")
#
-sass --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile .
\ No newline at end of file
+sass --version
+sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile .
diff --git a/src/main/webapp/static/themes/openolat/all/_basemod.scss b/src/main/webapp/static/themes/openolat/all/_basemod.scss
index adf4b4357f70ae993c49f7e9dd286b5b3dba73bf..cd39257f4c99fc6c5a47efee8dc23987d4f47b17 100644
--- a/src/main/webapp/static/themes/openolat/all/_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/all/_basemod.scss
@@ -99,6 +99,12 @@ body {
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%}
@@ -328,20 +334,21 @@ div.b_tree {
} // end li
-
/* link to select the item with icon */
- &.b_tree_l0 a.b_tree_icon { padding-left:20px; background-position:2px 50%; }
- &.b_tree_l1 a.b_tree_icon { padding-left:30px; background-position:12px 50%; }
- &.b_tree_l2 a.b_tree_icon { padding-left:40px; background-position:22px 50%; }
- &.b_tree_l3 a.b_tree_icon { padding-left:50px; background-position:32px 50%; }
- &.b_tree_l4 a.b_tree_icon { padding-left:60px; background-position:42px 50%; }
- &.b_tree_l5 a.b_tree_icon { padding-left:70px; background-position:52px 50%; }
- &.b_tree_l6 a.b_tree_icon { padding-left:80px; background-position:62px 50%; }
- &.b_tree_l7 a.b_tree_icon { padding-left:90px; background-position:72px 50%; }
- &.b_tree_l8 a.b_tree_icon { padding-left:100px; background-position:82px 50%; }
- &.b_tree_l9 a.b_tree_icon { padding-left:110px; background-position:92px 50%; }
- &.b_tree_l10 a.b_tree_icon { padding-left:120px; background-position:102px 50%; }
- &.b_tree_l11 a.b_tree_icon { padding-left:130px; background-position:112px 50%; }
+ $treeicon_spread_px: 6px;
+
+ &.b_tree_l0 a.b_tree_icon { padding-left:$treeicon_spread_px+20px; background-position:$treeicon-spread_px+2px 50%; }
+ &.b_tree_l1 a.b_tree_icon { padding-left:$treeicon_spread_px+30px; background-position:$treeicon-spread_px+12px 50%; }
+ &.b_tree_l2 a.b_tree_icon { padding-left:$treeicon_spread_px+40px; background-position:$treeicon-spread_px+22px 50%; }
+ &.b_tree_l3 a.b_tree_icon { padding-left:$treeicon_spread_px+50px; background-position:$treeicon-spread_px+32px 50%; }
+ &.b_tree_l4 a.b_tree_icon { padding-left:$treeicon_spread_px+60px; background-position:$treeicon-spread_px+42px 50%; }
+ &.b_tree_l5 a.b_tree_icon { padding-left:$treeicon_spread_px+70px; background-position:$treeicon-spread_px+52px 50%; }
+ &.b_tree_l6 a.b_tree_icon { padding-left:$treeicon_spread_px+80px; background-position:$treeicon-spread_px+62px 50%; }
+ &.b_tree_l7 a.b_tree_icon { padding-left:$treeicon_spread_px+90px; background-position:$treeicon-spread_px+72px 50%; }
+ &.b_tree_l8 a.b_tree_icon { padding-left:$treeicon_spread_px+100px; background-position:$treeicon-spread_px+82px 50%; }
+ &.b_tree_l9 a.b_tree_icon { padding-left:$treeicon_spread_px+110px; background-position:$treeicon-spread_px+92px 50%; }
+ &.b_tree_l10 a.b_tree_icon { padding-left:$treeicon_spread_px+120px; background-position:$treeicon-spread_px+102px 50%; }
+ &.b_tree_l11 a.b_tree_icon { padding-left:$treeicon_spread_px+130px; background-position:$treeicon-spread_px+112px 50%; }
}// end ul
@@ -375,20 +382,6 @@ div.b_tree {
-/** ------------------ 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;
- strong { font-weight: bold; }
- div { top: 0; left: 0; padding-left: 12px; background-repeat: no-repeat; background-position: 0 50%; }
-}
-
-
-
/* --------------- MENU TOOLBAR & BREADCRUMBS ------------ **/
@@ -422,32 +415,31 @@ div.b_noti {
a.b_noti_subscribe_link { background: url(../openolat/images/mail--plus.png) no-repeat left 50%; padding: 1px 0 1px 20px; }
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_desc a.b_togglebox_opened { z-index:10; display:block; width:16px; height:16px; position:absolute; top:5px; left:5px; background: url(../images/brasato/information.png) no-repeat 0 50%; padding:0; }
-div.b_titled_wrapper_desc a.b_togglebox_opened:hover { background: url(../images/brasato/information_over.png) no-repeat 0 50%; padding:0; }
-div.b_titled_wrapper_desc a.b_togglebox_closed {display:block; width:20px; height:20px; background: url(../images/brasato/information_discreet.png) no-repeat top left; padding:0; }
-div.b_titled_wrapper_desc a.b_togglebox_closed:hover { background: url(../images/brasato/information.png) no-repeat top left; }
-div.b_titled_wrapper_desc div.b_togglebox div.b_togglebox_content { position:relative; margin-bottom:1em; }
-div.b_titled_wrapper_desc a.b_togglebox_hide span { position:absolute; bottom:0; right:0; padding:0 6px 3px 0; }
-div.b_titled_wrapper_desc a.b_togglebox_hide:hover { text-decoration:underline; }
+
+div.b_titled_wrapper {
+ div.b_togglebox div.b_togglebox_content { background:#fff; border:0px; padding:0px; }
+ a.b_togglebox_opened { z-index:10; display:block; width:16px; height:16px; position:absolute; top:5px; left:5px; background: url(../openolat/images/information-white.png) no-repeat 0 50%; padding:0; }
+ a.b_togglebox_closed {display:block; width:20px; height:20px; background: url(../openolat/images/information-white.png) no-repeat top left; padding:0; opacity:0.6; }
+ div.b_togglebox div.b_togglebox_content { position:relative; margin-bottom:1em; }
+ a.b_togglebox_hide span { position:absolute; bottom:0; right:0; padding:0 6px 3px 0; }
+ a.b_togglebox_hide:hover { text-decoration:underline; }
+}
/* Needed for IE6 */
div.b_titled_wrapper div.b_togglebox div.b_togglebox_content div.o_course_run_objectives { position:relative; }
-div.b_titled_wrapper div.b_noti { position:absolute; top:0; right:25px; }
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; //hide title
@@ -556,7 +548,10 @@ div.b_ext_elem .x-tree-node-leaf .x-tree-node-icon { background-image: url(../op
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,dd {margin:0;}
+}
}
diff --git a/src/main/webapp/static/themes/openolat/all/_definitions.scss b/src/main/webapp/static/themes/openolat/all/_definitions.scss
index 8e86156753dd1143f6a8d0e452dc404710567b63..87d0cd90d5d58058829cfbf733bd55b472126798 100644
--- a/src/main/webapp/static/themes/openolat/all/_definitions.scss
+++ b/src/main/webapp/static/themes/openolat/all/_definitions.scss
@@ -15,21 +15,26 @@
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
-$basecolor: #025D8C;
-$basecolor_light : #94bed3;
-$basecolor_ultra_light : #f3feff;
+$basecolor: #025D8C !default;
+$basecolor_light : #94bed3 !default;
+$basecolor_ultra_light : #f3feff !default;
/* then we need a base-gray and some variations */
-$basegray: #555;
-$basegray_light: #777;
-$basegray_ultra_light: #eee;
+$basegray: #555 !default;
+$basegray_light: #777 !default;
+$basegray_ultra_light: #eee !default;
-$ico_plus : '../openolat/images/toggle-small-expand.png' ;
-$ico_minus : '../openolat/images/toggle-small.png' ;
+/* here you can define the two small icons used in trees: + and - */
+$ico_plus : '../openolat/images/toggle-small-expand.png' !default;
+$ico_minus : '../openolat/images/toggle-small.png' !default;
+$defaultfont : Century Gothic, Apple Gothic, sans-serif !default;
+$defaultfontsize : 75% !default;
+/* defines the body-background */
@mixin bodybg(){
background: #ECECEC url('../openolat/images/sky.png') repeat-x left 88px;
}
+
diff --git a/src/main/webapp/static/themes/openolat/all/_icons.scss b/src/main/webapp/static/themes/openolat/all/_icons.scss
index dd3c298d134a05e08f53c068a11614e38e65bce7..4f240a5422d1cbee0f5275cd99e4eb3287920b61 100644
--- a/src/main/webapp/static/themes/openolat/all/_icons.scss
+++ b/src/main/webapp/static/themes/openolat/all/_icons.scss
@@ -13,12 +13,13 @@
*/
.b_with_small_icon_left {
- padding: 1px 0 1px 20px;
+ 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;
@@ -44,6 +45,11 @@ option.b_with_small_icon_left {
background-repeat: no-repeat;
}
+a.b_small_icon:hover {
+ // a link containing no text (just a small icon as background) should not display underline while hovering
+ 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')}
@@ -56,7 +62,7 @@ option.b_with_small_icon_left {
.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/cross-script.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') }
@@ -71,7 +77,7 @@ option.b_with_small_icon_left {
.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('../images/olat/information.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_admin_icon { background-image: url('../openolat/images/wrench-screwdriver.png'); }
@@ -142,8 +148,8 @@ div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_fil
.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_mov { background-image: url('../openolat/images/docs/document-film.png') ! important; }
-.b_filetype_mp3,.b_filetype_m3u { 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; }
@@ -167,7 +173,6 @@ div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_fil
.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*/
@@ -177,7 +182,7 @@ li.b_nav_site div, li.b_nav_tab div { background: url('../openolat/images/applic
// the others
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('../images/olat/vcard.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') }
@@ -220,7 +225,7 @@ li a.b_toolbox_preview { background-image: url('../openolat/images/docs/document
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/cross-script.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'); }
diff --git a/src/main/webapp/static/themes/openolat/all/_mixins.scss b/src/main/webapp/static/themes/openolat/all/_mixins.scss
index 5b144183ec253095c0737cdab3d2988af0fec433..2ed3cb4eaf1160d8376845f6ac2b3a8c0b61b454 100644
--- a/src/main/webapp/static/themes/openolat/all/_mixins.scss
+++ b/src/main/webapp/static/themes/openolat/all/_mixins.scss
@@ -15,7 +15,6 @@
*/
-
// will produce a shiny-glassy gradient (ie9 will produce linear gradient with only 2 colors) */
@mixin o-gradient-glassy($col1,$col2,$col3,$col4){
background: $col1;
@@ -103,6 +102,11 @@
box-shadow: inset $a $b $c $color;
}
+@mixin o-text-shadow($a,$b,$c,$color){
+ text-shadow: $a $b $c $color;
+ -moz-text-shadow: $a $b $c $color;
+}
+
@mixin o-transition($what, $dur,$eff){
-moz-transition: $what $dur $eff;
-webkit-transition: $what $dur $eff;
diff --git a/src/main/webapp/static/themes/openolat/all/content.css b/src/main/webapp/static/themes/openolat/all/content.css
new file mode 100644
index 0000000000000000000000000000000000000000..d159379656e49b132b2d0c7cca3576ae29feca78
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/content.css
@@ -0,0 +1,518 @@
+/*
+* =================================================
+*
+* 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: Century Gothic, Apple Gothic, sans-serif; }
+
+textarea, pre, tt, code {
+ font-size: 90%;
+ color: inherit;
+ line-height: inherit;
+ margin: inherit; }
+
+body {
+ font-size: 75%;
+ 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: #025d8c; }
+
+a:hover {
+ text-decoration: underline;
+ color: #025d8c; }
+
+a.b_link_extern {
+ background: transparent url("../openolat/images/external_link_trimmed.png") no-repeat right top;
+ padding-right: 13px; }
+
+.b_link_mailto {
+ background: transparent url("../openolat/images/mail_small.png") no-repeat left center;
+ padding-left: 18px; }
+
+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: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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; }
diff --git a/src/main/webapp/static/themes/openolat/all/_content.scss b/src/main/webapp/static/themes/openolat/all/content.scss
similarity index 94%
rename from src/main/webapp/static/themes/openolat/all/_content.scss
rename to src/main/webapp/static/themes/openolat/all/content.scss
index f7d57a64f10f122a2e2d00e23b7db47ca347ab51..847c46d02bce7a9a4f725b2a9b4b9c954d834515 100644
--- a/src/main/webapp/static/themes/openolat/all/_content.scss
+++ b/src/main/webapp/static/themes/openolat/all/content.scss
@@ -11,23 +11,27 @@
* (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...
+* 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.)
*
* =================================================
*/
+// we need those 'cause we compile this file to content.css
+@import "definitions";
+@import "mixins";
+
* {
- font-family: Century Gothic, Apple Gothic, sans-serif;
- //font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
+ font-family: $defaultfont;
}
textarea, pre, tt, code { font-size: 90%; color:inherit; line-height:inherit;margin:inherit;}
body {
- font-size:75%;
+ font-size: $defaultfontsize;
color:#444;
}
@@ -91,7 +95,7 @@ div.b_note, div.b_important, div.b_warning, div.b_info { margin: 1em 0;}
.b_align_center { text-align: center; }
.b_align_inverse { text-align: right; }
.b_quote_wrapper { position: relative; margin: 20px; }
-.b_quote_author { background: url(../images/olat/forum/quote.gif) no-repeat left bottom; padding: 10px 5px 15px 11px;position: relative;top: 1px;font-style: italic;color: #A2A2A2;}
+.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 rgb(229, 229, 229);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; @include o-border-radius(4px); @include o-gradient2(#ffe49c,#fff4da); }
@@ -174,7 +178,6 @@ blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: blac
}
-
/* RATING */
div.b_rating {
margin: 10px; padding: 5px; font-size: 80%; white-space: nowrap; text-align: left; background: #EEE; border: 1px solid #ACAAAA;
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_accesscontrol.scss b/src/main/webapp/static/themes/openolat/all/modules/_accesscontrol.scss
new file mode 100644
index 0000000000000000000000000000000000000000..546d2c3d486743afbc632f3daed8171882db869c
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_accesscontrol.scss
@@ -0,0 +1,32 @@
+
+
+
+/* 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;}
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_briefcase.scss b/src/main/webapp/static/themes/openolat/all/modules/_briefcase.scss
index bc3c0ade318b0ce0e69ad57b68a18133e2dfff92..2702e031964705f3bcae77777bbdc5480ba00c87 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_briefcase.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_briefcase.scss
@@ -30,9 +30,9 @@
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(../images/brasato/versions.png); }
- div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon {background-image: url(../images/brasato/versions_dis.png); opacity:0.2; }
- div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon {background-image: url(../images/brasato/locked.png); }
+ 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_foldercomp table.b_briefcase_filetable span.b_briefcase_noicon { }
div.b_briefcase_preview { background-color:white; width:200px; height:200px; border:1px solid #8EAACE; margin-top: 2px; }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_course.scss b/src/main/webapp/static/themes/openolat/all/modules/_course.scss
index 0958e6301db009bb04418b7379cdf30c1eb57fd0..ff2f25ab8091de28a6afc10d1945aeac242994aa 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_course.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_course.scss
@@ -17,3 +17,67 @@ div.b_selectiontree {
.b_selectiontree_junction {background-image: url(../openolat/images/tree/dots_nt.gif); }
.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;
+ strong { font-weight: bold; }
+ div { top: 0; left: 0; padding-left: 12px; background-repeat: no-repeat; background-position: 0 50%; }
+}
+
+/* COURSE */
+div.o_course_run {
+ h3 {}
+
+ div.o_course_run_displaytitle { font-style: italic;}
+ div.o_course_run_objectives { background-color: #E9EAEF; padding: 5px 5px 5px 25px; margin:0; border:1px solid #C5C4C4; @include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ 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;@include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ 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; @include o-border-radius(4px);}
+ div.o_course_run_disclaimer h4,
+ div.o_course_run_objectives h4,
+ div.o_course_run_scoreinfo h4,
+ div.o_course_run_returnbox h4,
+ div.o_course_run_dropbox h4,
+ div.o_course_run_solutionbox h4,
+ div.o_course_run_task h4,
+ div.o_course_run_log h4 { font-size: 100%; margin: 0 0 1em 0;}
+ div.o_course_run_scoreinfo_noinfo { font-style: italic; font-weight: bold}
+ div.o_course_run_toc {
+ margin: 1em 0 0 0;
+ div.o_course_run_toc_entry { margin: 0 0 1em 0; padding: 1em 20px 0 0; }
+ div.o_course_run_shorttitle { border-bottom: 1px solid #ACAAAA; }
+ div.o_course_run_displaytitle { margin-top: 0.5em; color: #aaaaaa }
+ div.o_course_run_objectives { margin: 1em 0 1em 0; border: 0; background: none;}
+ div.o_course_run_toc_entry { background: #FBFBFB; padding: 5px; border:1px solid #eee; @include o-border-radius(4px); }
+ }
+
+ #b_content_popup { position:absolute; top:0; right:0; }
+}
+
+div.o_course_run_toc_one_columns { }
+div.o_course_run_toc_two_columns { }
+
+div.o_sp_peekview {
+ margin: 1em 0 1em 0;
+ ul { list-style: none; }
+ li { margin-top: 0.5em;}
+ a { position: relative; left: -20px; }
+}
+
+div.o_peekview_author { padding: 3px 0 5px 0; font-style: italic; color: #aaaaaa; font-size: 90%;}
+
+
+
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/_dd.scss b/src/main/webapp/static/themes/openolat/all/modules/_dd.scss
similarity index 100%
rename from src/main/webapp/static/themes/openolat/all/_dd.scss
rename to src/main/webapp/static/themes/openolat/all/modules/_dd.scss
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 66c25b509546b179eef6f9e2380eeecc20e639c2..1dfb142e486397e2b0839d62161ca6a38ddc3b66 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
@@ -28,6 +28,8 @@ div.b_modal_area {
margin: 10%;
@include o-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;
@@ -43,7 +45,7 @@ div.b_modal_overlay, div.ext-el-mask { background: #fff; -moz-opacity: 0.75; opa
div.b_window {
text-align: left;
- border: 1px solid rgba(0,0,0,0.2);
+ border:1px solid $basecolor;
background:#fff;
.b_window_header_wrapper {
padding:2px 8px 0px 8px;
@@ -141,49 +143,55 @@ div.b_msg_error_winicon { background: url(../openolat/images/icon_error_32.png)
}
}
+
/* OPEN / CLOSE BOX TOGGLER */
a.b_togglebox_closed {background: url(../openolat/images/toggle-small-expand.png) no-repeat 0 50%; padding: 1px 0 1px 14px; vertical-align: middle;}
a.b_togglebox_opened {background: url(../openolat/images/toggle-small.png) no-repeat 0 50%; padding: 1px 0 1px 14px; vertical-align: middle;}
div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAAA; background: #fff; }
-
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
- div.b_wizard_header_wrapper { background:#fff; }
- div.b_wizard_header {background:#fff; position: relative; }
+ @include o-gradient2($basecolor_light,$basecolor_ultra_light);
+ $col_outerwizard: transparent;
+
+ border:1px solid $basecolor;
+ div.b_wizard_header_wrapper { background: $col_outerwizard; }
+ div.b_wizard_header {background: $col_outerwizard; position: relative; }
div.b_wizard_header_title {
- background: #fff; min-height: 18px; line-height: 18px; vertical-align: middle; padding: 2px 5px 2px 5px; color: #4F576A;
+ background: $col_outerwizard;
+ min-height: 18px; line-height: 18px; vertical-align: middle; padding: 2px 5px 2px 5px;
a.b_link_close { top:4px; right: 4px; background: url(../openolat/images/close.png); background-repeat: no-repeat; }
strong { font-weight: bold; }
}
- div.b_wizard_steps_wrapper {clear:both; width:auto; padding: 0 4px 0 4px; background: #fff;}
- div.b_wizard_steps_content { background: #fff }
+
+ 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_list {
width: 20em;
padding: 0;
- color: #4F576A;
+ color: $basegray;
- ol { list-style-type: decimal; z-index: 14; font-size: 95%; padding: 1em 5px 5px;}
- li { line-height: 1.5em; white-space: normal;}
- li.b_wizard_steps_current { font-weight: bold; }
- li a { color: #4F576A;}
+ 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; }
+ li a { color: $basegray;}
li a:hover { color: #4F576A; background: transparent; text-decoration: underline}
- li .b_disabled { color: #4F576A; border: 0; background: transparent; padding:0; margin:0; white-space: normal; font-style: italic;}
- li.b_wizard_steps_current .b_disabled { font-style: normal; }
+ li .b_disabled { color: #basegray_light; border: 0; background: transparent; padding:0; margin:0; white-space: normal; font-style: italic;}
+ li.b_wizard_steps_current .b_disabled { color: $basegray;font-style: normal; }
}
- div.b_wizard_steps_current { margin-left:20em; border-left:1px solid #777;}
- div.b_wizard_steps_current_inner { border-bottom: 1px solid #fff; padding: 1em; }
+ div.b_wizard_steps_current { margin-left:20em; padding-top:0.5em;padding-bottom:0.5em;}
+ div.b_wizard_steps_current_inner { padding: 1em; border-left: 1px solid #ccc; }
div.b_wizard_steps_current_content {min-height: 300px; position: relative; }
- div.b_wizard_footer_wrapper { background:#fff;}
+ div.b_wizard_footer_wrapper { background:$col_outerwizard}
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: "< ";}
- span.b_wizard_button_next:after, a.b_wizard_button_next span:after { content: " >";}
+ 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;}
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss b/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
index 7fee2140266d05f3113b196ffcdb1d26917bd2a3..0f1e5c0a5e59f71d952583eff91b7a436001342a 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_eportfolio.scss
@@ -1,4 +1,7 @@
-/* ePortfolio */
+/* ePortfolio
+*
+* note: this file needs a lot of sass beautifying and cleaning..
+*/
div.b_struct_edit_btn { float: right; display: inline;}
@@ -10,17 +13,17 @@ div.o_ep_struct_editor div.b_subcr {
overflow-x: auto;
}
- .b_artefact {
- margin: 5px; border: 1px solid #ddd; padding: 1em;
- @include o-border-radius(5px);
- @include o-box-shadow(0,1px,2px,lightGrey);
- background: #ebebeb url(../openolat/images/portfolio/artefaktbg.png) top left repeat-x;
- }
+.b_artefact {
+ margin: 5px; border: 1px solid #ddd; padding: 1em;
+ @include o-border-radius(5px);
+ @include o-box-shadow(0,1px,2px,lightGrey);
+ @include o_gradient2(#f6f6f6,#ebebeb);
+}
.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(../images/brasato/locked.png) top right no-repeat; }
+ 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; }
@@ -65,7 +68,7 @@ div.o_ep_struct_editor div.b_subcr {
.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(../images/brasato/resultset_next.png) no-repeat center right; padding-right: 16px;}
+ .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; }
@@ -131,7 +134,7 @@ div.o_ep_struct_editor div.b_subcr {
.b_ep_tagbrowser { width: 30%; margin-right: 0px; }
.b_ep_tagbrowser_view { width: 68%; margin-left: 0px; }
- .b_ep_collection_icon { background-image: url(../images/brasato/eportfolio/ep_collection.png) ! important; }
+ .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; }
@@ -139,15 +142,24 @@ div.o_ep_struct_editor div.b_subcr {
.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_collect_restriction {
+ margin-top:5px;
+
+ div.b_eportfolio_collect_restriction_el { float:left; margin-right:5px; }
+ div.b_eportfolio_collect_restriction_link {
+ float:left; margin-right:5px;
+ a { padding-left:0px; text-decoration:none }
+ 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; }
+ a.b_togglebox_closed { display:block; width:9px; height:9px; padding:0; margin-left:12px; }
+ p { padding:0 0 0 15px; margin:0; }
+ div.b_togglebox div.b_togglebox_content { padding:3px 3px 3px 3px; margin:0; border:1px solid red; background-image:none; background-color:transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+}
+
div.b_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; }
@@ -159,12 +171,22 @@ div.o_ep_struct_editor div.b_subcr {
.b_eportfolio_fulltextsearch { float:left; }
.b_eportfolio_fulltextsearch div.b_form div.b_form_element_wrapper.b_form_horizontal { }
- .b_eportfolio_share_policy_wrapper { margin: 5px; border: 1px solid #ddd; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); background: #ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x; }
- .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 {
+ margin: 5px; border: 1px solid #ddd; padding: 1em;
+ @include o-border-radius(5px);
+ @include o-box-shadow(0,1px,4px,rgba(0,0,0,0.2));
+ @include o_gradient2(#f6f6f6,#ebebeb);
+
+ .b_float_right { text-align: right; }
+ a.bit-input { text-decoration: none; }
+}
+
+.b_eportfolio_share_policy {
+ div input,div span,div select { float: left; margin-right:5px; padding-right:5px; }
+ 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_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); }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss b/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b7072a4461f15ffa99deb894c54b1baab9d0c8ea
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_feedandblog.scss
@@ -0,0 +1,66 @@
+/* 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); }
+ div.o_feed_edit { float: right; position:relative; top:0.2em; margin-right:0 }
+ #o_link_container {
+ margin-bottom: 0.8em;
+ div.o_home { text-align: center; }
+ div.o_older_items { float: left; display: inline;}
+ div.o_newer_items { float: right; display: inline;}
+ }
+
+}
+
+div.o_feed_peekview {
+ margin: 1em 0 1em 0;
+ h5 { font-size: 1em; position: relative; left: -20px;}
+ 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; }
+ div.o_podcast_info img.icon { float: left; margin: 0 1.5em 1.5em 0; max-width:120px; max-height:120px; }
+ 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;
+ @include o-border-radius(5px);
+ span { vertical-align:middle; }
+ }
+ 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; }
+ }
+
+ div.o_podcast_episode {
+ padding:10px; margin-top:20px; border: 1px solid #dfdfdf;
+ background-color: #fdfdfd;
+ @include o-border-radius(5px);
+ }
+ div.o_podcast_episode {
+ div.b_ratings_and_comments { margin: 2em 0 0 0; padding-bottom: 0; border-bottom: 0;}
+ div.o_podcast_audio {
+ margin-bottom:3px;
+ embed { width: 200px; height:24px; }
+ }
+ div.o_podcast_video {
+ margin-bottom:3px;
+ embed { width: 200px; height:157px; }
+ }
+ }
+
+ .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); }
+
+/* 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 .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); }
+
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss b/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
index cdf926201aff1ccf6b56c83b71a311aa0d785851..f19cfe6a3cbdb93a24928597c21623acae38e4e2 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
@@ -30,12 +30,12 @@
}
}
-
/* disabled buttons */
.b_disabled.b_button {
+ &,span { @include btt-inner; cursor: default !important; color:#888;}
+
@include btt-outer;
- &,span {@include btt-inner;}
- border: 1px solid #ACAAAA;
+ border: 1px dotted #ccc;
background:#fff;
&:focus, &:hover {
@include o-box-shadow(0, 0, 0, transparent);
@@ -130,11 +130,12 @@ input:focus, select:focus, textarea:focus { background: #fff; border: 1px solid
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(../images/brasato/page_edit_tiny.png);}
+.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;
@@ -149,7 +150,7 @@ fieldset {
div.b_form {
div.b_form_desc { padding-bottom: 1em; font-style: italic;}
- div.b_form_general_error { padding: 10px 10px 10px 50px; margin-bottom: 20px; text-align: left; background: url(../images/brasato/icon_error.png) no-repeat 10px 10px; min-height: 32px; border: 1px solid #990000; color: #990000; font-style: italic;}
+ 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_spacer { margin: 10px 0; }
hr {
@@ -212,7 +213,10 @@ div.b_form {
}
}// end div.b_form
-
+
+// LOL :) shift form to left if no labels (see linklist edit for example)
+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_form_element_wrapper div.b_form_element_label{ width: auto; float: none; display: block; }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_misc.scss b/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
new file mode 100644
index 0000000000000000000000000000000000000000..803b7883a4be733a9481b18d859f4c41ab73e6fb
--- /dev/null
+++ b/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
@@ -0,0 +1,247 @@
+/* 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;
+ img {border:1px #d3d3d3 solid;}
+}
+div.o_bcard_portrait_group { background-image: url(../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;}
+
+
+/* INFO MESSAGES */
+div.o_infomsgs {
+ padding-top:5px;
+ div.b_datecomp { top: 2px; float: left; display: inline; }
+ div.o_infomsg { margin-bottom:1em; padding:10px 0 0 0; }
+ .b_year { display: none; }
+ .o_item_info { color: #7D7D7D; font-size: 90%; }
+ .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 { display:inline; }
+}
+.o_infomsg_icon { background-image: url(../openolat/images/information-button.png); }
+.o_infomsg_create_button { position:absolute; top:0; right:250px; }
+
+/* MEMBERS BB ( Course Buildingblock: "Teilnehmerliste" ) */
+div.o_cmembers {
+ * { vertical-align:middle; }
+ 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;
+
+ @include o_gradient2(#f6f6f6,#ebebeb);
+ @include o-border-radius(5px);
+ @include o-box-shadow(0, 1px, 2px, #d3d3d3);
+
+ .o_cmember_portrait_wrapper { height:100%; width:65px; overflow:hidden; display:inline-block; margin-right: 5px; border:1px solid #ddd; }
+ img.o_cmember_portrait { height:100%; width:100%; background-color:white; background-position:50% 50%; background-repeat:no-repeat; }
+ }
+ a.o_cmembers_mail { float:none; margin-left:5px; padding-left:20px; background-image:url(../openolat/images/mail.png); }
+ a.o_cmembers_mail span { display:none; }
+ h4 { padding: 7px 0 0 0; clear:both;}
+}
+
+/* LINK LIST */
+div.o_ll_container ul li {
+ list-style: circle;
+ margin: 1em;
+ 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 { width: 100%; position: absolute; left: 0;}
+ div.b_year {height: 1em; top: -1.5em; font-size: 80%; font-weight: normal; color: #000; }
+ div.b_month {background: #BE5B5D; height: 40%; top: 0; font-size: 80%; font-weight: normal; color: white; }
+ 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 ; }
+
+
\ No newline at end of file
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 a8ec2d881a5c033a678f0211df545e66e36417d4..a1b0d4f4c31bf89c7a3746a86648c9881836966c 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
@@ -114,7 +114,7 @@ div.o_home_rsslink {
a.b_portlet_edit_right { background-image: url(../openolat/images/arrow_right_big.png);}
a.b_portlet_edit_down { background-image: url(../openolat/images/arrow_down_big.png); }
a.b_portlet_edit_up { background-image: url(../openolat/images/arrow_up_big.png); }
- a.b_portlet_edit_delete { background-image: url(../openolat/images/cross-script.png); }
+ a.b_portlet_edit_delete { background-image: url(../openolat/images/bin-metal-full.png); }
a.b_portlet_edit_sort_auto { background-image: url(../openolat/images/table_sort.png); }
a.b_portlet_edit_sort_manual { background-image: url(../openolat/images/table_gear.png); }
@@ -166,7 +166,7 @@ div.o_home_rsslink {
span.b_toolbox_toggle_wrapper {float: right; font-size: 90%;}
/* disabled toolbox items */
- span.b_toolbox_link.b_disabled,span.b_toolbox_disabled { color: #999; background: no-repeat 0 50% url(../images/brasato/bullet_white.png); padding-left: 18px; display: block;}
+ span.b_toolbox_link.b_disabled,span.b_toolbox_disabled { color: #999; background: no-repeat 0 50% url(../openolat/images/bullet_white.png); padding-left: 18px; display: block;}
}
}// end toolbox_content
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_qti.scss b/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
index 4c578d81ef2283141f147b998f075b564249a50e..92154e4eae87854b583010691d62d11c217ce32f 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
@@ -14,18 +14,20 @@
#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 {
+ h4 {font-size: 100%;}
+ ul { padding: 0; margin: 0; list-style: none;}
+ li { clear: both; padding: 0; margin: 0; white-space: normal;}
+ 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_run_content_inner { }
#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(../images/olat/editor/edit_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(../images/olat/lightbulb.png) no-repeat left 50%; cursor: help; padding-left: 20px; }
- #o_qti_hints a:focus, #o_qti_hints a:hover{ background-image: url(../images/olat/lightbulb_hover.png); }
+ #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; }
@@ -45,16 +47,20 @@
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_input {
+ display:table-cell; vertical-align:middle; padding-right:.5em;
+ input {vertical-align:middle;}
+ }
+ div.o_qti_item_choice_option_value {
+ display:table-cell;
+ 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 td {}
#o_qti_menu a {text-decoration: none;}
- .o_qti_menu_section{padding:.3em;}
+ .o_qti_menu_section{padding:.3em; border-top:1px solid $basecolor_light;}
.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;}
@@ -76,7 +82,7 @@
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(../images/brasato/information.png) no-repeat left 50%; padding-left: 20px; line-height:2em;}
+ 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); }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss b/src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss
index 2d010264b38e1a00e23dafbd7b499ee7c7e5bf3b..1c88a7837982a6775dc93ebdad6e0c1590d61b91 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_tabpane.scss
@@ -72,11 +72,10 @@ div.b_tabbedpane_wrapper {
/* a tabbed pane with only one tab */
li.b_first.b_last {
- border:none;
- background:none;
- box-shadow:none;
+ //border:none;
+ //background:none;
+ //box-shadow:none;
}
-
}
/* tabbed pane content area */
div.b_tabbedpane_content {
diff --git a/src/main/webapp/static/themes/openolat/images/ac/cart.png b/src/main/webapp/static/themes/openolat/images/ac/cart.png
new file mode 100644
index 0000000000000000000000000000000000000000..1baf7b9fde1195da75a09a4ac8a7cdcc11542c3a
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/cart.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/key.png b/src/main/webapp/static/themes/openolat/images/ac/key.png
new file mode 100644
index 0000000000000000000000000000000000000000..82846369f314711ade35fd3be1ee0059c4033354
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/key.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/license-key.png b/src/main/webapp/static/themes/openolat/images/ac/license-key.png
new file mode 100644
index 0000000000000000000000000000000000000000..9143cb29f444862ce069930a1b62c4a7cf77ec67
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/license-key.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/lock-unlock.png b/src/main/webapp/static/themes/openolat/images/ac/lock-unlock.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9994ae1f694ffa505df95c5a0869394bc1503fc
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/lock-unlock.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/lock.png b/src/main/webapp/static/themes/openolat/images/ac/lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e47c799a828cdfcc380fe7ef5f517578eebfdbc
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/lock.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/open-share.png b/src/main/webapp/static/themes/openolat/images/ac/open-share.png
new file mode 100644
index 0000000000000000000000000000000000000000..0718672a5d31ae53eb9139426df19d68f34ba16c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/open-share.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/paypal.png b/src/main/webapp/static/themes/openolat/images/ac/paypal.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d55ff47df9621139c904ce614125deb0bbcd038
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/paypal.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/shopping-basket.png b/src/main/webapp/static/themes/openolat/images/ac/shopping-basket.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac613e62b85a0df257ce4c8bddeb4c5d609a4629
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/shopping-basket.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/ac/umbrella.png b/src/main/webapp/static/themes/openolat/images/ac/umbrella.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1f9264fff3d3214ace167186f38b10404180ad9
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/ac/umbrella.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/assign.png b/src/main/webapp/static/themes/openolat/images/assign.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e6888b533e1751f6fac32762d2c1fafbb6a1c18
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/assign.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/bin-metal-full.png b/src/main/webapp/static/themes/openolat/images/bin-metal-full.png
new file mode 100644
index 0000000000000000000000000000000000000000..c59951969b6eaeff613b21bb25f3f81e660698c6
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/bin-metal-full.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/box_drop.png b/src/main/webapp/static/themes/openolat/images/box_drop.png
new file mode 100644
index 0000000000000000000000000000000000000000..88e9ca178659d0f1e255c9de410a486882abd84c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/box_drop.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/box_return.png b/src/main/webapp/static/themes/openolat/images/box_return.png
new file mode 100644
index 0000000000000000000000000000000000000000..666a22cd98a8f5df7ab38de83162f3ec4e168865
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/box_return.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/box_solution.png b/src/main/webapp/static/themes/openolat/images/box_solution.png
new file mode 100644
index 0000000000000000000000000000000000000000..496dec496e2a6080f50245966940c23bfa7d9964
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/box_solution.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/bullet_go.png b/src/main/webapp/static/themes/openolat/images/bullet_go.png
new file mode 100644
index 0000000000000000000000000000000000000000..62cdbc602b8d726e280fcd24480ef40a706823eb
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/bullet_go.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/bullet_white.png b/src/main/webapp/static/themes/openolat/images/bullet_white.png
new file mode 100644
index 0000000000000000000000000000000000000000..83e872d725361370d7ddaca7344df867e242e21c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/bullet_white.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/card-address.png b/src/main/webapp/static/themes/openolat/images/card-address.png
new file mode 100644
index 0000000000000000000000000000000000000000..c11185b91fbd9615f5d5d451441aaebe1c76d95c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/card-address.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/docs/document_versions.png b/src/main/webapp/static/themes/openolat/images/docs/document_versions.png
new file mode 100644
index 0000000000000000000000000000000000000000..255d2921d2cc4bd899974e78ca877b9955b653dc
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/docs/document_versions.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/dummy.png b/src/main/webapp/static/themes/openolat/images/dummy.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e94655acf429c1191ed0780bd4d0e0ed048c7c7
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/dummy.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/dummy_female_big.png b/src/main/webapp/static/themes/openolat/images/dummy_female_big.png
new file mode 100644
index 0000000000000000000000000000000000000000..855f322e79a9a1ddec49a59c795d1fd7d7ef3caf
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/dummy_female_big.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/dummy_female_small.png b/src/main/webapp/static/themes/openolat/images/dummy_female_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab9857cb80e7384366399794569f0e9e553aced4
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/dummy_female_small.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/dummy_male_big.png b/src/main/webapp/static/themes/openolat/images/dummy_male_big.png
new file mode 100644
index 0000000000000000000000000000000000000000..54f33798d59d0a87656ddbedf7ccb885c908c238
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/dummy_male_big.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/dummy_male_small.png b/src/main/webapp/static/themes/openolat/images/dummy_male_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..906aaf30040af5f5afced6fe088a4adb932822f4
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/dummy_male_small.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/dummy_small.png b/src/main/webapp/static/themes/openolat/images/dummy_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd287dd32694b2726c5718f023840e405cb1248c
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/dummy_small.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/edit_bg.png b/src/main/webapp/static/themes/openolat/images/edit_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..04291ba2e41c9051e9dde76a66675f40c7e76fc3
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/edit_bg.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/forum/quote.gif b/src/main/webapp/static/themes/openolat/images/forum/quote.gif
new file mode 100644
index 0000000000000000000000000000000000000000..51d6c2ec00520cfa4d47950803d5260a9f85ab96
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/forum/quote.gif differ
diff --git a/src/main/webapp/static/themes/openolat/images/le_resources/ .png b/src/main/webapp/static/themes/openolat/images/le_resources/ .png
new file mode 100644
index 0000000000000000000000000000000000000000..019cbec344cafa53138bf34f6ef4ac371966afcb
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/le_resources/ .png differ
diff --git a/src/main/webapp/static/themes/openolat/images/pencil-small.png b/src/main/webapp/static/themes/openolat/images/pencil-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6f2ca02bb9aa67e8cc5c214fc3803667060e97d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/pencil-small.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/pencil.png b/src/main/webapp/static/themes/openolat/images/pencil.png
new file mode 100644
index 0000000000000000000000000000000000000000..16c440c86787658b3df8c005b0d27df9c8a6a6fe
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/pencil.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/portfolio/ep_collection.png b/src/main/webapp/static/themes/openolat/images/portfolio/ep_collection.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d36176ac41683ea2b9ec6a13f1b73b5a916004d
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/portfolio/ep_collection.png differ
diff --git a/src/main/webapp/static/themes/openolat/images/seal.png b/src/main/webapp/static/themes/openolat/images/seal.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ddbef535bc647a52092ee75b01634aa4a3d4524
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/seal.png differ
diff --git a/src/main/webapp/static/themes/openolat/layout.css b/src/main/webapp/static/themes/openolat/layout.css
index 13c459cb3e03bfe0b433284bfc6ce28c65d105ad..5d8268937edcbfc47bd8dccd72137c2e83d33ab9 100644
--- a/src/main/webapp/static/themes/openolat/layout.css
+++ b/src/main/webapp/static/themes/openolat/layout.css
@@ -30,35 +30,37 @@
/* --------------- */
/*
* =================================================
-*
-* sass mixins for OpenOLAT 8
*
+* 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!
-*
-* this file is included in layout.scss
-* it is not compiled to a separate css-file...
*
* =================================================
*/
+/* 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
*
-* 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!
+*
+* this file is included in layout.scss
+* it is not compiled to a separate css-file...
*
* =================================================
*/
-/* the base-color and variations (for openolat-theme this is the openolat-blue) */
-/* then we need a base-gray and some variations */
/* --------------- */
/*
* =================================================
@@ -153,6 +155,9 @@
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; }
@@ -189,129 +194,129 @@
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; }
+ #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; }
+ #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 */
@@ -319,221 +324,204 @@
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: #025d8c;
- background-color: white;
- text-decoration: underline; }
- div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
- color: #025d8c;
- 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: #025d8c;
- font-weight: bold; }
- div.b_tree ul li .b_tree_oc_l1 {
- position: absolute;
- top: 0px;
- left: 1px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l2 {
- position: absolute;
- top: 0px;
- left: 11px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l3 {
- position: absolute;
- top: 0px;
- left: 21px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l4 {
- position: absolute;
- top: 0px;
- left: 31px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l5 {
- position: absolute;
- top: 0px;
- left: 41px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l6 {
- position: absolute;
- top: 0px;
- left: 51px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l7 {
- position: absolute;
- top: 0px;
- left: 61px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l8 {
- position: absolute;
- top: 0px;
- left: 71px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l9 {
- position: absolute;
- top: 0px;
- left: 81px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l10 {
- position: absolute;
- top: 0px;
- left: 91px;
- z-index: 9; }
- div.b_tree ul li .b_tree_oc_l11 {
- position: absolute;
- top: 0px;
- left: 101px;
- z-index: 9; }
- div.b_tree ul li a.b_tree_l0 {
- padding-left: 5px; }
- div.b_tree ul li a.b_tree_l1 {
- padding-left: 15px; }
- div.b_tree ul li a.b_tree_l2 {
- padding-left: 25px; }
- div.b_tree ul li a.b_tree_l3 {
- padding-left: 35px; }
- div.b_tree ul li a.b_tree_l4 {
- padding-left: 45px; }
- div.b_tree ul li a.b_tree_l5 {
- padding-left: 55px; }
- div.b_tree ul li a.b_tree_l6 {
- padding-left: 65px; }
- div.b_tree ul li a.b_tree_l7 {
- padding-left: 75px; }
- div.b_tree ul li a.b_tree_l8 {
- padding-left: 85px; }
- div.b_tree ul li a.b_tree_l9 {
- padding-left: 95px; }
- div.b_tree ul li a.b_tree_l10 {
- padding-left: 105px; }
- div.b_tree ul li a.b_tree_l11 {
- padding-left: 115px; }
- div.b_tree ul li span.b_tree_icon_decorator {
- width: 12px;
- height: 12px;
- float: right;
- display: inline;
- position: static;
- background-repeat: no-repeat; }
- div.b_tree ul.b_tree_l0 a.b_tree_icon {
- padding-left: 20px;
- background-position: 2px 50%; }
- div.b_tree ul.b_tree_l1 a.b_tree_icon {
- padding-left: 30px;
- background-position: 12px 50%; }
- div.b_tree ul.b_tree_l2 a.b_tree_icon {
- padding-left: 40px;
- background-position: 22px 50%; }
- div.b_tree ul.b_tree_l3 a.b_tree_icon {
- padding-left: 50px;
- background-position: 32px 50%; }
- div.b_tree ul.b_tree_l4 a.b_tree_icon {
- padding-left: 60px;
- background-position: 42px 50%; }
- div.b_tree ul.b_tree_l5 a.b_tree_icon {
- padding-left: 70px;
- background-position: 52px 50%; }
- div.b_tree ul.b_tree_l6 a.b_tree_icon {
- padding-left: 80px;
- background-position: 62px 50%; }
- div.b_tree ul.b_tree_l7 a.b_tree_icon {
- padding-left: 90px;
- background-position: 72px 50%; }
- div.b_tree ul.b_tree_l8 a.b_tree_icon {
- padding-left: 100px;
- background-position: 82px 50%; }
- div.b_tree ul.b_tree_l9 a.b_tree_icon {
- padding-left: 110px;
- background-position: 92px 50%; }
- div.b_tree ul.b_tree_l10 a.b_tree_icon {
- padding-left: 120px;
- background-position: 102px 50%; }
- div.b_tree ul.b_tree_l11 a.b_tree_icon {
- padding-left: 130px;
- background-position: 112px 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; }
+ 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: #025d8c;
+ background-color: white;
+ text-decoration: underline; }
+ div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
+ color: #025d8c;
+ 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: #025d8c;
+ font-weight: bold; }
+ div.b_tree ul li .b_tree_oc_l1 {
+ position: absolute;
+ top: 0px;
+ left: 1px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l2 {
+ position: absolute;
+ top: 0px;
+ left: 11px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l3 {
+ position: absolute;
+ top: 0px;
+ left: 21px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l4 {
+ position: absolute;
+ top: 0px;
+ left: 31px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l5 {
+ position: absolute;
+ top: 0px;
+ left: 41px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l6 {
+ position: absolute;
+ top: 0px;
+ left: 51px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l7 {
+ position: absolute;
+ top: 0px;
+ left: 61px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l8 {
+ position: absolute;
+ top: 0px;
+ left: 71px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l9 {
+ position: absolute;
+ top: 0px;
+ left: 81px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l10 {
+ position: absolute;
+ top: 0px;
+ left: 91px;
+ z-index: 9; }
+ div.b_tree ul li .b_tree_oc_l11 {
+ position: absolute;
+ top: 0px;
+ left: 101px;
+ z-index: 9; }
+ div.b_tree ul li a.b_tree_l0 {
+ padding-left: 5px; }
+ div.b_tree ul li a.b_tree_l1 {
+ padding-left: 15px; }
+ div.b_tree ul li a.b_tree_l2 {
+ padding-left: 25px; }
+ div.b_tree ul li a.b_tree_l3 {
+ padding-left: 35px; }
+ div.b_tree ul li a.b_tree_l4 {
+ padding-left: 45px; }
+ div.b_tree ul li a.b_tree_l5 {
+ padding-left: 55px; }
+ div.b_tree ul li a.b_tree_l6 {
+ padding-left: 65px; }
+ div.b_tree ul li a.b_tree_l7 {
+ padding-left: 75px; }
+ div.b_tree ul li a.b_tree_l8 {
+ padding-left: 85px; }
+ div.b_tree ul li a.b_tree_l9 {
+ padding-left: 95px; }
+ div.b_tree ul li a.b_tree_l10 {
+ padding-left: 105px; }
+ div.b_tree ul li a.b_tree_l11 {
+ padding-left: 115px; }
+ div.b_tree ul li span.b_tree_icon_decorator {
+ width: 12px;
+ height: 12px;
+ float: right;
+ display: inline;
+ position: static;
+ background-repeat: no-repeat; }
+ div.b_tree ul.b_tree_l0 a.b_tree_icon {
+ padding-left: 26px;
+ background-position: 8px 50%; }
+ div.b_tree ul.b_tree_l1 a.b_tree_icon {
+ padding-left: 36px;
+ background-position: 18px 50%; }
+ div.b_tree ul.b_tree_l2 a.b_tree_icon {
+ padding-left: 46px;
+ background-position: 28px 50%; }
+ div.b_tree ul.b_tree_l3 a.b_tree_icon {
+ padding-left: 56px;
+ background-position: 38px 50%; }
+ div.b_tree ul.b_tree_l4 a.b_tree_icon {
+ padding-left: 66px;
+ background-position: 48px 50%; }
+ div.b_tree ul.b_tree_l5 a.b_tree_icon {
+ padding-left: 76px;
+ background-position: 58px 50%; }
+ div.b_tree ul.b_tree_l6 a.b_tree_icon {
+ padding-left: 86px;
+ background-position: 68px 50%; }
+ div.b_tree ul.b_tree_l7 a.b_tree_icon {
+ padding-left: 96px;
+ background-position: 78px 50%; }
+ div.b_tree ul.b_tree_l8 a.b_tree_icon {
+ padding-left: 106px;
+ background-position: 88px 50%; }
+ div.b_tree ul.b_tree_l9 a.b_tree_icon {
+ padding-left: 116px;
+ background-position: 98px 50%; }
+ div.b_tree ul.b_tree_l10 a.b_tree_icon {
+ padding-left: 126px;
+ background-position: 108px 50%; }
+ div.b_tree ul.b_tree_l11 a.b_tree_icon {
+ padding-left: 136px;
+ background-position: 118px 50%; }
+ div.b_tree a.b_tree_level_close span {
+ background: url("../openolat/images/toggle-small.png") no-repeat 0% 50%;
+ padding-right: 8px; }
+ div.b_tree a.b_tree_level_open span {
+ background: url("../openolat/images/toggle-small-expand.png") no-repeat 0% 50%;
+ padding-right: 8px; }
+ div.b_tree a.b_tree_level_close:hover, div.b_tree a.b_tree_level_open:hover {
+ text-decoration: none; }
/** ----------------- FOOTER ----------------- **/
#b_footer {
color: #9D9D9D;
padding: 8px 20px;
margin-top: 12px; }
- #b_footer .b_floatbox {
- padding-top: 8px;
- border-top: 1px solid #ddd; }
- #b_footer #b_footer_user {
- float: left;
- line-height: 16px; }
- #b_footer #b_footer_user a.b_ajax {
- background: url(../openolat/images/ajax.png) no-repeat;
- width: 20px;
- height: 16px;
- display: block;
- float: left; }
- #b_footer #b_footer_version {
- float: right;
- display: block; }
- #b_footer #b_footer_powered {
- text-align: center;
- width: auto;
- background: none; }
- #b_footer #b_footer_powered a {
- display: inline; }
-
- /** ------------------ 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%; }
+ #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 {
@@ -561,28 +549,28 @@
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_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;
@@ -599,21 +587,29 @@
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; }
+ 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; }
@@ -638,8 +634,7 @@
background: #fff;
border: 0px;
padding: 0px; }
-
- div.b_titled_wrapper_desc a.b_togglebox_opened {
+ div.b_titled_wrapper a.b_togglebox_opened {
z-index: 10;
display: block;
width: 16px;
@@ -647,45 +642,30 @@
position: absolute;
top: 5px;
left: 5px;
- background: url(../images/brasato/information.png) no-repeat 0 50%;
- padding: 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_opened:hover {
- background: url(../images/brasato/information_over.png) no-repeat 0 50%;
+ background: url(../openolat/images/information-white.png) no-repeat 0 50%;
padding: 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_closed {
+ div.b_titled_wrapper a.b_togglebox_closed {
display: block;
width: 20px;
height: 20px;
- background: url(../images/brasato/information_discreet.png) no-repeat top left;
- padding: 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_closed:hover {
- background: url(../images/brasato/information.png) no-repeat top left; }
-
- div.b_titled_wrapper_desc div.b_togglebox div.b_togglebox_content {
+ 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_desc a.b_togglebox_hide span {
+ div.b_titled_wrapper a.b_togglebox_hide span {
position: absolute;
bottom: 0;
right: 0;
padding: 0 6px 3px 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_hide:hover {
+ 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.b_titled_wrapper div.b_noti {
- position: absolute;
- top: 0;
- right: 25px; }
-
div.o_course_run_dropbox div.b_noti {
position: relative;
top: 0;
@@ -727,13 +707,13 @@
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.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; }
@@ -793,53 +773,53 @@
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; }
+ 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 .textbox-outer li {
+ margin-left: 18px; }
.b_wizard div.holder a.bit-input input {
background: #f8f8f8;
padding: 0.4em; }
@@ -852,41 +832,41 @@
.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; }
+ .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;
@@ -938,63 +918,11 @@
text-decoration: none; }
div.b_ext_elem .x-tree-node .x-tree-selected {
- background-color: #FFC266; } }
-/*
-* =================================================
-*
-* 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; }
+ background-color: #FFC266; }
+ /* fix margins in tooltip */
+ .x-tip dl, .x-tip dd {
+ margin: 0; } }
/*
* =================================================
*
@@ -1009,7 +937,7 @@ div.b_dd_ct div.b_dd_sibling_l11 {
* =================================================
*/
.b_with_small_icon_left {
- padding: 1px 0 1px 20px;
+ padding: 2px 0 2px 20px;
min-height: 16px;
background-position: 0 50%;
background-repeat: no-repeat; }
@@ -1035,6 +963,9 @@ option.b_with_small_icon_left {
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"); }
@@ -1070,7 +1001,7 @@ option.b_with_small_icon_left {
background-image: url("../openolat/images/arrow_up_big.png"); }
.b_delete_icon {
- background-image: url("../openolat/images/cross-script.png"); }
+ background-image: url("../openolat/images/bin-metal-full.png"); }
.b_share_icon {
background-image: url("../openolat/images/share.png"); }
@@ -1109,7 +1040,7 @@ option.b_with_small_icon_left {
background-image: url("../openolat/images/user_register.png"); }
.o_news_icon {
- background-image: url("../images/olat/information.png"); }
+ background-image: url("../openolat/images/information-white.png"); }
.o_course_icon {
background-image: url("../openolat/images/le_resources/book-open-text-image.png"); }
@@ -1292,10 +1223,10 @@ div.b_ext_elem .x-tree-node-expanded .x-tree-node-icon.b_filetype_folder, .b_fil
.b_filetype_midi {
background-image: url("../openolat/images/docs/document-music.png") !important; }
-.b_filetype_mov {
+.b_filetype_video, .b_filetype_mov {
background-image: url("../openolat/images/docs/document-film.png") !important; }
-.b_filetype_mp3, .b_filetype_m3u {
+.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 {
@@ -1376,7 +1307,7 @@ 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("../images/olat/vcard.png"); }
+ 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"); }
@@ -1494,7 +1425,7 @@ li a.b_toolbox_close {
background-image: url("../openolat/images/close.png"); }
li a.b_toolbox_delete {
- background-image: url("../openolat/images/cross-script.png"); }
+ 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"); }
@@ -1638,6 +1569,40 @@ body#b_body .o_CourseModule_icon_closed {
* (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...
*
@@ -1797,7 +1762,7 @@ div.b_note, div.b_important, div.b_warning, div.b_info {
margin: 20px; }
.b_quote_author {
- background: url(../images/olat/forum/quote.gif) no-repeat left bottom;
+ background: url(../openolat/images/forum/quote.gif) no-repeat left bottom;
padding: 10px 5px 15px 11px;
position: relative;
top: 1px;
@@ -1898,14 +1863,14 @@ fieldset a.b_contexthelp, fieldset div.b_contexthelp_wrapper a.b_contexthelp {
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_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); }
@@ -1917,24 +1882,24 @@ div.b_ratings_and_comments {
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 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;
@@ -1944,52 +1909,52 @@ div.b_ratings_and_comments a.b_comments, div.b_eportfolio_map a.b_comments {
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: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
- 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; }
+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: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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); }
@@ -2012,32 +1977,32 @@ div.b_datecomp {
vertical-align: middle;
border: 1px solid #000;
font-size: 85%; }
- div.b_datecomp div {
- width: 100%;
- position: absolute;
- left: 0; }
- div.b_datecomp div.b_year {
- height: 1em;
- top: -1.5em;
- font-size: 80%;
- font-weight: normal;
- color: #000; }
- div.b_datecomp div.b_month {
- background: #BE5B5D;
- height: 40%;
- top: 0;
- font-size: 80%;
- font-weight: normal;
- color: white; }
- div.b_datecomp div.b_day {
- background: #fff;
- height: 60%;
- bottom: 0;
- font-size: 120%;
- font-weight: bold;
- color: #000;
- border-top: 1px solid #000;
- border-bottom: 1px solid #aaaaaa; }
+div.b_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 {
@@ -2052,32 +2017,32 @@ div.b_rating {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px; }
- div.b_rating div.b_rating_title {
- font-weight: bold; }
- div.b_rating div.b_rating_items {
- vertical-align: middle;
- line-height: 18px; }
- div.b_rating div.b_rating_items a {
- float: left;
- display: inline;
- width: 16px;
- height: 16px;
- background-repeat: no-repeat;
- background-position: 0 0;
- margin: 1px 4px 1px 0; }
- div.b_rating div.b_rating_items a.b_rating_item_on {
- background-image: url(../openolat/images/star.png); }
- div.b_rating div.b_rating_items a.b_rating_item_off {
- background-image: url(../openolat/images/star_grey.png); }
- div.b_rating div.b_rating_items a:hover {
- cursor: default; }
- div.b_rating div.b_rating_items.b_enabled a:hover {
- cursor: pointer; }
- div.b_rating div.b_rating_items.b_enabled a.b_rating_item_off:hover {
- background-image: url(../openolat/images/star.png); }
- div.b_rating div.b_rating_explanation {
- clear: both;
- font-size: 90%; }
+div.b_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 {
@@ -2169,6 +2134,145 @@ div.b_form_auto_completer_item.b_error_icon {
/* 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; }
+
/*
* =================================================
*
@@ -2233,42 +2337,42 @@ div.b_modal_overlay, div.ext-el-mask {
div.b_window {
text-align: left;
- border: 1px solid rgba(0, 0, 0, 0.2);
+ border: 1px solid #025d8c;
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; }
+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 {
@@ -2302,8 +2406,8 @@ 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; }
+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 {
@@ -2332,8 +2436,8 @@ div.b_msg-div {
-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-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; }
@@ -2351,17 +2455,17 @@ div.b_msg_error_winicon {
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; }
+#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; }
+.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 {
@@ -2380,83 +2484,100 @@ div.b_togglebox div.b_togglebox_content {
background: #fff; }
/** ----------------- 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 );
+ border: 1px solid #025d8c; }
div.b_wizard div.b_wizard_header_wrapper {
- background: #fff; }
+ background: transparent; }
div.b_wizard div.b_wizard_header {
- background: #fff;
+ background: transparent;
position: relative; }
div.b_wizard div.b_wizard_header_title {
- background: #fff;
+ background: transparent;
min-height: 18px;
line-height: 18px;
vertical-align: middle;
- padding: 2px 5px 2px 5px;
- color: #4F576A; }
- 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; }
+ 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: #fff; }
+ background: transparent; }
div.b_wizard div.b_wizard_steps_content {
- background: #fff; }
+ background: #fff;
+ border: 1px solid #555555; }
div.b_wizard div.b_wizard_steps_list {
width: 20em;
padding: 0;
- color: #4F576A; }
- div.b_wizard div.b_wizard_steps_list ol {
- list-style-type: decimal;
- z-index: 14;
- font-size: 95%;
- padding: 1em 5px 5px; }
- div.b_wizard div.b_wizard_steps_list li {
- line-height: 1.5em;
- white-space: normal; }
- div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current {
- font-weight: bold; }
- div.b_wizard div.b_wizard_steps_list li a {
- color: #4F576A; }
- 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: #4F576A;
- 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 {
- font-style: normal; }
+ 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;
- border-left: 1px solid #777; }
+ padding-top: 0.5em;
+ padding-bottom: 0.5em; }
div.b_wizard div.b_wizard_steps_current_inner {
- border-bottom: 1px solid #fff;
- padding: 1em; }
+ 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: #fff; }
+ 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: "< "; }
+ content: "\00ab \00a0"; }
span.b_wizard_button_next:after, a.b_wizard_button_next span:after {
- content: " >"; }
+ content: " \00bb"; }
a.b_wizard_button_finish, span.b_wizard_button_finish {
margin-left: 3em; }
@@ -2594,27 +2715,27 @@ div.o_home_rsslink {
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; }
+.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; }
+div.b_portlet.b_portlet_edit .b_portlet_header {
+ height: 23px; }
/* portlet toolbox (portal edit mode) */
div.b_portlet_toolbox {
@@ -2627,111 +2748,111 @@ div.b_portlet_toolbox {
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/cross-script.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; }
+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(../images/brasato/bullet_white.png);
- padding-left: 18px;
- display: block; }
+.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; }
/*
* =================================================
@@ -2749,138 +2870,134 @@ div.b_portlet_toolbox {
/** ----------------- 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_tabs li.b_first.b_last {
- border: none;
- background: none;
- box-shadow: none; }
- 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; }
+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 {
@@ -2888,113 +3005,113 @@ div.b_segments_container {
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; }
+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 {
@@ -3026,31 +3143,31 @@ div.b_segments_container {
-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: #025d8c; }
- .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: #025d8c; }
+.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: #025d8c; }
+.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: #025d8c; }
/* dirty button (form with unsaved values ) */
.b_button_dirty {
@@ -3063,17 +3180,17 @@ div.b_segments_container {
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 ); }
+.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 {
@@ -3104,22 +3221,24 @@ div.b_segments_container {
-webkit-transition: all 0.22s "";
-o-transition: all 0.22s "";
transition: all 0.22s "";
- border: 1px solid #ACAAAA;
+ 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; }
- .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; }
+.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 {
@@ -3149,29 +3268,29 @@ a.b_toggle {
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; }
+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;
@@ -3206,43 +3325,43 @@ a.b_toggle_slide {
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; }
+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;
@@ -3293,26 +3412,26 @@ span.b_toggle_slide_legend {
-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: #025d8c; }
- .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: #025d8c; }
+.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: #025d8c; }
+.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: #025d8c; }
/** ----------------- FORMS + LOGIN ----------------- **/
div.o_login_form li {
@@ -3359,164 +3478,168 @@ label.b_checkbox_label, label.b_radio_label {
.b_inline_editable:hover {
background-position: 100% 50%;
background-repeat: no-repeat;
- background-image: url(../images/brasato/page_edit_tiny.png); }
+ 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 #94bed3; }
- fieldset legend {
- padding: 0 5px;
- font-size: 120%;
- font-weight: bold; }
+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(../images/brasato/icon_error.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.b_button_group div.b_form_element_wrapper {
+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_button_group div.b_form_element_wrapper div.b_form_element_label {
+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; }
@@ -3598,47 +3721,47 @@ div.mceExternalToolbar {
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; }
+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; }
+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); }
@@ -3665,27 +3788,27 @@ 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; }
+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) */
@@ -3694,85 +3817,85 @@ table {
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; }
+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; }
- div.b_table_wrapper table tbody tr:hover td {
- background: #f3feff; }
- 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; }
- 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; }
+div.b_table_wrapper table {
+ width: 99.5%;
+ margin-left: 1px; }
+div.b_table_wrapper table tbody tr:hover td {
+ background: #f3feff; }
+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; }
+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 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%;
@@ -3835,20 +3958,20 @@ a.b_devcon_handle_close {
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_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;
@@ -3944,8 +4067,7 @@ div.b_briefcase_foldercomp table.b_briefcase_filetable thead a, div.b_briefcase_
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 {
+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; }
@@ -4003,14 +4125,14 @@ div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_edit_met
opacity: 0.2; }
div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_icon {
- background-image: url(../images/brasato/versions.png); }
+ 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(../images/brasato/versions_dis.png);
+ 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(../images/brasato/locked.png); }
+ background-image: url(../openolat/images/locked.png); }
div.b_briefcase_preview {
background-color: white;
@@ -4080,54 +4202,54 @@ div.b_send_documents textarea {
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 #025d8c; }
- 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); }
+ 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 #025d8c; }
+ 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 {
@@ -4265,14 +4387,14 @@ div.o_forum div.o_forum_message {
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_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_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; }
@@ -4281,10 +4403,10 @@ div.o_forum div.o_forum_message_creator {
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_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;
@@ -4294,24 +4416,24 @@ 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_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;
@@ -4342,15 +4464,15 @@ span.o_forum_status_closed_icon {
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; }
+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); }
@@ -4363,12 +4485,15 @@ div.o_forum_toolbar {
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; }
+div#o_forum_fulltextsearch input {
+ width: 10em; }
+div#o_forum_fulltextsearch div.b_form_element_wrapper.b_form_horizontal {
+ margin: 0; }
-/* ePortfolio */
+/* ePortfolio
+*
+* note: this file needs a lot of sass beautifying and cleaning..
+*/
div.b_struct_edit_btn {
float: right;
display: inline; }
@@ -4392,7 +4517,14 @@ div.o_ep_struct_editor div.b_subcr {
-o-box-shadow: 0 1px 2px lightGrey;
-webkit-box-shadow: 0 1px 2px lightGrey;
box-shadow: 0 1px 2px lightGrey;
- background: #ebebeb url(../openolat/images/portfolio/artefaktbg.png) top left repeat-x; }
+ 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; }
@@ -4407,7 +4539,7 @@ div.o_ep_struct_editor div.b_subcr {
div.b_artefact_closed {
font-size: 25px;
float: right;
- background: url(../images/brasato/locked.png) top right no-repeat; }
+ background: url(../openolat/images/locked.png) top right no-repeat; }
div.b_eportfolio_preview_c100l .b_artefact {
margin: 3px; }
@@ -4577,7 +4709,7 @@ ul.b_eportfolio_maps li.template.leather {
padding-right: 3px; }
.b_map_page a.b_map_page_forward {
- background: url(../images/brasato/resultset_next.png) no-repeat center right;
+ background: url(../openolat/images/arrow_right.png) no-repeat center right;
padding-right: 16px; }
.b_eportfolio_map {
@@ -4866,7 +4998,7 @@ ul.b_eportfolio_maps li.template.leather {
margin-left: 0px; }
.b_ep_collection_icon {
- background-image: url(../images/brasato/eportfolio/ep_collection.png) !important; }
+ 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; }
@@ -4888,19 +5020,15 @@ ul.b_eportfolio_maps li.template.leather {
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; }
@@ -4911,18 +5039,15 @@ div.b_eportfolio_restriction_wrapper a.b_togglebox_opened {
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;
@@ -4963,17 +5088,25 @@ div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content .b_
margin: 5px;
border: 1px solid #ddd;
padding: 1em;
+ border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
- 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);
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
- background: #ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x; }
-
+ 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; }
@@ -4981,14 +5114,12 @@ div.b_eportfolio_restriction_wrapper div.b_togglebox div.b_togglebox_content .b_
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; }
@@ -5171,18 +5302,15 @@ a.o_cpeditor_preview {
#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; }
@@ -5200,20 +5328,17 @@ a.o_cpeditor_preview {
background-position: top left; }
#b_main.o_editor_qti {
- background-image: url(../images/olat/editor/edit_bg.png);
+ 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(../images/olat/lightbulb.png) no-repeat left 50%;
+ background: url(../openolat/images/light-bulb.png) no-repeat left 50%;
cursor: help;
padding-left: 20px; }
-#o_qti_hints a:focus, #o_qti_hints a:hover {
- background-image: url(../images/olat/lightbulb_hover.png); }
-
#o_qti_solutions a {
background: url(../openolat/images/magnifier-zoom.png) no-repeat left 50%;
cursor: help;
@@ -5273,13 +5398,11 @@ 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; }
@@ -5299,7 +5422,8 @@ div.o_qti_item_choice_option_autoenum {
text-decoration: none; }
.o_qti_menu_section {
- padding: .3em; }
+ padding: .3em;
+ border-top: 1px solid #94bed3; }
.o_qti_menu_section_clickable {
padding: .3em;
@@ -5384,7 +5508,7 @@ div.o_qti_item_itemfeedback, div.o_qti_item_assessfeedback, div.o_qti_item_o_qti
div.o_qti_item_objectives {
margin: 1em 0;
- background: url(../images/brasato/information.png) no-repeat left 50%;
+ background: url(../openolat/images/information-white.png) no-repeat left 50%;
padding-left: 20px;
line-height: 2em; }
@@ -5543,43 +5667,1009 @@ span.b_translation_i18nitem a.b_translation_i18nitem_launcher {
/* 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); }
+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(../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; }
+
+/* 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: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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(../images/olat/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(../images/olat/sound.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 .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); }
diff --git a/src/main/webapp/static/themes/openolat/layout.scss b/src/main/webapp/static/themes/openolat/layout.scss
index eec802cb4b1dd186b329fbf22d58123d7b86512b..65b5ff0437fd7b9513314898c7d7544c28fa4711 100644
--- a/src/main/webapp/static/themes/openolat/layout.scss
+++ b/src/main/webapp/static/themes/openolat/layout.scss
@@ -7,13 +7,12 @@
@import url(../../yaml/core/slim_base.css);
/* --------------- */
-@import "mixins";
@import "definitions";
+@import "mixins";
/* --------------- */
@import "basemod";
-@import "dd";
@import "icons";
@import "content";
@@ -24,8 +23,9 @@
/* ------- mobile -------- */
@import "m_basemod";
-
/* -------- modules -------- */
+@import "dd";
+@import "accesscontrol";
@import "dialogs";
@import "portlets_boxes";
@import "tabpane";
@@ -39,4 +39,6 @@
@import "imscp";
@import "qti";
@import "translationtool";
-@import "course";
\ No newline at end of file
+@import "course";
+@import "misc";
+@import "feedandblog";
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolatexample/_definitions.scss b/src/main/webapp/static/themes/openolatexample/_definitions.scss
index 5128cf204b5f6e068d5a0c916f9a2dc47421a290..539ad3dddb6eed95572f2503a3e471677e874dbf 100644
--- a/src/main/webapp/static/themes/openolatexample/_definitions.scss
+++ b/src/main/webapp/static/themes/openolatexample/_definitions.scss
@@ -14,7 +14,7 @@
*/
-/* the base-color and variations (for openolat-theme this is the openolat-blue) */
+/* the base-color and variations */
$basecolor: red;
$basecolor_light : lighten($basecolor, 20%);
$basecolor_ultra_light : lighten($basecolor, 40%);
@@ -32,4 +32,7 @@ $ico_minus : '../openolat/images/toggle-small.png' ;
/* defines the body-background */
@mixin bodybg(){
@include o-gradient4(yellow,red,blue,green);
-}
\ No newline at end of file
+}
+
+$defaultfont : Comic Sans, Comic Sans MS, cursive;
+$defaultfontsize : 90%;
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolatexample/_license.scss b/src/main/webapp/static/themes/openolatexample/_license.scss
new file mode 100644
index 0000000000000000000000000000000000000000..10c2eec2cf0c31656765744988370d6d35faaae5
--- /dev/null
+++ b/src/main/webapp/static/themes/openolatexample/_license.scss
@@ -0,0 +1,31 @@
+@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
+ * ========================================================
+**/
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolatexample/all/content.css b/src/main/webapp/static/themes/openolatexample/all/content.css
new file mode 100644
index 0000000000000000000000000000000000000000..6fa0ebf111e965708adf3713188e0644a5f96096
--- /dev/null
+++ b/src/main/webapp/static/themes/openolatexample/all/content.css
@@ -0,0 +1,577 @@
+/*
+* ------ NOTE -------
+* since OpenOLAT directly includes the content.css from the theme, we need to compile this to a separate css file.
+* to do that, we need to "@import" our definitions and mixins.
+*
+*/
+/*
+* =================================================
+*
+* 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...
+*
+* =================================================
+*/
+/*
+* =================================================
+*
+* 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: Century Gothic, Apple Gothic, sans-serif; }
+
+textarea, pre, tt, code {
+ font-size: 90%;
+ color: inherit;
+ line-height: inherit;
+ margin: inherit; }
+
+body {
+ font-size: 75%;
+ 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: #025d8c; }
+
+a:hover {
+ text-decoration: underline;
+ color: #025d8c; }
+
+a.b_link_extern {
+ background: transparent url("../openolat/images/external_link_trimmed.png") no-repeat right top;
+ padding-right: 13px; }
+
+.b_link_mailto {
+ background: transparent url("../openolat/images/mail_small.png") no-repeat left center;
+ padding-left: 18px; }
+
+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: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
+ 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; }
+
+/** ---- our modifications ---- **/
+* {
+ font-family: Century Gothic, Apple Gothic, sans-serif; }
+
+body {
+ font-size: 75%;
+ color: #444; }
+
+h1, h2, h3, h4, h5, fieldset legend {
+ text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
+ -moz-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
+
+a, a:visited {
+ text-decoration: none;
+ color: #025d8c; }
+
+a:hover {
+ text-decoration: underline;
+ color: #025d8c; }
diff --git a/src/main/webapp/static/themes/openolatexample/all/content.scss b/src/main/webapp/static/themes/openolatexample/all/content.scss
new file mode 100644
index 0000000000000000000000000000000000000000..44058e45f1ac4f998ebda84619829d2c9902880b
--- /dev/null
+++ b/src/main/webapp/static/themes/openolatexample/all/content.scss
@@ -0,0 +1,40 @@
+
+
+/*
+* ------ NOTE -------
+* since OpenOLAT directly includes the content.css from the theme, we need to compile this to a separate css file.
+* to do that, we need to "@import" our definitions and mixins.
+*
+*/
+
+
+@import "definitions";
+@import "mixins";
+
+// import the default content.scss
+@import "../openolat/all/content.scss";
+
+/** ---- our modifications ---- **/
+
+* {
+ font-family: $defaultfont;
+}
+
+body {
+ font-size: $defaultfontsize;
+ color:#444;
+}
+
+h1,h2,h3,h4,h5,fieldset legend {
+ @include o-text-shadow(0,3px,3px,rgba(0,0,0,0.4));
+}
+
+
+a,a:visited {
+ text-decoration:none;
+ color:$basecolor;
+}
+a:hover {
+ text-decoration:underline;
+ color:$basecolor;
+}
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolatexample/layout.css b/src/main/webapp/static/themes/openolatexample/layout.css
deleted file mode 100644
index 34cbe4e69cc30c65826def5123126c896019bf6d..0000000000000000000000000000000000000000
--- a/src/main/webapp/static/themes/openolatexample/layout.css
+++ /dev/null
@@ -1,5592 +0,0 @@
-@charset "UTF-8";
-/*
- * ========================================================
- * <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);
-/* --------------- */
-/*
-* =================================================
-*
-* 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...
-*
-* =================================================
-*/
-/*
-* =================================================
-*
-* 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 (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 */
-/* --------------- */
-/*
-* =================================================
-*
-* 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_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: 20px;
- background-position: 2px 50%; }
- div.b_tree ul.b_tree_l1 a.b_tree_icon {
- padding-left: 30px;
- background-position: 12px 50%; }
- div.b_tree ul.b_tree_l2 a.b_tree_icon {
- padding-left: 40px;
- background-position: 22px 50%; }
- div.b_tree ul.b_tree_l3 a.b_tree_icon {
- padding-left: 50px;
- background-position: 32px 50%; }
- div.b_tree ul.b_tree_l4 a.b_tree_icon {
- padding-left: 60px;
- background-position: 42px 50%; }
- div.b_tree ul.b_tree_l5 a.b_tree_icon {
- padding-left: 70px;
- background-position: 52px 50%; }
- div.b_tree ul.b_tree_l6 a.b_tree_icon {
- padding-left: 80px;
- background-position: 62px 50%; }
- div.b_tree ul.b_tree_l7 a.b_tree_icon {
- padding-left: 90px;
- background-position: 72px 50%; }
- div.b_tree ul.b_tree_l8 a.b_tree_icon {
- padding-left: 100px;
- background-position: 82px 50%; }
- div.b_tree ul.b_tree_l9 a.b_tree_icon {
- padding-left: 110px;
- background-position: 92px 50%; }
- div.b_tree ul.b_tree_l10 a.b_tree_icon {
- padding-left: 120px;
- background-position: 102px 50%; }
- div.b_tree ul.b_tree_l11 a.b_tree_icon {
- padding-left: 130px;
- background-position: 112px 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; }
-
- /** ------------------ 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%; }
-
- /* --------------- 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 --------------- */
- 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_desc a.b_togglebox_opened {
- z-index: 10;
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- top: 5px;
- left: 5px;
- background: url(../images/brasato/information.png) no-repeat 0 50%;
- padding: 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_opened:hover {
- background: url(../images/brasato/information_over.png) no-repeat 0 50%;
- padding: 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_closed {
- display: block;
- width: 20px;
- height: 20px;
- background: url(../images/brasato/information_discreet.png) no-repeat top left;
- padding: 0; }
-
- div.b_titled_wrapper_desc a.b_togglebox_closed:hover {
- background: url(../images/brasato/information.png) no-repeat top left; }
-
- div.b_titled_wrapper_desc div.b_togglebox div.b_togglebox_content {
- position: relative;
- margin-bottom: 1em; }
-
- div.b_titled_wrapper_desc a.b_togglebox_hide span {
- position: absolute;
- bottom: 0;
- right: 0;
- padding: 0 6px 3px 0; }
-
- div.b_titled_wrapper_desc 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.b_titled_wrapper div.b_noti {
- position: absolute;
- top: 0;
- right: 25px; }
-
- 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-expand.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-expand.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; } }
-/*
-* =================================================
-*
-* 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; }
-
-/*
-* =================================================
-*
-* 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: 1px 0 1px 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; }
-
-/* ------- 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/cross-script.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("../images/olat/information.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_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_mov {
- background-image: url("../openolat/images/docs/document-film.png") !important; }
-
-.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("../images/olat/vcard.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/cross-script.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
-* it is not compiled to a separate css-file...
-*
-* =================================================
-*/
-* {
- font-family: Century Gothic, Apple Gothic, sans-serif; }
-
-textarea, pre, tt, code {
- font-size: 90%;
- color: inherit;
- line-height: inherit;
- margin: inherit; }
-
-body {
- font-size: 75%;
- 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(../images/olat/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: #fbfbfb url(../images/brasato/generic/background_gradient_white.png) repeat-x bottom left;
- 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 -------- */
-/*
-* =================================================
-*
-* 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 rgba(0, 0, 0, 0.2);
- 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 div.b_wizard_header_wrapper {
- background: #fff; }
-div.b_wizard div.b_wizard_header {
- background: #fff;
- position: relative; }
-div.b_wizard div.b_wizard_header_title {
- background: #fff;
- min-height: 18px;
- line-height: 18px;
- vertical-align: middle;
- padding: 2px 5px 2px 5px;
- color: #4F576A; }
- 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: #fff; }
-div.b_wizard div.b_wizard_steps_content {
- background: #fff; }
-div.b_wizard div.b_wizard_steps_list {
- width: 20em;
- padding: 0;
- color: #4F576A; }
- div.b_wizard div.b_wizard_steps_list ol {
- list-style-type: decimal;
- z-index: 14;
- font-size: 95%;
- padding: 1em 5px 5px; }
- div.b_wizard div.b_wizard_steps_list li {
- line-height: 1.5em;
- white-space: normal; }
- div.b_wizard div.b_wizard_steps_list li.b_wizard_steps_current {
- font-weight: bold; }
- div.b_wizard div.b_wizard_steps_list li a {
- color: #4F576A; }
- 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: #4F576A;
- 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 {
- font-style: normal; }
-div.b_wizard div.b_wizard_steps_current {
- margin-left: 20em;
- border-left: 1px solid #777; }
-div.b_wizard div.b_wizard_steps_current_inner {
- border-bottom: 1px solid #fff;
- padding: 1em; }
-div.b_wizard div.b_wizard_steps_current_content {
- min-height: 300px;
- position: relative; }
-div.b_wizard div.b_wizard_footer_wrapper {
- background: #fff; }
-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: "< "; }
-
-span.b_wizard_button_next:after, a.b_wizard_button_next span:after {
- content: " >"; }
-
-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); }
-
-/*
-* =================================================
-*
-* 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 #ff6666;
- 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/cross-script.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(../images/brasato/bullet_white.png);
- padding-left: 18px;
- display: block; }
-
-/*
-* =================================================
-*
-* 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_tabs li.b_first.b_last {
- border: none;
- background: none;
- box-shadow: none; }
- 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 solid #ACAAAA;
- 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; }
- .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(../images/brasato/page_edit_tiny.png); }
-
-span.b_inline_editable:hover {
- cursor: text !important; }
-
-fieldset {
- 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(../images/brasato/icon_error.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.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; }
- 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; }
- 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(../images/brasato/versions.png); }
-
-div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon {
- background-image: url(../images/brasato/versions_dis.png);
- opacity: 0.2; }
-
-div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon {
- background-image: url(../images/brasato/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 */
-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: #ebebeb url(../openolat/images/portfolio/artefaktbg.png) top left repeat-x; }
-
-.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(../images/brasato/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(../images/brasato/resultset_next.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(../images/brasato/eportfolio/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;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
- background: #ebebeb url(../images/brasato/eportfolio/artefaktbg.png) top left repeat-x; }
-
-.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(../images/olat/editor/edit_bg.png);
- background-position: top left; }
-
-#o_qti_hints, #o_qti_solutions {
- margin: 1em 0; }
-
-#o_qti_hints a {
- background: url(../images/olat/lightbulb.png) no-repeat left 50%;
- cursor: help;
- padding-left: 20px; }
-
-#o_qti_hints a:focus, #o_qti_hints a:hover {
- background-image: url(../images/olat/lightbulb_hover.png); }
-
-#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; }
-
-.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(../images/brasato/information.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); }
diff --git a/src/main/webapp/static/themes/openolatexample/layout.scss b/src/main/webapp/static/themes/openolatexample/layout.scss
index 928e117a534f9cda592f2f693f3118224314b49f..35a706a5ce568607419de091d1bead1447965ef8 100644
--- a/src/main/webapp/static/themes/openolatexample/layout.scss
+++ b/src/main/webapp/static/themes/openolatexample/layout.scss
@@ -1,30 +1,29 @@
@charset "UTF-8";
-
@import "license";
@import url(../../yaml/core/slim_base.css);
/* --------------- */
-@import "mixins";
@import "definitions";
-
+@import "mixins";
/* --------------- */
@import "basemod";
-@import "dd";
@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";
@@ -38,4 +37,8 @@
@import "imscp";
@import "qti";
@import "translationtool";
-@import "course";
\ No newline at end of file
+@import "course";
+@import "misc";
+@import "feedandblog";
+
+
diff --git a/src/main/webapp/static/themes/openolatexample/patches.css b/src/main/webapp/static/themes/openolatexample/patches.css
new file mode 100644
index 0000000000000000000000000000000000000000..57d8d376cf2fb772a669469555df6ea1f728cb85
--- /dev/null
+++ b/src/main/webapp/static/themes/openolatexample/patches.css
@@ -0,0 +1 @@
+@charset "UTF-8";@import url(../../yaml/core/slim_iehacks.css);@import url(patches/yaml_patch.css);
diff --git a/src/main/webapp/static/themes/openolatexample/patches.scss b/src/main/webapp/static/themes/openolatexample/patches.scss
new file mode 100644
index 0000000000000000000000000000000000000000..3b490993d1b430925eadcfbadb9528e8ef9670eb
--- /dev/null
+++ b/src/main/webapp/static/themes/openolatexample/patches.scss
@@ -0,0 +1,9 @@
+@charset "UTF-8";
+
+/* IE Layout-independent patches from the YAML core */
+@import url(../../yaml/core/slim_iehacks.css);
+
+/* IE patches for YAML framework base layout */
+@import url(patches/yaml_patch.css);
+
+