diff --git a/src/main/java/org/olat/admin/sysinfo/_content/errors.html b/src/main/java/org/olat/admin/sysinfo/_content/errors.html
index e3e3c2888c09148bc331929e3fa6ec9f8e191002..bac06a4a3bf138e23d0fb463d53baf7b13c8a063 100644
--- a/src/main/java/org/olat/admin/sysinfo/_content/errors.html
+++ b/src/main/java/org/olat/admin/sysinfo/_content/errors.html
@@ -8,7 +8,7 @@
<input type="text" name="mymm" value="$!mymm" size="2" maxlength="2">.
<input type="text" name="myyyyy" value="$!myyyyy" size="4" maxlength="4"><span class="b_xsmall"> $r.translate("error.format")</span>
<br><br>
-<input type="submit" value="$r.translateInAttribute("error.retrieve")">
+<input type="submit" value="$r.translateInAttribute("error.retrieve")" class="b_button">
</form>
diff --git a/src/main/java/org/olat/core/gui/exception/_content/exception_page.html b/src/main/java/org/olat/core/gui/exception/_content/exception_page.html
index d1d3e77a1ae627f85510375349a4af0675c2d383..5edbf77b2200d85e43c287a63bce7bf9ef1506d7 100644
--- a/src/main/java/org/olat/core/gui/exception/_content/exception_page.html
+++ b/src/main/java/org/olat/core/gui/exception/_content/exception_page.html
@@ -136,7 +136,7 @@ $r.renderHeaderIncludes()
<textarea cols="70" rows="15" name="textarea" >$r.translate('error.errnum') ${errnum} $r.translate('error.businesspath.previous') #if($!prevbusinesspath) $prevbusinesspath #else $r.translate('error.businesspath.unkown') #{end} $r.translate('error.businesspath') #if($!lastbusinesspath) $lastbusinesspath #else $r.translate('error.businesspath.unkown') #{end} $r.translate('error.time') ${time} ---------------------------------------------
</textarea>
<div class="b_button_group">
- <input type="submit" name="olat_fosm" value="$r.translateInAttribute('send.report')" class="b_button" />
+ <input type="submit" name="olat_fosm" value="$r.translateInAttribute('send.report')" class="b_button b_button_preferred" />
<input type="reset" value="$r.translateInAttribute('cancel')" class="b_button" />
</div>
</form>
@@ -161,10 +161,11 @@ $stacktrace
<div id="b_ie_clearing"> </div>
</div>
</div>
+ <a id="b_toplink" href="#b_top" title="$r.translateInAttribute("top.alt")">$r.translate("top")</a>
+
+</div><!-- end b_page -->
<div id="b_footer" class="b_clearfix">
- <div class="b_floatbox">
- <a id="b_toplink" href="#b_top" title="$r.translateInAttribute("top.alt")">$r.translate("top")</a>
- </div>
- </div>
-</div></div>
+ <div class="b_floatbox"></div>
+ </div><!-- end footer -->
+ </div><!-- end page_margins -->
</body>
diff --git a/src/main/java/org/olat/core/logging/LogFileParser.java b/src/main/java/org/olat/core/logging/LogFileParser.java
index aa5abfa9d2f58d3ee629f891a3285ec3a1982e66..c77dd5a28c1d8be45c896b8a5b7b7d86e02b456b 100644
--- a/src/main/java/org/olat/core/logging/LogFileParser.java
+++ b/src/main/java/org/olat/core/logging/LogFileParser.java
@@ -213,16 +213,22 @@ public class LogFileParser extends LogDelegator {
SimpleDateFormat sdb = new SimpleDateFormat("yyyy-MM-dd");
String today = sdb.format(now);
String logfilepath = null;
- if (today.equals(reqdate) == false) {
+ if (! today.equals(reqdate)) {
logfilepath = logfilepathBase + "." + yyyy + "-" + mm + "-" + dd;
}else {
logfilepath = logfilepathBase;
}
- log.info("logfilepath changed to " + logfilepath + " (" + today + "|" + reqdate + ")");
+ log.info("logfilepath changed to " + logfilepath + " (today: " + today + ", requested date:" + reqdate + ")");
int counter = linecount;
int founderror = 0;
+ final File logFile = new File(logfilepath);
+ if(!logFile.exists() || !logFile.canRead()){
+ errormsg.add("logfile <b>"+logfilepath+"</b> does not exist or unable to read from");
+ return errormsg;
+ }
+
try {
- BufferedReader br = new BufferedReader(new FileReader(logfilepath));
+ BufferedReader br = new BufferedReader(new FileReader(logFile));
while ((line = br.readLine()) != null) {
if (counter == 0) {
errormsg.add(line);
@@ -248,6 +254,8 @@ public class LogFileParser extends LogDelegator {
}
memoryline = line;
}
+ br.close();
+
if (founderror > 0) {
if (counter < linecount) {
while (counter > 0) {
@@ -256,7 +264,11 @@ public class LogFileParser extends LogDelegator {
}
}
}
- br.close();
+
+ if (founderror == 0){
+ errormsg.add("no error with number "+errorNumber+" found in "+logfilepath);
+ }
+
return errormsg;
} catch (IOException e) {
throw new OLATRuntimeException("error reading OLAT error log at " + logfilepath, e);
diff --git a/src/main/java/org/olat/modules/fo/_content/threadview.html b/src/main/java/org/olat/modules/fo/_content/threadview.html
index f4ce3b318b8dc9ba28133bdd53ebf44160d2ebef..c8cfc169a089c08994fef3926809c6d5179c99bb 100644
--- a/src/main/java/org/olat/modules/fo/_content/threadview.html
+++ b/src/main/java/org/olat/modules/fo/_content/threadview.html
@@ -66,7 +66,7 @@
<div class="o_forum_message_content_wrapper ">
<div class="o_forum_message_content b_clearfix ">
- <div class="o_forum_message_creator b_float_left">
+ <div class="o_forum_message_creator">
<strong>$message.get("firstname") $message.get("lastname")</strong>
<br />
<br />
diff --git a/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java b/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java
index fb7a8349446c1a794b2054e716a5accb82808004..faaf80a27a1e6d954c04d51301153e64cf994edd 100644
--- a/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java
+++ b/src/main/java/org/olat/test/guidemo/GuiDemoLinksController.java
@@ -56,6 +56,7 @@ public class GuiDemoLinksController extends BasicController {
private Link buttonSmall;
private Link button;
private Link buttonDirty;
+ private Link buttonPreferred;
private Link link;
private Link linkExtern;
@@ -86,6 +87,8 @@ public class GuiDemoLinksController extends BasicController {
button = LinkFactory.createButton("button", mainVC, this);
buttonDirty = LinkFactory.createButton("button.dirty", mainVC, this);
buttonDirty.setCustomEnabledLinkCSS("b_button b_button_dirty");
+ buttonPreferred = LinkFactory.createButton("button.preferred", mainVC, this);
+ buttonPreferred.setCustomEnabledLinkCSS("b_button b_button_preferred");
Link buttonDisabled = LinkFactory.createCustomLink("button.disabled", "button.disabled", "button.disabled", Link.BUTTON, mainVC, this);
buttonDisabled.setEnabled(false);
@@ -113,8 +116,10 @@ public class GuiDemoLinksController extends BasicController {
TextFactory.createTextComponentFromString("text.simple", "Hello World, this text is hardcoded", null, true, mainVC);
TextFactory.createTextComponentFromI18nKey("text.translated", "text.translated", getTranslator(), null, true, mainVC);
counterText = TextFactory.createTextComponentFromString("text.simple.counter", "I'm counting events fron this controller: 0", null, true, mainVC);
- TextFactory.createTextComponentFromString("text.span", "I'm a text in a SPAN", "b_dimmed b_border_box", true, mainVC);
- TextFactory.createTextComponentFromString("text.div", "I'm a text in a DIV", "b_warning b_border_box", false, mainVC);
+ TextFactory.createTextComponentFromString("text.span", "I'm a text in a SPAN", null, true, mainVC);
+ TextFactory.createTextComponentFromString("text.div", "I'm a text in a DIV (with optional CSS class <b>b_warning b_border_box</b>)", "b_warning b_border_box", false, mainVC);
+ TextFactory.createTextComponentFromString("text.div.note", "I'm a text in a DIV (with optional CSS class <b>b_note </b>)", "b_note", false, mainVC);
+ TextFactory.createTextComponentFromString("text.div.dimmed", "I'm a text in a DIV (with optional CSS class <b>b_dimmed b_border_box</b>)", "b_dimmed b_border_box", false, mainVC);
//add sourceview control
Controller sourceView = new SourceViewController(ureq, wControl, this.getClass(), mainVC);
diff --git a/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html b/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html
index b44ac14b0cb9fef723c58c8e7ec3d8cbd0086395..e93ae1c9ee78ac90aaf18fe3b5750a0a54ad1c5b 100644
--- a/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html
+++ b/src/main/java/org/olat/test/guidemo/_content/guidemo-links.html
@@ -10,6 +10,7 @@ Buttons:<br>
<p>$r.render("button.small") (CSS classes <b>b_button</b> and <b>b_small</b>)</p>
<p>$r.render("button") (CSS class <b>b_button</b>)</p>
<p>$r.render("button.dirty") (CSS class <b>b_button_dirty</b>)</p>
+<p>$r.render("button.preferred") (CSS class <b>b_button_preferred</b>)</p>
<p>$r.render("button.disabled") (CSS classes <b>b_button</b> and <b>b_disabled</b>)</p>
<p>$r.render("button.long.trans")</p>
<p>$r.render("sonne")</p>
@@ -33,8 +34,10 @@ Text Component:<br>
<li>$r.render("text.simple")</li>
<li>$r.render("text.simple.counter")</li>
<li>$r.render("text.translated")</li>
-<li>$r.render("text.span") (with optional CSS class <b>b_dimmed b_border_box</b>)</li>
-<li>$r.render("text.div") (with optional CSS class <b>b_warning b_border_box</b>)</li>
+<li>$r.render("text.span")</li>
+<li>$r.render("text.div")</li>
+<li>$r.render("text.div.note")</li>
+<li>$r.render("text.div.dimmed")</li>
</ul>
<br>
<hr>
diff --git a/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_de.properties b/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_de.properties
index fa935b6b3c068245dd8275c6fcd871f703e67910..d13392ec44e08b59f7f82ae9a563ac2238f9da05 100644
--- a/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_de.properties
+++ b/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_de.properties
@@ -66,6 +66,7 @@ button.disabled=Button (disabled)
button.long.trans=Button (longTransaction enabled)
button.small=Button (small)
button.dirty=Button (dirty)
+button.preferred=Button (preferred)
button.xsmall=Button (xsmall)
choose=w\u00E4hlen
close=schliessen
diff --git a/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_en.properties b/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_en.properties
index c33763fd527b5bcf1ff97322f26e5dbb794636a5..4b942c8874cce291392fd6be0ec832a339d41314 100644
--- a/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_en.properties
+++ b/src/main/java/org/olat/test/guidemo/_i18n/LocalStrings_en.properties
@@ -65,6 +65,8 @@ button.disabled=Button (disabled)
button.long.trans=Button (long transaction enabled)
button.small=Button (small)
button.xsmall=Button (xsmall)
+button.dirty=Button (dirty)
+button.preferred=Button (preferred)
calloutTriggerLink=Add user
calloutTriggerLink2=more...
choose=Choose
diff --git a/src/main/java/org/olat/test/guidemo/wizard/GuiDemoStepsRunner.java b/src/main/java/org/olat/test/guidemo/wizard/GuiDemoStepsRunner.java
index 1b050357061d188016da5b1f6c8a31b6af3fac69..a3acc54a572c358005928e7ca56e12386db9b821 100644
--- a/src/main/java/org/olat/test/guidemo/wizard/GuiDemoStepsRunner.java
+++ b/src/main/java/org/olat/test/guidemo/wizard/GuiDemoStepsRunner.java
@@ -120,9 +120,9 @@ public class GuiDemoStepsRunner extends BasicController {
// here goes the code which reads out the wizards data from the
// runContext and then does some wizardry
//
- // after successfully finishing -> send a NOSTEP to indicate proper
+ // after successfully finishing -> send a DONE_CHANGED or DONE_UNCHANGED to indicate proper
// finishing
- return Step.NOSTEP;
+ return StepsMainRunController.DONE_UNCHANGED;
}
};
@@ -261,7 +261,6 @@ public class GuiDemoStepsRunner extends BasicController {
@Override
@SuppressWarnings("unused")
protected void initForm(FormItemContainer formLayout, Controller listener, UserRequest ureq) {
- setFormTitle("another one");
//
firstName = uifactory.addTextElement("firstname", null, 256, (String) getFromRunContext("firstname"), formLayout);
firstName.setEnabled(false);
diff --git a/src/main/webapp/static/themes/compiletheme.sh b/src/main/webapp/static/themes/compiletheme.sh
index 2d993c02fde179b7566e22001b492f04313bf9a0..99871883132b434268b27f12a1d5a1495df65167 100755
--- a/src/main/webapp/static/themes/compiletheme.sh
+++ b/src/main/webapp/static/themes/compiletheme.sh
@@ -6,3 +6,9 @@
sass --version
sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile .
+
+#sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile bzg
+#sass --style extended --update --load-path openolat openolat/all openolat/all/modules openolat/print openolat/mobile zag
+
+
+
diff --git a/src/main/webapp/static/themes/openolat/all/_basemod.scss b/src/main/webapp/static/themes/openolat/all/_basemod.scss
index 17735da5009408c133611dd3cc2543b68b4c61b9..9aeb4f66b26ea459965ff676fdc802dbd5e73178 100644
--- a/src/main/webapp/static/themes/openolat/all/_basemod.scss
+++ b/src/main/webapp/static/themes/openolat/all/_basemod.scss
@@ -18,6 +18,7 @@
*/
@media all {
+
html{ min-height:100%;}
/** ----------------- MAIN LAYOUT ----------------- **/
/**
@@ -91,12 +92,20 @@ body {
// hide right margin+border if no right-column (col2)
.b_hidecol2 #b_col3 {
margin-right: 0 ! important;
- border-right: 0;
+ border-right: none;
}
// hide left margin+border if no left-column (col1)
.b_hidecol1 #b_col3 {
margin-left: 0 ! important;
- border-left: 0;
+ border-left: none;
+}
+
+// hide both margin+border if no left- and right-columns
+.b_hideboth #b_col3 {
+ margin-left: 0 !important;
+ margin-right:0 !important;
+ border-left:none;
+ border-right:none;
}
.b_hideboth #b_col1, .b_hideboth #b_col2,
@@ -105,7 +114,6 @@ body {
display: none;
}
-
.b_c15r,.b_c20r,.b_c80r,.b_c85r{float:right;margin-left:-5px;}
.b_c15l,.b_c15r{width:15%}
.b_c20l,.b_c20r{width:20%}
@@ -117,6 +125,12 @@ body {
/* IFRAME */
div.b_iframe_wrapper iframe { width:100%; position:relative; top: 0; left:0; border:none; margin: 0; padding: 0; background: transparent;}
+
+/* RedScreen View */
+#b_main.b_exception {
+ padding-left: 165px;
+ padding-right: 165px;
+}
/** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
@@ -184,12 +198,11 @@ div.b_iframe_wrapper iframe { width:100%; position:relative; top: 0; left:0; bor
background: #fff;
background: rgba(255,255,255,0.5);
-
/* -- SITES ( home, users, groups, etc. ) -- */
&.b_nav_site {
//active sites
- &.b_nav_active,&:hover {
+ &.b_nav_active,&:hover,&.b_exception {
a.b_nav_tab_close { background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
@include o-box-shadow(0, -4px,8px -1px, #d3d3d3);
background:#fff;
@@ -212,9 +225,9 @@ div.b_iframe_wrapper iframe { width:100%; position:relative; top: 0; left:0; bor
&.o_site_repository > div { background-image: url('../openolat/images/books-stack.png'); }
&.o_site_groups > div { background-image: url('../openolat/images/users.png'); }
&.site_demo_icon > div { background-image: url('../openolat/images/information-white.png'); }
- &.f_site_library > div { background-image: url('../openolat/images/library.png'); }
+ &.f_site_library > div { background-image: url('../openolat/images/library.png'); }
+ &.fx_members > div { background-image: url('../openolat/images/users_members.png'); }
&.o_site_guidemo div { background-image: url('../openolat/images/light-bulb.png') }
-
&.b_resource_GroupInfoMainController div { background-image: url(../openolat/images/users.png) }
}
@@ -270,6 +283,7 @@ div.b_tree {
background:transparent;
margin-left:0;
padding-left:0;
+ line-height:1.7em;
// a tree element with icon
a.b_tree_icon {padding-left: 20px; padding-top:2px; position: relative; background-position: 0 50%; background-repeat: no-repeat;}
@@ -288,9 +302,10 @@ div.b_tree {
z-index: 9;
}
+
/* selected, hovered, active <a> tag */
- a:focus, a:hover { color: $basecolor; background-color: white; text-decoration:underline; }
- a.b_tree_selected,a:active { color: $basecolor; background-color: white; text-decoration:none; }
+ a:focus, a:hover { color: $basecolor; background-color: transparent; text-decoration:underline; }
+ a.b_tree_selected,a:active { color: $basecolor; background-color: transparent; text-decoration:none; }
li a.b_tree_selected_parents,a.b_tree_l0,strong { color: $basecolor; font-weight: bold; }
@@ -428,7 +443,7 @@ 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; }
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; }
+ a.b_togglebox_closed {display:block; width:20px; height:20px; background: url(../openolat/images/information-white.png) no-repeat top left; padding:0; @include o-opacity(60); }
div.b_togglebox div.b_togglebox_content { position:relative; margin-bottom:1em; }
a.b_togglebox_hide span { position:absolute; bottom:0; right:0; padding:0 6px 3px 0; }
a.b_togglebox_hide:hover { text-decoration:underline; }
@@ -458,8 +473,6 @@ div.o_catalog {
}
-
-
/** -------------- TAGGING ---------------- **/
/* tagging */
.b_tag_list { background: url(../openolat/images/tag-label-yellow.png) 0px 3px no-repeat !important; }
diff --git a/src/main/webapp/static/themes/openolat/all/_definitions.scss b/src/main/webapp/static/themes/openolat/all/_definitions.scss
index 87d0cd90d5d58058829cfbf733bd55b472126798..7e0e5c47e67a905445b650dc25ba0d77f7737a3d 100644
--- a/src/main/webapp/static/themes/openolat/all/_definitions.scss
+++ b/src/main/webapp/static/themes/openolat/all/_definitions.scss
@@ -28,9 +28,13 @@ $basegray_ultra_light: #eee !default;
/* 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;
+/* the defaultfont used in : text, main content, etc. */
+$defaultfont : Arial, sans-serif !default;
+/* the font used in : navigation (tabs + tree), headings */
+$headerfont : Century Gothic, Apple Gothic, sans-serif !default;
+/* the overall default font-size */
+$defaultfontsize : 75% !default;
/* defines the body-background */
@mixin bodybg(){
@@ -38,3 +42,4 @@ $defaultfontsize : 75% !default;
}
+
diff --git a/src/main/webapp/static/themes/openolat/all/_icons.scss b/src/main/webapp/static/themes/openolat/all/_icons.scss
index b40ec83a9c59e68fa7d8a8756c3ec672da1a3b2e..02bc9e1dbae728faeb42ce2409e21d69bbfe710c 100644
--- a/src/main/webapp/static/themes/openolat/all/_icons.scss
+++ b/src/main/webapp/static/themes/openolat/all/_icons.scss
@@ -272,5 +272,6 @@ li a.b_toolbox_copy, .b_copy_icon { background-image: url('../openolat/images/do
.o_ep_icon, .o_EPStructuredMapTemplate_icon { background-image: url('../openolat/images/le_resources/portfolio.png')!important}
.o_infomsg_icon { background-image: url('../openolat/images/information-button.png')!important}
.o_cmembers_icon { background-image: url('../openolat/images/users.png')!important}
+.fx_members_icon { background-image: url('../openolat/images/users_members.png') !important; }
body#b_body .o_CourseModule_icon_closed {background-image:url('../openolat/images/le_resources/book-open-text-image_locked.png');}
\ No newline at end of file
diff --git a/src/main/webapp/static/themes/openolat/all/_mixins.scss b/src/main/webapp/static/themes/openolat/all/_mixins.scss
index 7c6f041a988797c147a1fbaa7220950f78c9a322..ea940727e9054c8ebe024a4d33d2fc260d1fb6b1 100644
--- a/src/main/webapp/static/themes/openolat/all/_mixins.scss
+++ b/src/main/webapp/static/themes/openolat/all/_mixins.scss
@@ -128,6 +128,39 @@
transition: $what $dur $eff;
}
+
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
+@mixin o-opacity($percent){
+ $op : $percent/100;
+
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom:1;
+
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=$percent);
+
+ /* Older than Firefox 0.9 */
+ -moz-opacity:$op;
+
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: $op;
+
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: $op;
+}
+
// the OpenOLAT button style
@mixin btt-outer {
@include o-border-radius(2px);
diff --git a/src/main/webapp/static/themes/openolat/all/content.css b/src/main/webapp/static/themes/openolat/all/content.css
index 09afe5b1a5d4abded522254f4fac92482aff64b2..8851b0ae6ee94880d79b6abc4c064f6369787b32 100644
--- a/src/main/webapp/static/themes/openolat/all/content.css
+++ b/src/main/webapp/static/themes/openolat/all/content.css
@@ -34,6 +34,9 @@
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
/* then we need a base-gray and some variations */
/* here you can define the two small icons used in trees: + and - */
+/* the defaultfont used in : text, main content, etc. */
+/* the font used in : navigation (tabs + tree), headings */
+/* the overall default font-size */
/* defines the body-background */
/*
* =================================================
@@ -50,21 +53,28 @@
*
* =================================================
*/
-* {
- font-family: Century Gothic, Apple Gothic, sans-serif; }
-
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
textarea, pre, tt, code {
+ font-family: Arial, sans-serif;
font-size: 90%;
color: inherit;
line-height: inherit;
margin: inherit; }
body {
+ font-family: Arial, sans-serif;
font-size: 75%;
color: #444; }
+#b_header #b_topnav, #b_nav_main, div.b_tree {
+ font-family: Century Gothic, Apple Gothic, sans-serif; }
+
/** ----------------- HEADERS ----------------- **/
h1, h2, h3, h4, h5, h6 {
+ font-family: Century Gothic, Apple Gothic, sans-serif;
font-weight: bold;
margin: 0 0 0.25em 0; }
@@ -216,11 +226,16 @@ blockquote.b_quote {
border: 1px solid #e5e5e5;
color: black;
padding: 8px 10px 6px;
- color: #646464; }
+ color: #646464;
+ background: #fff; }
.b_border_box {
border: 1px solid #ccc;
- padding: 1em; }
+ padding: 1em;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px; }
.b_warning {
padding: 1em;
@@ -239,9 +254,24 @@ blockquote.b_quote {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 ); }
.b_dimmed {
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.4;
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.o_ochre {
color: #c8a959; }
@@ -512,7 +542,7 @@ div.b_form_auto_completer_item {
padding-bottom: 2px; }
div.b_form_auto_completer_item.x-combo-selected {
- background-color: #c4d0dc;
+ background-color: #f3feff;
border-left: 0 !important;
border-right: 0 !important; }
diff --git a/src/main/webapp/static/themes/openolat/all/content.scss b/src/main/webapp/static/themes/openolat/all/content.scss
index 9b81b5a886ec4f5ac98afda6ef788f9279ad3f49..0c205b989b3e4659db074a2a9eb4147792cc1694 100644
--- a/src/main/webapp/static/themes/openolat/all/content.scss
+++ b/src/main/webapp/static/themes/openolat/all/content.scss
@@ -23,21 +23,19 @@
@import "mixins";
-* {
- font-family: $defaultfont;
-}
-
-textarea, pre, tt, code { font-size: 90%; color:inherit; line-height:inherit;margin:inherit;}
-
+textarea, pre, tt, code { font-family: $defaultfont; font-size: 90%; color:inherit; line-height:inherit;margin:inherit;}
body {
+ font-family: $defaultfont;
font-size: $defaultfontsize;
color:#444;
}
+#b_header #b_topnav,#b_nav_main, div.b_tree { font-family: $headerfont; }
+
/** ----------------- HEADERS ----------------- **/
-h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
+h1,h2,h3,h4,h5,h6 {font-family: $headerfont; 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 */
@@ -96,10 +94,10 @@ div.b_note, div.b_important, div.b_warning, div.b_info { margin: 1em 0;}
.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 rgb(229, 229, 229);color: black;padding: 8px 10px 6px;color: #646464; }
-.b_border_box { border: 1px solid #ccc; padding: 1em; }
+blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: black;padding: 8px 10px 6px;color: #646464;background:#fff; }
+.b_border_box { border: 1px solid #ccc; padding: 1em; @include o-border-radius(2px); }
.b_warning { padding: 1em; border: 2px #ffc659 solid; @include o-border-radius(4px); @include o-gradient2(#ffe49c,#fff4da); }
-.b_dimmed { -moz-opacity: 0.4; opacity:0.4; filter: alpha(opacity=40);}
+.b_dimmed { @include o-opacity(40); }
.o_ochre { color: #c8a959; }
/* FLOTING STYLES */
@@ -197,18 +195,15 @@ blockquote.b_quote { margin: 0; border: 1px solid rgb(229, 229, 229);color: blac
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.x-combo-selected { background-color: $basecolor_ultra_light; 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 span.b_value { }
div.b_form_auto_completer_item.b_error_icon { color: #990000; font-style: italic;}
-
-
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 2702e031964705f3bcae77777bbdc5480ba00c87..60c14e201621fee6605675cf97df5fc7328c674f 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_briefcase.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_briefcase.scss
@@ -29,9 +29,9 @@
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 span.b_briefcase_edit_meta_dis_icon {background-image: url(../openolat/images/docs/document_metadata_edit.png); @include o-opacity(20); }
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_versions_dis_icon {background-image: url(../openolat/images/docs/document_versions.png); @include o-opacity(20); }
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/_dd.scss b/src/main/webapp/static/themes/openolat/all/modules/_dd.scss
index d35fe86acfaf80e39d6ec97c8b7b3f95f99bed43..a2e7b01db53e61510a256e0a64a918282892aaa3 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_dd.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_dd.scss
@@ -14,7 +14,7 @@
/* (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_proxy {@include o-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; }
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 bc851ec15a26806ccb34b616bf1ebd5065900372..e0973e1755caa2a76e92008cb84fa51977f163d5 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_dialogs.scss
@@ -38,7 +38,7 @@ 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: #000; -moz-opacity: 0.25; opacity:0.25; filter: alpha(opacity=25);}
+div.b_modal_overlay, div.ext-el-mask { background: #000; @include o-opacity(25);}
.b_floatscrollbox {
overflow-x: hidden;
@@ -160,7 +160,8 @@ div.b_togglebox div.b_togglebox_content { padding: 1em; border: 1px solid #ACAAA
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
- @include o-gradient2(#ccc,#fff);
+ //@include o-gradient2(#ccc,#fff);
+ background:#fff;
@include o-border-radius($di_border_radius);
$col_outerwizard: transparent;
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 f19cfe6a3cbdb93a24928597c21623acae38e4e2..156c6f85f00d77589caa5280680de0b8c0f17ae4 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_formsandbuttons.scss
@@ -17,7 +17,16 @@
@include o-box-shadow-inset(0, 1px, 2px, rgba(0,0,0,0.3));
border-color:$basecolor;
}
+
+ &.b_button_preferred {
+ $prfcol_1: mix($basecolor_light,#f5f5f5, 25%);
+ $prfcol_2: #f1f1f1;
+ @include o-gradient2($prfcol_1,$prfcol_2);
+ border: 1px solid $basecolor;
+ }
}
+
+
/* dirty button (form with unsaved values ) */
.b_button_dirty {
@include o-gradient2( #ffffff,#FFF7E0);
@@ -141,6 +150,7 @@ fieldset {
border:none;
border-top:1px solid $basecolor_light;
legend {
+ font-family: $headerfont;
padding : 0 5px;
font-size:120%;
font-weight:bold;
@@ -192,7 +202,6 @@ div.b_form {
div.b_form_element_wrapper {
margin: 0;
}
-
}
/* form button groups */
@@ -279,7 +288,7 @@ div.b_fileinput {
a { margin-left: 5px; }
}
span.b_fileinput_maxsize { padding: 1px 0 1px 1em; font-style: italic; min-height: 16px; vertical-align: middle;} /* same as mall icon left */
- input.b_fileinput_realchooser { position: relative; top: 0; left: 0; z-index: 2; -moz-opacity:0; opacity: 0; filter: alpha(opacity=0);}
+ input.b_fileinput_realchooser { position: relative; top: 0; left: 0; z-index: 2; @include o-opacity(0);}
div.b_button_group { text-align: left; padding-left: 0; margin-left: 0;}
}
.b_fileinput_icon { background-image: url(../openolat/images/drive.png); }
@@ -303,7 +312,7 @@ div.b_mark {
div.b_form_element { margin:0; padding:0; }
}
a.b_mark_set { background: url(../openolat/images/flag.png) center right no-repeat; display:block; width:20px; height:20px; }
- 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);}
+ a.b_mark_not_set { background: url(../openolat/images/flag.png) center right no-repeat; display:block; width:20px; height:20px; @include o-opacity(40);}
a.b_mark_set span, a.b_mark_not_set span { display:block; width:19px; height:19px; }
}
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_forum.scss b/src/main/webapp/static/themes/openolat/all/modules/_forum.scss
index cc22073d59524b628c1c8c572fe46c3e5f827fe0..e49d3b675dca4f75c63b03f6b90f5bfb08220377 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_forum.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_forum.scss
@@ -1,11 +1,10 @@
/* FORUM */
div.o_forum {
- div.o_forum_switch { border: 1px solid #8F99AD; padding: 3px; font-size: 95% }
+ div.o_forum_switch { font-size: 90% }
div.o_forum_message {
- margin: 1em 0 1em 0;
+ margin: 1em 0 1em 0 ;
padding: 0.5em;
- border: 1px solid $basegray_light;
@include o-border-radius(4px);
background: $basegray_ultra_light;
}
@@ -14,6 +13,7 @@ div.o_forum {
div.o_forum_message_header { min-height: 24px;}
}
+
div.o_forum_message_title {
vertical-align: middle; padding: 2px 5px 2px 5px; min-height: 24px;
strong { font-weight: bold;}
@@ -24,12 +24,16 @@ div.o_forum {
div.o_forum_message_content { }
}
+
div.o_forum_message_creator {
- width: 100px; padding: 0.5em 0px 0px 0px; font-size: 95%; color: #4F576A;
+ width: 100px; padding: 0.5em 12px 0px 21px; font-size: 95%; color: #4F576A;
+ float:right;
+ border-left:1px solid #fff;
strong { font-weight: normal; }
img { border: 1px solid #4F576A; }
}
- div.o_forum_message_body { padding: 0.5em; margin-left:100px; background:#fff; margin-right:3px; }
+
+ div.o_forum_message_body { padding: 0.5em; background:transparent; margin-right:155px; }
div.o_forum_message_attachments {
margin: 2em 0 0.5em 0; border-top: 1px solid $basegray; font-size: 95%;
strong { display: block; margin: 0.5em 0; font-weight: normal; font-style: italic; }
@@ -42,7 +46,6 @@ div.o_forum {
div.o_forum_message_footer_wrapper { }
div.o_forum_message_actions { text-align: center; padding: 0.2em 1em; padding-top:0.8em;}
-
}
span.o_forum_thread_sticky { font-weight: bold; }
diff --git a/src/main/webapp/static/themes/openolat/all/modules/_misc.scss b/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
index 3c7365f01e3c324ca76ffd47abd136656112fbc4..437168ca45c98d7e2022a18dcfcb2d8c9551a219 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_misc.scss
@@ -1,9 +1,18 @@
/* 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;}
+/* BUSINESS CARD & Member site, members search */
+div.o_members_search { padding-top: 10px; padding-left: 10px; }
+div.filters { text-align: center; padding-top: 1.5em; }
+div.o_members_search div.searchitem { margin-bottom: 0.5em; }
+div.searchitem select, div.searchitem input { width: 250px; }
+.o_members_register { margin-bottom: 5px; }
+.o_members_register_active { font-weight: bold; font-size: 120%; }
+div.o_members_paging { width: 100%; padding-bottom: 1em; padding-top: 0.5em; text-align: center; }
+div.o_members_paging div { padding-left: 1em; padding-right: 1em; display: inline; }
+
+div.o_bcard { background-color: #eee; margin-top: 10px; @include o-border-radius(6px); }
+div.o_bcard_header, div.o_members_header {padding: 6px; border-bottom:1px solid #fff; }
div.o_bcard_portrait {
float: left; display:inline; width: 100px; height: 100px; margin: 10px;
img {border:1px #d3d3d3 solid;}
@@ -13,6 +22,16 @@ 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;}
+/* social links (FB, twitter, google) */
+#fx_share {
+ float: left;
+ clear: left;
+ margin-top: 0.5em;
+ width: 250px;
+}
+
+
+
/* INFO MESSAGES */
div.o_infomsgs {
padding-top:5px;
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 dfb61f106aca13744f30aa32d468dc4af5b6b199..9e39347c4e43d08bb051c66901739b14ba08f9b2 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
@@ -106,43 +106,44 @@ div.o_portlet_repository_student td.b_first_child { width: 24px;}
div.o_portlet_repository_teacher td.b_first_child { width: 24px;}
/* small portlet icons */
-.b_portlet .b_portlet_header { background-repeat:no-repeat; background-position: 0% 50%; padding-left:18px; padding-top:5px; padding-bottom:5px;}
+.b_portlet .b_portlet_header { background-repeat:no-repeat; background-position: 0% 50%; padding-left:27px; padding-top:5px; padding-bottom:5px;}
/* calendar */
div.o_portlet_calendar div.b_portlet_header { background-image: url(../openolat/images/calendar_empty.png); padding-left:2px; padding-top:8px;
}
+$pdgr_calendar : 16px;
-div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before { content:"1"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before { content:"2"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before { content:"3"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before { content:"4"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before { content:"5"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before { content:"6"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before { content:"7"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before { content:"8"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before { content:"9"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before { content:"10"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before { content:"11"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before { content:"12"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before { content:"13"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before { content:"14"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before { content:"15"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before { content:"16"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before { content:"17"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before { content:"18"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before { content:"19"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before { content:"20"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before { content:"21"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before { content:"22"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before { content:"23"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before { content:"24"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before { content:"25"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before { content:"26"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before { content:"27"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before { content:"28"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before { content:"29"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before { content:"30"; font-size:smaller;padding-right:6px; }
-div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before { content:"31"; font-size:smaller;padding-right:6px; }
+div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before { content:"1"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before { content:"2"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before { content:"3"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before { content:"4"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before { content:"5"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before { content:"6"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before { content:"7"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before { content:"8"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before { content:"9"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before { content:"10"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before { content:"11"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before { content:"12"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before { content:"13"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before { content:"14"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before { content:"15"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before { content:"16"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before { content:"17"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before { content:"18"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before { content:"19"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before { content:"20"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before { content:"21"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before { content:"22"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before { content:"23"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before { content:"24"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before { content:"25"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before { content:"26"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before { content:"27"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before { content:"28"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before { content:"29"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before { content:"30"; font-size:smaller;padding-right: $pdgr_calendar; }
+div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before { content:"31"; font-size:smaller;padding-right: $pdgr_calendar; }
div.o_portlet_infomsg div.b_portlet_header { background-image: url(../openolat/images/comment.png); }
div.o_portlet_macartney div.b_portlet_header { background-image: url(../openolat/images/macartney.png); }
@@ -192,12 +193,12 @@ div.b_portlet.o_pt_w_if div.b_portlet_header { background-image: url(../openolat
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); }
- span.b_portlet_edit_left_disabled { background-image: url(../openolat/images/arrow_left_big.png); opacity:0.2;}
- span.b_portlet_edit_right_disabled { background-image: url(../openolat/images/arrow_right_big.png); opacity:0.2;}
- span.b_portlet_edit_down_disabled { background-image: url(../openolat/images/arrow_down_big.png); opacity:0.2;}
- span.b_portlet_edit_up_disabled { background-image: url(../openolat/images/arrow_up_big.png); opacity:0.2;}
- span.b_portlet_edit_sort_auto_disabled { background-image: url(../openolat/images/table_sort.png); opacity:0.2;}
- span.b_portlet_edit_sort_manual_disabled { background-image: url(../openolat/images/table_gear.png); opacity:0.2;}
+ span.b_portlet_edit_left_disabled { background-image: url(../openolat/images/arrow_left_big.png); @include o-opacity(20);}
+ span.b_portlet_edit_right_disabled { background-image: url(../openolat/images/arrow_right_big.png);@include o-opacity(20);}
+ span.b_portlet_edit_down_disabled { background-image: url(../openolat/images/arrow_down_big.png); @include o-opacity(20);}
+ span.b_portlet_edit_up_disabled { background-image: url(../openolat/images/arrow_up_big.png); @include o-opacity(20);}
+ span.b_portlet_edit_sort_auto_disabled { background-image: url(../openolat/images/table_sort.png); @include o-opacity(20);}
+ span.b_portlet_edit_sort_manual_disabled { background-image: url(../openolat/images/table_gear.png); @include o-opacity(20);}
}
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 92154e4eae87854b583010691d62d11c217ce32f..b6da0c8b112fa0d97e8402714ca0f24778b837fd 100644
--- a/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
+++ b/src/main/webapp/static/themes/openolat/all/modules/_qti.scss
@@ -72,8 +72,8 @@
.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_marked, .o_qti_menu_item_attempts {@include o-opacity(100); 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 { @include o-opacity(40);}
.o_qti_menu_item_attempts:hover, .o_qti_menu_item_attempts_marked:hover {color: silver; border: 1px solid silver; cursor:pointer; }
diff --git a/src/main/webapp/static/themes/openolat/images/users_members.png b/src/main/webapp/static/themes/openolat/images/users_members.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd509a85f273aff86a36fd7d6d82d0fd460effb9
Binary files /dev/null and b/src/main/webapp/static/themes/openolat/images/users_members.png differ
diff --git a/src/main/webapp/static/themes/openolat/layout.css b/src/main/webapp/static/themes/openolat/layout.css
index 0c303d2f1f3d166c734086d6e755240e56893db8..50b419e0953a61531af7bce784af39cc2c3ca0d8 100644
--- a/src/main/webapp/static/themes/openolat/layout.css
+++ b/src/main/webapp/static/themes/openolat/layout.css
@@ -45,6 +45,9 @@
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
/* then we need a base-gray and some variations */
/* here you can define the two small icons used in trees: + and - */
+/* the defaultfont used in : text, main content, etc. */
+/* the font used in : navigation (tabs + tree), headings */
+/* the overall default font-size */
/* defines the body-background */
/*
* =================================================
@@ -61,6 +64,10 @@
*
* =================================================
*/
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
/* --------------- */
/*
* =================================================
@@ -149,11 +156,17 @@
.b_hidecol2 #b_col3 {
margin-right: 0 !important;
- border-right: 0; }
+ border-right: none; }
.b_hidecol1 #b_col3 {
margin-left: 0 !important;
- border-left: 0; }
+ border-left: none; }
+
+ .b_hideboth #b_col3 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border-left: none;
+ border-right: none; }
.b_hideboth #b_col1, .b_hideboth #b_col2, .b_hidecol1 #b_col1, .b_hidecol2 #b_col2, #b_ie_clearing {
display: none; }
@@ -188,6 +201,11 @@
padding: 0;
background: transparent; }
+ /* RedScreen View */
+ #b_main.b_exception {
+ padding-left: 165px;
+ padding-right: 165px; }
+
/** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
#b_header {
height: auto;
@@ -257,14 +275,14 @@
text-decoration: none; }
#b_nav_main ul li.b_nav_site {
/** sites icons **/ }
- #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover {
+ #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover, #b_nav_main ul li.b_nav_site.b_exception {
moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
-ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
-o-box-shadow: 0 -4px 8px -1px #d3d3d3;
-webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
box-shadow: 0 -4px 8px -1px #d3d3d3;
background: #fff; }
- #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close {
+ #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close, #b_nav_main ul li.b_nav_site.b_exception a.b_nav_tab_close {
background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
#b_nav_main ul li.b_nav_site > div {
padding-left: 16px;
@@ -287,6 +305,8 @@
background-image: url("../openolat/images/information-white.png"); }
#b_nav_main ul li.b_nav_site.f_site_library > div {
background-image: url("../openolat/images/library.png"); }
+ #b_nav_main ul li.b_nav_site.fx_members > div {
+ background-image: url("../openolat/images/users_members.png"); }
#b_nav_main ul li.b_nav_site.o_site_guidemo div {
background-image: url("../openolat/images/light-bulb.png"); }
#b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
@@ -336,6 +356,7 @@
background: transparent;
margin-left: 0;
padding-left: 0;
+ line-height: 1.7em;
/* selected, hovered, active <a> tag */
/* icon positioning */
/* decorators in tree (e.g. course-editor ) */ }
@@ -356,11 +377,11 @@
z-index: 9; }
div.b_tree ul li a:focus, div.b_tree ul li a:hover {
color: #025d8c;
- background-color: white;
+ background-color: transparent;
text-decoration: underline; }
div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
color: #025d8c;
- background-color: white;
+ background-color: transparent;
text-decoration: none; }
div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
color: #025d8c;
@@ -650,6 +671,23 @@
height: 20px;
background: url(../openolat/images/information-white.png) no-repeat top left;
padding: 0;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=60);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.6;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.6;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.6; }
div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
position: relative;
@@ -1553,6 +1591,9 @@ li a.b_toolbox_copy, .b_copy_icon {
.o_cmembers_icon {
background-image: url("../openolat/images/users.png") !important; }
+.fx_members_icon {
+ background-image: url("../openolat/images/users_members.png") !important; }
+
body#b_body .o_CourseModule_icon_closed {
background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
@@ -1592,6 +1633,9 @@ body#b_body .o_CourseModule_icon_closed {
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
/* then we need a base-gray and some variations */
/* here you can define the two small icons used in trees: + and - */
+/* the defaultfont used in : text, main content, etc. */
+/* the font used in : navigation (tabs + tree), headings */
+/* the overall default font-size */
/* defines the body-background */
/*
* =================================================
@@ -1608,21 +1652,28 @@ body#b_body .o_CourseModule_icon_closed {
*
* =================================================
*/
-* {
- font-family: Century Gothic, Apple Gothic, sans-serif; }
-
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
textarea, pre, tt, code {
+ font-family: Arial, sans-serif;
font-size: 90%;
color: inherit;
line-height: inherit;
margin: inherit; }
body {
+ font-family: Arial, sans-serif;
font-size: 75%;
color: #444; }
+#b_header #b_topnav, #b_nav_main, div.b_tree {
+ font-family: Century Gothic, Apple Gothic, sans-serif; }
+
/** ----------------- HEADERS ----------------- **/
h1, h2, h3, h4, h5, h6 {
+ font-family: Century Gothic, Apple Gothic, sans-serif;
font-weight: bold;
margin: 0 0 0.25em 0; }
@@ -1774,11 +1825,16 @@ blockquote.b_quote {
border: 1px solid #e5e5e5;
color: black;
padding: 8px 10px 6px;
- color: #646464; }
+ color: #646464;
+ background: #fff; }
.b_border_box {
border: 1px solid #ccc;
- padding: 1em; }
+ padding: 1em;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px; }
.b_warning {
padding: 1em;
@@ -1797,9 +1853,24 @@ blockquote.b_quote {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 ); }
.b_dimmed {
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.4;
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.o_ochre {
color: #c8a959; }
@@ -2070,7 +2141,7 @@ div.b_form_auto_completer_item {
padding-bottom: 2px; }
div.b_form_auto_completer_item.x-combo-selected {
- background-color: #c4d0dc;
+ background-color: #f3feff;
border-left: 0 !important;
border-right: 0 !important; }
@@ -2160,9 +2231,24 @@ div.b_form_auto_completer_item.b_error_icon {
z-index: 1000; }
.b_dd_proxy {
- opacity: 0.4;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.b_dd_item.b_dd_over {
background-color: #ffff60; }
@@ -2334,9 +2420,24 @@ div.b_modal_overlay {
/* modal overlay color */
div.b_modal_overlay, div.ext-el-mask {
background: #000;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=25);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.25;
- opacity: 0.25;
- filter: alpha(opacity=25); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.25;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.25; }
.b_floatscrollbox {
overflow-x: hidden;
@@ -2497,14 +2598,7 @@ div.b_togglebox div.b_togglebox_content {
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
- background: #cccccc;
- background: -moz-linear-gradient(top, #cccccc 0%, white 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, white));
- background: -webkit-linear-gradient(top, #cccccc 0%, white 100%);
- background: -o-linear-gradient(top, #cccccc 0%, white 100%);
- background: -ms-linear-gradient(top, #cccccc 0%, white 100%);
- background: linear-gradient(top, #cccccc 0%, white 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='white',GradientType=0 );
+ background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
@@ -2985,6 +3079,16 @@ div.b_segments_container div.b_segment_content {
-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_preferred {
+ background: #dce7ec;
+ background: -moz-linear-gradient(top, #dce7ec 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dce7ec), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #dce7ec 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #dce7ec 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #dce7ec 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #dce7ec 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce7ec', endColorstr='#f1f1f1',GradientType=0 );
+ border: 1px solid #025d8c; }
/* dirty button (form with unsaved values ) */
.b_button_dirty {
@@ -3307,6 +3411,7 @@ fieldset {
border: none;
border-top: 1px solid #94bed3; }
fieldset legend {
+ font-family: Century Gothic, Apple Gothic, sans-serif;
padding: 0 5px;
font-size: 120%;
font-weight: bold; }
@@ -3572,9 +3677,24 @@ div.b_fileinput input.b_fileinput_realchooser {
top: 0;
left: 0;
z-index: 2;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=0);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0;
- opacity: 0;
- filter: alpha(opacity=0); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0; }
div.b_fileinput div.b_button_group {
text-align: left;
padding-left: 0;
@@ -3620,8 +3740,24 @@ div.b_mark a.b_mark_not_set {
display: block;
width: 20px;
height: 20px;
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.4;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
div.b_mark a.b_mark_set span, div.b_mark a.b_mark_not_set span {
display: block;
width: 19px;
@@ -3941,6 +4077,23 @@ div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_meta_i
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);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_icon {
@@ -3948,6 +4101,23 @@ div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_ic
div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon {
background-image: url(../openolat/images/docs/document_versions.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon {
@@ -4192,13 +4362,10 @@ div.b_send_documents textarea {
text-decoration: line-through; } }
/* FORUM */
div.o_forum div.o_forum_switch {
- border: 1px solid #8F99AD;
- padding: 3px;
- font-size: 95%; }
+ font-size: 90%; }
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;
@@ -4219,18 +4386,19 @@ div.o_forum div.o_forum_message_new div.o_forum_message_title strong {
padding-right: 20px; }
div.o_forum div.o_forum_message_creator {
width: 100px;
- padding: 0.5em 0px 0px 0px;
+ padding: 0.5em 12px 0px 21px;
font-size: 95%;
- color: #4F576A; }
+ color: #4F576A;
+ float: right;
+ border-left: 1px solid #fff; }
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; }
+ background: transparent;
+ margin-right: 155px; }
div.o_forum div.o_forum_message_attachments {
margin: 2em 0 0.5em 0;
border-top: 1px solid #555555;
@@ -5284,6 +5452,24 @@ div.o_qti_item_choice_option_autoenum {
border: 1px solid transparent; }
.o_qti_menu_item_attempts_marked, .o_qti_menu_item_attempts {
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=100);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 1;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 1;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 1;
color: silver;
padding: .2em .4em;
border: 1px solid transparent;
@@ -5293,8 +5479,24 @@ div.o_qti_item_choice_option_autoenum {
height: 12px; }
.o_qti_menu_item_attempts {
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.4;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.o_qti_menu_item_attempts:hover, .o_qti_menu_item_attempts_marked:hover {
color: silver;
@@ -5678,15 +5880,50 @@ div.o_peekview_author {
font-size: 90%; }
/* misc */
-/* BUSINESS CARD */
+/* BUSINESS CARD & Member site, members search */
+div.o_members_search {
+ padding-top: 10px;
+ padding-left: 10px; }
+
+div.filters {
+ text-align: center;
+ padding-top: 1.5em; }
+
+div.o_members_search div.searchitem {
+ margin-bottom: 0.5em; }
+
+div.searchitem select, div.searchitem input {
+ width: 250px; }
+
+.o_members_register {
+ margin-bottom: 5px; }
+
+.o_members_register_active {
+ font-weight: bold;
+ font-size: 120%; }
+
+div.o_members_paging {
+ width: 100%;
+ padding-bottom: 1em;
+ padding-top: 0.5em;
+ text-align: center; }
+
+div.o_members_paging div {
+ padding-left: 1em;
+ padding-right: 1em;
+ display: inline; }
+
div.o_bcard {
background-color: #eee;
- margin-top: 10px; }
+ margin-top: 10px;
+ border-radius: 6px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ -o-border-radius: 6px; }
div.o_bcard_header, div.o_members_header {
- color: #fff;
- background-color: #777;
- padding: 2px; }
+ padding: 6px;
+ border-bottom: 1px solid #fff; }
div.o_bcard_portrait {
float: left;
@@ -5713,6 +5950,13 @@ div.o_bcard_footer {
color: #1f49b3;
padding: 5px; }
+/* social links (FB, twitter, google) */
+#fx_share {
+ float: left;
+ clear: left;
+ margin-top: 0.5em;
+ width: 250px; }
+
/* INFO MESSAGES */
div.o_infomsgs {
padding-top: 5px; }
@@ -6756,7 +7000,7 @@ div.o_portlet_repository_teacher td.b_first_child {
.b_portlet .b_portlet_header {
background-repeat: no-repeat;
background-position: 0% 50%;
- padding-left: 18px;
+ padding-left: 27px;
padding-top: 5px;
padding-bottom: 5px; }
@@ -6769,157 +7013,157 @@ div.o_portlet_calendar div.b_portlet_header {
div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before {
content: "1";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before {
content: "2";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before {
content: "3";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before {
content: "4";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before {
content: "5";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before {
content: "6";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before {
content: "7";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before {
content: "8";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before {
content: "9";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before {
content: "10";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before {
content: "11";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before {
content: "12";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before {
content: "13";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before {
content: "14";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before {
content: "15";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before {
content: "16";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before {
content: "17";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before {
content: "18";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before {
content: "19";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before {
content: "20";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before {
content: "21";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before {
content: "22";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before {
content: "23";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before {
content: "24";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before {
content: "25";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before {
content: "26";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before {
content: "27";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before {
content: "28";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before {
content: "29";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before {
content: "30";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before {
content: "31";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_infomsg div.b_portlet_header {
background-image: url(../openolat/images/comment.png); }
@@ -7019,21 +7263,123 @@ 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);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_right_disabled {
background-image: url(../openolat/images/arrow_right_big.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_down_disabled {
background-image: url(../openolat/images/arrow_down_big.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_up_disabled {
background-image: url(../openolat/images/arrow_up_big.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled {
background-image: url(../openolat/images/table_sort.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled {
background-image: url(../openolat/images/table_gear.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
.b_toolboxes {
diff --git a/src/main/webapp/static/themes/openolat/layout.scss b/src/main/webapp/static/themes/openolat/layout.scss
index 2e1dfca381b355873dd195f9e667784a1c107fae..680bbd5e90c57aa4e0fe83b1cf97ddfad4609f80 100644
--- a/src/main/webapp/static/themes/openolat/layout.scss
+++ b/src/main/webapp/static/themes/openolat/layout.scss
@@ -22,7 +22,6 @@
/* ------- mobile -------- */
@import "m_basemod";
-
/* -------- modules -------- */
@import "dd";
@import "accesscontrol";
diff --git a/src/main/webapp/static/themes/openolatexample/all/content.css b/src/main/webapp/static/themes/openolatexample/all/content.css
index 731f8b6677e15a755e45d751c57daa4e8137bcd2..d8aebbd45c75d9011ab64290fc7d1af8f80f8d86 100644
--- a/src/main/webapp/static/themes/openolatexample/all/content.css
+++ b/src/main/webapp/static/themes/openolatexample/all/content.css
@@ -21,6 +21,9 @@
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
/* then we need a base-gray and some variations */
/* here you can define the two small icons used in trees: + and - */
+/* the defaultfont used in : text, main content, etc. */
+/* the font used in : navigation (tabs + tree), headings */
+/* the overall default font-size */
/* defines the body-background */
/*
* =================================================
@@ -37,6 +40,10 @@
*
* =================================================
*/
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
/*
* =================================================
*
@@ -73,6 +80,9 @@
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
/* then we need a base-gray and some variations */
/* here you can define the two small icons used in trees: + and - */
+/* the defaultfont used in : text, main content, etc. */
+/* the font used in : navigation (tabs + tree), headings */
+/* the overall default font-size */
/* defines the body-background */
/*
* =================================================
@@ -89,21 +99,28 @@
*
* =================================================
*/
-* {
- font-family: Century Gothic, Apple Gothic, sans-serif; }
-
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
textarea, pre, tt, code {
+ font-family: Arial, sans-serif;
font-size: 90%;
color: inherit;
line-height: inherit;
margin: inherit; }
body {
+ font-family: Arial, sans-serif;
font-size: 75%;
color: #444; }
+#b_header #b_topnav, #b_nav_main, div.b_tree {
+ font-family: Century Gothic, Apple Gothic, sans-serif; }
+
/** ----------------- HEADERS ----------------- **/
h1, h2, h3, h4, h5, h6 {
+ font-family: Century Gothic, Apple Gothic, sans-serif;
font-weight: bold;
margin: 0 0 0.25em 0; }
@@ -255,11 +272,16 @@ blockquote.b_quote {
border: 1px solid #e5e5e5;
color: black;
padding: 8px 10px 6px;
- color: #646464; }
+ color: #646464;
+ background: #fff; }
.b_border_box {
border: 1px solid #ccc;
- padding: 1em; }
+ padding: 1em;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px; }
.b_warning {
padding: 1em;
@@ -278,9 +300,24 @@ blockquote.b_quote {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 ); }
.b_dimmed {
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.4;
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.o_ochre {
color: #c8a959; }
@@ -551,7 +588,7 @@ div.b_form_auto_completer_item {
padding-bottom: 2px; }
div.b_form_auto_completer_item.x-combo-selected {
- background-color: #c4d0dc;
+ background-color: #f3feff;
border-left: 0 !important;
border-right: 0 !important; }
@@ -565,7 +602,7 @@ div.b_form_auto_completer_item.b_error_icon {
/** ---- our modifications ---- **/
* {
- font-family: Century Gothic, Apple Gothic, sans-serif; }
+ font-family: Arial, sans-serif; }
body {
font-size: 75%;
diff --git a/src/main/webapp/static/themes/openolatexample/layout.css b/src/main/webapp/static/themes/openolatexample/layout.css
index f893f2bd2b958b822a3ae89f4587ffa6710bbe95..8242ca09b5eb2049d871175506da0025ba8e4c5d 100644
--- a/src/main/webapp/static/themes/openolatexample/layout.css
+++ b/src/main/webapp/static/themes/openolatexample/layout.css
@@ -63,6 +63,10 @@
*
* =================================================
*/
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
/* --------------- */
/*
* =================================================
@@ -158,11 +162,17 @@
.b_hidecol2 #b_col3 {
margin-right: 0 !important;
- border-right: 0; }
+ border-right: none; }
.b_hidecol1 #b_col3 {
margin-left: 0 !important;
- border-left: 0; }
+ border-left: none; }
+
+ .b_hideboth #b_col3 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border-left: none;
+ border-right: none; }
.b_hideboth #b_col1, .b_hideboth #b_col2, .b_hidecol1 #b_col1, .b_hidecol2 #b_col2, #b_ie_clearing {
display: none; }
@@ -197,6 +207,11 @@
padding: 0;
background: transparent; }
+ /* RedScreen View */
+ #b_main.b_exception {
+ padding-left: 165px;
+ padding-right: 165px; }
+
/** ----------------- HEADER AND TOP NAVIGATION ----------------- **/
#b_header {
height: auto;
@@ -266,14 +281,14 @@
text-decoration: none; }
#b_nav_main ul li.b_nav_site {
/** sites icons **/ }
- #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover {
+ #b_nav_main ul li.b_nav_site.b_nav_active, #b_nav_main ul li.b_nav_site:hover, #b_nav_main ul li.b_nav_site.b_exception {
moz-box-shadow: 0 -4px 8px -1px #d3d3d3;
-ms-box-shadow: 0 -4px 8px -1px #d3d3d3;
-o-box-shadow: 0 -4px 8px -1px #d3d3d3;
-webkit-box-shadow: 0 -4px 8px -1px #d3d3d3;
box-shadow: 0 -4px 8px -1px #d3d3d3;
background: #fff; }
- #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close {
+ #b_nav_main ul li.b_nav_site.b_nav_active a.b_nav_tab_close, #b_nav_main ul li.b_nav_site:hover a.b_nav_tab_close, #b_nav_main ul li.b_nav_site.b_exception a.b_nav_tab_close {
background-image: url(../openolat/images/cross_small_trimmed_blue.png); }
#b_nav_main ul li.b_nav_site > div {
padding-left: 16px;
@@ -296,6 +311,8 @@
background-image: url("../openolat/images/information-white.png"); }
#b_nav_main ul li.b_nav_site.f_site_library > div {
background-image: url("../openolat/images/library.png"); }
+ #b_nav_main ul li.b_nav_site.fx_members > div {
+ background-image: url("../openolat/images/users_members.png"); }
#b_nav_main ul li.b_nav_site.o_site_guidemo div {
background-image: url("../openolat/images/light-bulb.png"); }
#b_nav_main ul li.b_nav_site.b_resource_GroupInfoMainController div {
@@ -345,6 +362,7 @@
background: transparent;
margin-left: 0;
padding-left: 0;
+ line-height: 1.7em;
/* selected, hovered, active <a> tag */
/* icon positioning */
/* decorators in tree (e.g. course-editor ) */ }
@@ -365,11 +383,11 @@
z-index: 9; }
div.b_tree ul li a:focus, div.b_tree ul li a:hover {
color: red;
- background-color: white;
+ background-color: transparent;
text-decoration: underline; }
div.b_tree ul li a.b_tree_selected, div.b_tree ul li a:active {
color: red;
- background-color: white;
+ background-color: transparent;
text-decoration: none; }
div.b_tree ul li li a.b_tree_selected_parents, div.b_tree ul li a.b_tree_l0, div.b_tree ul li strong {
color: red;
@@ -659,6 +677,23 @@
height: 20px;
background: url(../openolat/images/information-white.png) no-repeat top left;
padding: 0;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=60);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.6;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.6;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.6; }
div.b_titled_wrapper div.b_togglebox div.b_togglebox_content {
position: relative;
@@ -1562,6 +1597,9 @@ li a.b_toolbox_copy, .b_copy_icon {
.o_cmembers_icon {
background-image: url("../openolat/images/users.png") !important; }
+.fx_members_icon {
+ background-image: url("../openolat/images/users_members.png") !important; }
+
body#b_body .o_CourseModule_icon_closed {
background-image: url("../openolat/images/le_resources/book-open-text-image_locked.png"); }
@@ -1601,6 +1639,9 @@ body#b_body .o_CourseModule_icon_closed {
/* the base-color and variations (for openolat-theme this is the openolat-blue) */
/* then we need a base-gray and some variations */
/* here you can define the two small icons used in trees: + and - */
+/* the defaultfont used in : text, main content, etc. */
+/* the font used in : navigation (tabs + tree), headings */
+/* the overall default font-size */
/* defines the body-background */
/*
* =================================================
@@ -1617,21 +1658,28 @@ body#b_body .o_CourseModule_icon_closed {
*
* =================================================
*/
-* {
- font-family: Comic Sans, Comic Sans MS, cursive; }
-
+/**
+* $percent is a number between 0 and 100
+* for opacity:0.5, you would use: @import o-opacity(50);
+*/
textarea, pre, tt, code {
+ font-family: Comic Sans, Comic Sans MS, cursive;
font-size: 90%;
color: inherit;
line-height: inherit;
margin: inherit; }
body {
+ font-family: Comic Sans, Comic Sans MS, cursive;
font-size: 90%;
color: #444; }
+#b_header #b_topnav, #b_nav_main, div.b_tree {
+ font-family: Century Gothic, Apple Gothic, sans-serif; }
+
/** ----------------- HEADERS ----------------- **/
h1, h2, h3, h4, h5, h6 {
+ font-family: Century Gothic, Apple Gothic, sans-serif;
font-weight: bold;
margin: 0 0 0.25em 0; }
@@ -1783,11 +1831,16 @@ blockquote.b_quote {
border: 1px solid #e5e5e5;
color: black;
padding: 8px 10px 6px;
- color: #646464; }
+ color: #646464;
+ background: #fff; }
.b_border_box {
border: 1px solid #ccc;
- padding: 1em; }
+ padding: 1em;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px; }
.b_warning {
padding: 1em;
@@ -1806,9 +1859,24 @@ blockquote.b_quote {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe49c', endColorstr='#fff4da',GradientType=0 ); }
.b_dimmed {
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.4;
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.o_ochre {
color: #c8a959; }
@@ -2079,7 +2147,7 @@ div.b_form_auto_completer_item {
padding-bottom: 2px; }
div.b_form_auto_completer_item.x-combo-selected {
- background-color: #c4d0dc;
+ background-color: #ffcccc;
border-left: 0 !important;
border-right: 0 !important; }
@@ -2169,9 +2237,24 @@ div.b_form_auto_completer_item.b_error_icon {
z-index: 1000; }
.b_dd_proxy {
- opacity: 0.4;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.b_dd_item.b_dd_over {
background-color: #ffff60; }
@@ -2343,9 +2426,24 @@ div.b_modal_overlay {
/* modal overlay color */
div.b_modal_overlay, div.ext-el-mask {
background: #000;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=25);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0.25;
- opacity: 0.25;
- filter: alpha(opacity=25); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.25;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.25; }
.b_floatscrollbox {
overflow-x: hidden;
@@ -2506,14 +2604,7 @@ div.b_togglebox div.b_togglebox_content {
/** ----------------- WIZARD ----------------- **/
div.b_wizard {
- background: #cccccc;
- background: -moz-linear-gradient(top, #cccccc 0%, white 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, white));
- background: -webkit-linear-gradient(top, #cccccc 0%, white 100%);
- background: -o-linear-gradient(top, #cccccc 0%, white 100%);
- background: -ms-linear-gradient(top, #cccccc 0%, white 100%);
- background: linear-gradient(top, #cccccc 0%, white 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='white',GradientType=0 );
+ background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
@@ -2994,6 +3085,16 @@ div.b_segments_container div.b_segment_content {
-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; }
+.b_button.b_button_preferred {
+ background: #f7d1d1;
+ background: -moz-linear-gradient(top, #f7d1d1 0%, #f1f1f1 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7d1d1), color-stop(100%, #f1f1f1));
+ background: -webkit-linear-gradient(top, #f7d1d1 0%, #f1f1f1 100%);
+ background: -o-linear-gradient(top, #f7d1d1 0%, #f1f1f1 100%);
+ background: -ms-linear-gradient(top, #f7d1d1 0%, #f1f1f1 100%);
+ background: linear-gradient(top, #f7d1d1 0%, #f1f1f1 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d1d1', endColorstr='#f1f1f1',GradientType=0 );
+ border: 1px solid red; }
/* dirty button (form with unsaved values ) */
.b_button_dirty {
@@ -3316,6 +3417,7 @@ fieldset {
border: none;
border-top: 1px solid #ff6666; }
fieldset legend {
+ font-family: Century Gothic, Apple Gothic, sans-serif;
padding: 0 5px;
font-size: 120%;
font-weight: bold; }
@@ -3581,9 +3683,24 @@ div.b_fileinput input.b_fileinput_realchooser {
top: 0;
left: 0;
z-index: 2;
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=0);
+ /* Older than Firefox 0.9 */
-moz-opacity: 0;
- opacity: 0;
- filter: alpha(opacity=0); }
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0; }
div.b_fileinput div.b_button_group {
text-align: left;
padding-left: 0;
@@ -3629,8 +3746,24 @@ div.b_mark a.b_mark_not_set {
display: block;
width: 20px;
height: 20px;
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.4;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
div.b_mark a.b_mark_set span, div.b_mark a.b_mark_not_set span {
display: block;
width: 19px;
@@ -3950,6 +4083,23 @@ div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_edit_meta_i
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);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_icon {
@@ -3957,6 +4107,23 @@ div.b_briefcase_foldercomp table.b_briefcase_filetable a.b_briefcase_versions_ic
div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_versions_dis_icon {
background-image: url(../openolat/images/docs/document_versions.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_briefcase_foldercomp table.b_briefcase_filetable span.b_briefcase_locked_file_icon {
@@ -4201,13 +4368,10 @@ div.b_send_documents textarea {
text-decoration: line-through; } }
/* FORUM */
div.o_forum div.o_forum_switch {
- border: 1px solid #8F99AD;
- padding: 3px;
- font-size: 95%; }
+ font-size: 90%; }
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;
@@ -4228,18 +4392,19 @@ div.o_forum div.o_forum_message_new div.o_forum_message_title strong {
padding-right: 20px; }
div.o_forum div.o_forum_message_creator {
width: 100px;
- padding: 0.5em 0px 0px 0px;
+ padding: 0.5em 12px 0px 21px;
font-size: 95%;
- color: #4F576A; }
+ color: #4F576A;
+ float: right;
+ border-left: 1px solid #fff; }
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; }
+ background: transparent;
+ margin-right: 155px; }
div.o_forum div.o_forum_message_attachments {
margin: 2em 0 0.5em 0;
border-top: 1px solid #555555;
@@ -5293,6 +5458,24 @@ div.o_qti_item_choice_option_autoenum {
border: 1px solid transparent; }
.o_qti_menu_item_attempts_marked, .o_qti_menu_item_attempts {
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=100);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 1;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 1;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 1;
color: silver;
padding: .2em .4em;
border: 1px solid transparent;
@@ -5302,8 +5485,24 @@ div.o_qti_item_choice_option_autoenum {
height: 12px; }
.o_qti_menu_item_attempts {
- opacity: 0.4;
- filter: alpha(opacity=40); }
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=40);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.4;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.4;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
+ opacity: 0.4; }
.o_qti_menu_item_attempts:hover, .o_qti_menu_item_attempts_marked:hover {
color: silver;
@@ -5687,15 +5886,50 @@ div.o_peekview_author {
font-size: 90%; }
/* misc */
-/* BUSINESS CARD */
+/* BUSINESS CARD & Member site, members search */
+div.o_members_search {
+ padding-top: 10px;
+ padding-left: 10px; }
+
+div.filters {
+ text-align: center;
+ padding-top: 1.5em; }
+
+div.o_members_search div.searchitem {
+ margin-bottom: 0.5em; }
+
+div.searchitem select, div.searchitem input {
+ width: 250px; }
+
+.o_members_register {
+ margin-bottom: 5px; }
+
+.o_members_register_active {
+ font-weight: bold;
+ font-size: 120%; }
+
+div.o_members_paging {
+ width: 100%;
+ padding-bottom: 1em;
+ padding-top: 0.5em;
+ text-align: center; }
+
+div.o_members_paging div {
+ padding-left: 1em;
+ padding-right: 1em;
+ display: inline; }
+
div.o_bcard {
background-color: #eee;
- margin-top: 10px; }
+ margin-top: 10px;
+ border-radius: 6px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ -o-border-radius: 6px; }
div.o_bcard_header, div.o_members_header {
- color: #fff;
- background-color: #777;
- padding: 2px; }
+ padding: 6px;
+ border-bottom: 1px solid #fff; }
div.o_bcard_portrait {
float: left;
@@ -5722,6 +5956,13 @@ div.o_bcard_footer {
color: #1f49b3;
padding: 5px; }
+/* social links (FB, twitter, google) */
+#fx_share {
+ float: left;
+ clear: left;
+ margin-top: 0.5em;
+ width: 250px; }
+
/* INFO MESSAGES */
div.o_infomsgs {
padding-top: 5px; }
@@ -6765,7 +7006,7 @@ div.o_portlet_repository_teacher td.b_first_child {
.b_portlet .b_portlet_header {
background-repeat: no-repeat;
background-position: 0% 50%;
- padding-left: 18px;
+ padding-left: 27px;
padding-top: 5px;
padding-bottom: 5px; }
@@ -6778,157 +7019,157 @@ div.o_portlet_calendar div.b_portlet_header {
div.o_portlet_calendar.o_day_1 div.b_portlet_header strong:before {
content: "1";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_2 div.b_portlet_header strong:before {
content: "2";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_3 div.b_portlet_header strong:before {
content: "3";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_4 div.b_portlet_header strong:before {
content: "4";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_5 div.b_portlet_header strong:before {
content: "5";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_6 div.b_portlet_header strong:before {
content: "6";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_7 div.b_portlet_header strong:before {
content: "7";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_8 div.b_portlet_header strong:before {
content: "8";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_9 div.b_portlet_header strong:before {
content: "9";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_10 div.b_portlet_header strong:before {
content: "10";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_11 div.b_portlet_header strong:before {
content: "11";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_12 div.b_portlet_header strong:before {
content: "12";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_13 div.b_portlet_header strong:before {
content: "13";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_14 div.b_portlet_header strong:before {
content: "14";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_15 div.b_portlet_header strong:before {
content: "15";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_16 div.b_portlet_header strong:before {
content: "16";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_17 div.b_portlet_header strong:before {
content: "17";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_18 div.b_portlet_header strong:before {
content: "18";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_19 div.b_portlet_header strong:before {
content: "19";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_20 div.b_portlet_header strong:before {
content: "20";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_21 div.b_portlet_header strong:before {
content: "21";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_22 div.b_portlet_header strong:before {
content: "22";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_23 div.b_portlet_header strong:before {
content: "23";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_24 div.b_portlet_header strong:before {
content: "24";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_25 div.b_portlet_header strong:before {
content: "25";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_26 div.b_portlet_header strong:before {
content: "26";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_27 div.b_portlet_header strong:before {
content: "27";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_28 div.b_portlet_header strong:before {
content: "28";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_29 div.b_portlet_header strong:before {
content: "29";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_30 div.b_portlet_header strong:before {
content: "30";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_calendar.o_day_31 div.b_portlet_header strong:before {
content: "31";
font-size: smaller;
- padding-right: 6px; }
+ padding-right: 16px; }
div.o_portlet_infomsg div.b_portlet_header {
background-image: url(../openolat/images/comment.png); }
@@ -7028,21 +7269,123 @@ 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);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_right_disabled {
background-image: url(../openolat/images/arrow_right_big.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_down_disabled {
background-image: url(../openolat/images/arrow_down_big.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_up_disabled {
background-image: url(../openolat/images/arrow_up_big.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_sort_auto_disabled {
background-image: url(../openolat/images/table_sort.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
div.b_portlet_toolbox span.b_portlet_edit_sort_manual_disabled {
background-image: url(../openolat/images/table_gear.png);
+ /* Required for IE 5, 6, 7 */
+ /* ...or something to trigger hasLayout, like zoom: 1; */
+ zoom: 1;
+ /* Theoretically for IE 8 & 9 (more valid) */
+ /* ...but not required as filter works too */
+ /* should come BEFORE filter */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
+ /* This works in IE 8 & 9 too */
+ /* ... but also 5, 6, 7 */
+ filter: alpha(opacity=20);
+ /* Older than Firefox 0.9 */
+ -moz-opacity: 0.2;
+ /* Safari 1.x (pre WebKit!) */
+ -khtml-opacity: 0.2;
+ /* Modern!
+ /* Firefox 0.9+, Safari 2?, Chrome any?
+ /* Opera 9+, IE 9+ */
opacity: 0.2; }
.b_toolboxes {