Archaius is a fluid-width, three-column Moodle 2.x theme with rounded corners and tabs.
It is extremely flexible and very useful for people with some knowledge of web design and web development.
I propose other solution for docking of blocks.
The archaius settings page has multiple options that allow you to customize your site.
-
If you want to modify this theme, I recommend that you first duplicate it,
-then rename it before making your changes. This will prevent your customized theme from being overwritten by future Moodle upgrades, and you\'ll still have the original files if you make a mess.
-More information on modifying themes can be found in the MoodleDocs .
I propose other solution for docking of blocks.
The archaius settings page has multiple options that allow you to customize your site.
If you want to modify this theme, I recommend that you first duplicate it,
+then rename it before making your changes. This will prevent your customized theme from being overwritten by future Moodle upgrades, and you\'ll still have the original files if you make a mess.
+More information on modifying themes can be found in the MoodleDocs .
This theme is based on anomaly themes, it was
+
This theme is based on anomaly themes, it was
originally designed for Moodle 1.9 by Patrick Malley. Archaius was created by Daniel Munera Sanchez.
He can be contacted at dmunera119@gmail.com
The logo was a contribution of Juan Pablo londono, designer from EAFIT University, Colombia.
@@ -108,6 +108,22 @@
$string["accordionBlocks"] = "Activate accordion Blocks";
$string["accordionBlocksdesc"] = "Activate or desactivate accordion Blocks effect";
+$string["loginbackgroundimage"] = "Background image for login";
+$string["loginbackgroundimagedesc"] = "Background image for login should be big at least with a width > 1200px";
+
+//SOCIAL ICONS
+$string["facebook"] = "facebook profile or group url";
+$string["facebookdesc"] = "facebook profile or group url";
+
+$string["twitter"] = "Twitter";
+$string["twitterdesc"] = "Twitter account url";
+
+$string["youtube"] = "Youtube";
+$string["youtubedesc"] = "Youtube account url";
+
+$string["linkedin"] = "linkedin";
+$string["linkedindesc"] = "linkedin account url";
+
//SLIDESHOW
$string["description"] = "Insert the HTML to create the slide";
$string["position"] = "Position in the slider";
diff --git a/lang/es/theme_archaius.php b/lang/es/theme_archaius.php
index 65288ea..06cb2ef 100644
--- a/lang/es/theme_archaius.php
+++ b/lang/es/theme_archaius.php
@@ -34,23 +34,23 @@
$string['region-footer-right'] = "Derecha footer";
//PRESENTATION PAGE
-$string['choosereadme'] = '
Archaius
-
-
Créditos http://docs.moodle.org/en/Theme_credits
+$string['choosereadme'] = '
Acerca de Archaius es un tema gráfico de tres columnas que se caracteriza por sus bloques y temario en los cursos.
Es muy flexible, cuenta con diferentes opciones para el cambio de apariencia y con poco conocimiento en desarrollo para web se pueden lograr grandes resultados.
-
Propongo una solución diferentes para \'Docking blocks\'.
+
Propongo una solución diferentes para \'Docking blocks\'.
Tweaks
-
Si piensas modificar el tema es recomendable que lo dupliques primero y le cambies el nombre. Esto evitará que sus cambios sean sobreescritos por actualizaciones, y vas a tener los archivos originales por si algo malo ocurre.
-Más información para la modificación de temas puede ser encontrada en: MoodleDocs .
-
Créditos Este tema fue inspirado por Anomaly, que fue diseñado originalmente para Moodle 1.9 por Patrick Malley.
+
Si piensas modificar el tema es recomendable que lo dupliques primero y le cambies el nombre. Esto evitará que sus cambios sean sobreescritos por actualizaciones, y vas a tener los archivos originales por si algo malo ocurre.
+Más información para la modificación de temas puede ser encontrada en: MoodleDocs .
+
Créditos Este tema fue inspirado por Anomaly, que fue diseñado originalmente para Moodle 1.9 por Patrick Malley.
Archaius fue creado por Daniel Múnera Sánchez (dmunera119@gmail.com)
El logo fue una contribución de Juan Pablo Londoño Bastidas, diseñador gráfico de la Universidad EAFIT de Colombia.
Finalmente, muchas gracias a Ana Beatriz Chiquito por el apoyo para crear el primer prototipo.
';
@@ -101,6 +101,19 @@
$string["slideshowheight"] = "Altura del carusel de la página principal";
$string["slideshowheightdesc"] = "Altura del carusel de la página principal, Se debe poner solo el número, este será utizado como PIXEL. NO PONER 'px' al final";
+//SOCIAL ICONS
+$string["facebook"] = "Dirección web del perfil de facebook de la institución";
+$string["facebookdesc"] = "Dirección web del perfil de facebook de la institución";
+
+$string["twitter"] = "Dirección web del perfil de twitter de la institución";
+$string["twitterdesc"] = "Dirección web del perfil de facebook de la institución";
+
+$string["youtube"] = "Dirección web del perfil de youtube de la institución";
+$string["youtubedesc"] = "Dirección web del perfil de youtube de la institución";
+
+$string["linkedin"] = "Dirección web del perfil de linkedin de la institución";
+$string["linkedindesc"] = "Dirección web del perfil de linkedin de la institución";
+
//SLIDESHOW
$string["description"] = "Insertar HTML para crear un
slide .";
$string["position"] = "Posición del
slide .";
diff --git a/layout/login_layout.php b/layout/login_layout.php
new file mode 100644
index 0000000..fcb6afc
--- /dev/null
+++ b/layout/login_layout.php
@@ -0,0 +1,153 @@
+dirroot . '/theme/archaius/helpers/ArchaiusViewHelper.class.php');
+
+//Check which components are present
+$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
+$hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT);
+$hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT);
+$hassidecenterpre = $PAGE->blocks->region_has_content('side-center-pre', $OUTPUT);
+$hassidecenterpost = $PAGE->blocks->region_has_content('side-center-post', $OUTPUT);
+$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
+$custommenu = $OUTPUT->custom_menu();
+$hascustommenu = (empty($PAGE->layout_options['nocustommenu']) && !empty($custommenu));
+$haslangmenu = !(empty($PAGE->layout_options['langmenu']));
+
+//Add classes to body depending on components to be displayed
+$bodyclasses = array();
+if ($hassidepre && !$hassidepost) {
+ $bodyclasses[] = 'side-pre-only';
+} else if ($hassidepost && !$hassidepre) {
+ $bodyclasses[] = 'side-post-only';
+} else if (!$hassidepost && !$hassidepre) {
+ $bodyclasses[] = 'content-only';
+}
+
+$context = context_system::instance();
+
+echo $OUTPUT->doctype() ?>
+htmlattributes() ?> class="login no-js" >
+
+
+
<?php echo $PAGE->title ?>
+
+
+
+
+ standard_head_html() ?>
+
+
+
+standard_top_of_body_html() ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ main_content(); ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layout/partials/header.php b/layout/partials/header.php
index f0b32b1..183b8b4 100644
--- a/layout/partials/header.php
+++ b/layout/partials/header.php
@@ -21,6 +21,8 @@
dirroot . '/theme/archaius/helpers/ArchaiusViewHelper.class.php');
+
//Check which components are present
$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
$hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT);
@@ -58,6 +60,7 @@
standard_head_html() ?>
+
diff --git a/layout/partials/page_header.php b/layout/partials/page_header.php
index 04a10f0..c0a7929 100644
--- a/layout/partials/page_header.php
+++ b/layout/partials/page_header.php
@@ -20,7 +20,7 @@
?>
-custom_menu();
@@ -30,12 +30,44 @@
}
?>
+
+
+
\ No newline at end of file
diff --git a/lib.php b/lib.php
index 5700bed..5c721dd 100644
--- a/lib.php
+++ b/lib.php
@@ -1,6 +1,6 @@
settings->customcss);
- $css =
+ $css =
theme_archaius_replace_tag_css(
$css,$customcss,'[[setting:customcss]]');
- $themecolor =
+ $themecolor =
theme_archaius_check_css_setting($theme->settings->themecolor);
- $css =
+ $css =
theme_archaius_replace_tag_css(
$css,$themecolor,'[[setting:themecolor]]');
- $bgcolor =
+ $bgcolor =
theme_archaius_check_css_setting($theme->settings->bgcolor);
- $css =
+ $css =
theme_archaius_replace_tag_css(
$css,$bgcolor,'[[setting:bgcolor]]');
-
- $headercolor =
+
+ $headercolor =
theme_archaius_check_css_setting($theme->settings->headercolor);
- $css =
+ $css =
theme_archaius_replace_tag_css(
$css,$headercolor,'[[setting:headercolor]]');
- $currentcolor =
+ $currentcolor =
theme_archaius_check_css_setting($theme->settings->currentcolor);
- $css =
+ $css =
theme_archaius_replace_tag_css(
$css,$currentcolor,'[[setting:currentcolor]]');
- $currentcustommenucolor =
+ $currentcustommenucolor =
theme_archaius_check_css_setting(
$theme->settings->currentcustommenucolor);
-
- $css =
+
+ $css =
theme_archaius_replace_tag_css(
$css,$currentcustommenucolor,'[[setting:currentcustommenucolor]]');
$custommenucolor =
theme_archaius_check_css_setting($theme->settings->custommenucolor);
- $css =
+ $css =
theme_archaius_replace_tag_css(
$css,$custommenucolor,'[[setting:custommenucolor]]');
@@ -93,28 +93,32 @@ function theme_archaius_process_css($css, $theme) {
$css = theme_archaius_set_css_font_replacement($css);
+ $css = theme_archaius_set_login_background_image($css);
+
+ $css = theme_archaius_set_login_box_width($css);
+
$langs = get_string_manager()->get_list_of_translations();
if(count($langs) > 1){
- $css = theme_archaius_set_custommenu_last_child($css, 'right', '6%');
+ $css = theme_archaius_set_custommenu_last_child($css, 'right', '6%');
}else{
$css = theme_archaius_set_custommenu_last_child($css, 'left','0');
}
-
+
return $css;
}
-/**
+/**
* Check if a setting is empty or not.
* @param $setting Setting name
* @return mixed NULL or the setting value
*/
function theme_archaius_check_css_setting($setting){
- if (!empty($setting))
+ if (!empty($setting))
return $setting;
return null;
}
-/**
+/**
* Replace a specific setting in CSS stylesheets.
* @param String $css
* @param $setting Setting name
@@ -125,16 +129,16 @@ function theme_archaius_replace_tag_css($css,$replacement,$tag){
$replacement = '';
}
$css = str_replace($tag, $replacement, $css);
- return $css;
+ return $css;
}
-/**
+/**
* Replace slideshow height in CSS files. this is diffent from
* the other method because you have to validate that the value
* is integer. the value must be numeric and the result is given
* in pixels.
* @param String $css
-* @param String $slideshowheight
+* @param String $slideshowheight
* @return String $css
*/
function theme_archaius_set_slideshowheight($css, $slideshowheight) {
@@ -145,16 +149,16 @@ function theme_archaius_set_slideshowheight($css, $slideshowheight) {
}else{
//pixel is used and the can't be float.
$replacement = intval($replacement);
- $replacement = (string)round($replacement);
+ $replacement = (string)round($replacement);
}
$replacement = $replacement . 'px';
$css = str_replace($tag, $replacement, $css);
return $css;
}
-/**
+/**
* replacement depending of langmenu packs
-*
+*
* @param String $css
* @param String $position
* @param String $margin
@@ -176,7 +180,7 @@ function theme_archaius_set_custommenu_last_child($css, $position,$margin) {
return $css;
}
-/**
+/**
* Font replacement
* Find fonts to be replaced in CSS files.
* @param String $css
@@ -204,29 +208,35 @@ function theme_archaius_set_css_font_replacement($css){
* @param array $options
* @return bool
*/
-function theme_archaius_pluginfile($course, $cm, $context, $filearea,
+function theme_archaius_pluginfile($course, $cm, $context, $filearea,
$args, $forcedownload, array $options = array()){
if ($context->contextlevel == CONTEXT_SYSTEM) {
+
if ($filearea === 'logo') {
$theme = theme_config::load('archaius');
return $theme->setting_file_serve(
- 'logo',
- $args,
- $forcedownload,
+ 'logo',
+ $args,
+ $forcedownload,
$options
);
-
-
}elseif ($filearea === 'mobilelogo') {
$theme = theme_config::load('archaius');
return $theme->setting_file_serve(
- 'mobilelogo',
- $args,
- $forcedownload,
+ 'mobilelogo',
+ $args,
+ $forcedownload,
+ $options
+ );
+ }elseif($filearea === 'loginbackgroundimage'){
+ $theme = theme_config::load('archaius');
+ return $theme->setting_file_serve(
+ 'loginbackgroundimage',
+ $args,
+ $forcedownload,
$options
);
-
}else{
$fs = get_file_storage();
$relativepath = implode('/', $args);
@@ -237,29 +247,67 @@ function theme_archaius_pluginfile($course, $cm, $context, $filearea,
send_file_not_found();
}else {
return send_stored_file(
- $file,
- 86400,
- 0,
- $forcedownload,
+ $file,
+ 86400,
+ 0,
+ $forcedownload,
$options
);
- }
+ }
}
}
}
-/**
+/**
+* sets the login background image
+*
+* @param String $css
+* @return String $css
+*/
+function theme_archaius_set_login_background_image($css){
+ global $PAGE, $OUTPUT;
+ $tag = '[[setting|loginbackgroundimage]]';
+ $image_url = $PAGE->theme->setting_file_url('loginbackgroundimage', 'loginbackgroundimage');
+ $replacement = "";
+ if (! is_null($image_url)){
+ $replacement = $image_url ;
+ }else{
+ $replacement = $OUTPUT->pix_url('login_background','theme');
+ }
+ $css = str_replace($tag, $replacement, $css);
+ return $css;
+}
+
+/**
+* sets the box login width
+*
+* @param String $css
+* @return String $css
+*/
+function theme_archaius_set_login_box_width($css){
+ global $CFG;
+ $replacement_width = '400px';
+ $replacement_max_width = '90% !important';
+ if($CFG->registerauth === "email"){
+ $replacement_width = '70%';
+ $replacement_max_width = 'auto';
+ }
+ $css = str_replace('[[setting|loginboxwidth]]', $replacement_width, $css);
+ $css = str_replace('[[setting|loginboxmaxwidth]]', $replacement_max_width, $css);
+ return $css;
+}
+/**
* Function to add jQuery and jQuery plugins using Moodle standard way
* @param moodle_page $page
*/
-function theme_archaius_page_init(moodle_page $page) {
+function theme_archaius_page_init(moodle_page $page) {
global $PAGE;
$page->requires->jquery();
//Load responsive slideshow only when the effect is active
- $slideshow_active =
+ $slideshow_active =
isset($PAGE->theme->settings->activateSlideshow) ?
intval($PAGE->theme->settings->activateSlideshow) : 0;
@@ -267,11 +315,11 @@ function theme_archaius_page_init(moodle_page $page) {
$page->requires->jquery_plugin('responsive-slides', 'theme_archaius');
//CORE JQUERY PLUGINS
- $page->requires->jquery_plugin('velocity-jquery', 'theme_archaius');
- $page->requires->jquery_plugin('waypoints', 'theme_archaius');
- $page->requires->jquery_plugin('waypoints-sticky', 'theme_archaius');
+ $page->requires->jquery_plugin('velocity-jquery', 'theme_archaius');
+ $page->requires->jquery_plugin('waypoints', 'theme_archaius');
+ $page->requires->jquery_plugin('waypoints-sticky', 'theme_archaius');
- $accordion_blocks_active =
+ $accordion_blocks_active =
isset($PAGE->theme->settings->accordionBlocks) ?
intval($PAGE->theme->settings->accordionBlocks) : 0;
@@ -286,16 +334,16 @@ function theme_archaius_page_init(moodle_page $page) {
class theme_archaius_transmuted_custom_menu_item extends custom_menu_item {
public function __construct(custom_menu_item $menunode) {
parent::__construct(
- $menunode->get_text(),
- $menunode->get_url(),
- $menunode->get_title(),
- $menunode->get_sort_order(),
+ $menunode->get_text(),
+ $menunode->get_url(),
+ $menunode->get_title(),
+ $menunode->get_sort_order(),
$menunode->get_parent()
);
$this->children = $menunode->get_children();
-
+
$matches = array();
- if (preg_match('/^\[\[([a-zA-Z0-9\-\_\:]+)\]\]$/',
+ if (preg_match('/^\[\[([a-zA-Z0-9\-\_\:]+)\]\]$/',
$this->text, $matches)) {
try {
@@ -304,9 +352,9 @@ public function __construct(custom_menu_item $menunode) {
$this->text = $matches[1];
}
}
-
+
$matches = array();
- if (preg_match('/^\[\[([a-zA-Z0-9\-\_\:]+)\]\]$/',
+ if (preg_match('/^\[\[([a-zA-Z0-9\-\_\:]+)\]\]$/',
$this->title, $matches)) {
try {
diff --git a/pix/login_background.jpg b/pix/login_background.jpg
new file mode 100644
index 0000000..92bb4e6
Binary files /dev/null and b/pix/login_background.jpg differ
diff --git a/settings.php b/settings.php
index d2c4295..8cae213 100644
--- a/settings.php
+++ b/settings.php
@@ -1,6 +1,6 @@
set_updatedcallback('theme_reset_all_caches');
$settings->add($setting);
- // Foot note setting
+ // Login background image
+ $name = 'theme_archaius/loginbackgroundimage';
+ $title = get_string('loginbackgroundimage','theme_archaius');
+ $description = get_string('loginbackgroundimagedesc', 'theme_archaius');
+ $setting = new admin_setting_configstoredfile($name, $title, $description, 'loginbackgroundimage');
+ $setting->set_updatedcallback('theme_reset_all_caches');
+ $settings->add($setting);
+
+ // Foot note setting
$name = 'theme_archaius/footnote';
$title = get_string('footnote','theme_archaius');
$description = get_string('footnotedesc', 'theme_archaius');
@@ -46,7 +54,7 @@
$setting->set_updatedcallback('theme_reset_all_caches');
$settings->add($setting);
- //Background color
+ //Background color
$name = 'theme_archaius/bgcolor';
$title = get_string('bgcolor','theme_archaius');
$description = get_string('bgcolordesc', 'theme_archaius');
@@ -56,10 +64,10 @@
'style'=>'backgroundColor'
);
$setting = new admin_setting_configcolourpicker(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
$previewconfig
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -75,10 +83,10 @@
'style'=>'backgroundColor'
);
$setting = new admin_setting_configcolourpicker(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
$previewconfig
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -90,14 +98,14 @@
$description = get_string('headercolordesc', 'theme_archaius');
$default = '#697F6F';
$previewconfig = array(
- 'selector'=> '.header-tab',
+ 'selector'=> '.header-tab',
'style'=>'backgroundColor'
);
$setting = new admin_setting_configcolourpicker(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
$previewconfig
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -109,14 +117,14 @@
$description = get_string('currentcolordesc', 'theme_archaius');
$default = '#2E3332';
$previewconfig = array(
- 'selector'=> '.header-tab.current',
+ 'selector'=> '.header-tab.current',
'style'=>'backgroundColor'
);
$setting = new admin_setting_configcolourpicker(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
$previewconfig
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -132,10 +140,10 @@
'style'=>'backgroundColor'
);
$setting = new admin_setting_configcolourpicker(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
$previewconfig
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -152,10 +160,10 @@
'style'=>'backgroundColor'
);
$setting = new admin_setting_configcolourpicker(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
$previewconfig
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -167,9 +175,9 @@
$title = get_string("accordionBlocks", 'theme_archaius');
$description = get_string('accordionBlocksdesc', 'theme_archaius');
$setting = new admin_setting_configcheckbox(
- $name,
- $title,
- $description,
+ $name,
+ $title,
+ $description,
1
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -180,22 +188,22 @@
$title = get_string("collapsibleTopics", 'theme_archaius');
$description = get_string('collasibleTopicsdesc', 'theme_archaius');
$setting = new admin_setting_configcheckbox(
- $name,
- $title,
- $description,
+ $name,
+ $title,
+ $description,
1
);
$setting->set_updatedcallback('theme_reset_all_caches');
$settings->add($setting);
- //Activate Hide Show Blocks
+ //Activate Hide Show Blocks
$name = "theme_archaius/hideShowBlocks";
$title = get_string("hideShowBlocks", 'theme_archaius');
$description = get_string('hideShowBlocksdesc', 'theme_archaius');
$setting = new admin_setting_configcheckbox(
- $name,
- $title,
- $description,
+ $name,
+ $title,
+ $description,
1
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -206,9 +214,9 @@
$title = get_string("activateSlideshow", 'theme_archaius');
$description = get_string('activateSlideshowdesc', 'theme_archaius');
$setting = new admin_setting_configcheckbox(
- $name,
- $title,
- $description,
+ $name,
+ $title,
+ $description,
0
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -228,10 +236,10 @@
$description = get_string('slideshowTimeoutdesc', 'theme_archaius');
$default = 1500;
$setting = new admin_setting_configtext(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
PARAM_INT
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -244,10 +252,10 @@
$description = get_string('slideshowheightdesc', 'theme_archaius');
$default = 200;
$setting = new admin_setting_configtext(
- $name,
- $title,
- $description,
- $default,
+ $name,
+ $title,
+ $description,
+ $default,
PARAM_RAW
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -260,9 +268,9 @@
$description = get_string('customcssdesc', 'theme_archaius');
$default = '';
$setting = new admin_setting_configtextarea(
- $name,
- $title,
- $description,
+ $name,
+ $title,
+ $description,
$default
);
$setting->set_updatedcallback('theme_reset_all_caches');
@@ -274,11 +282,74 @@
$description = get_string('customjsdesc', 'theme_archaius');
$default = '';
$setting = new admin_setting_configtextarea(
- $name,
- $title,
- $description,
+ $name,
+ $title,
+ $description,
$default
);
$setting->set_updatedcallback('theme_reset_all_caches');
$settings->add($setting);
+
+
+ //Social icons
+
+ // facebook
+ $name = 'theme_archaius/facebook';
+ $title = get_string('facebook','theme_archaius');
+ $description = get_string('facebookdesc', 'theme_archaius');
+ $default = null;
+ $setting = new admin_setting_configtext(
+ $name,
+ $title,
+ $description,
+ $default,
+ PARAM_TEXT
+ );
+ $setting->set_updatedcallback('theme_reset_all_caches');
+ $settings->add($setting);
+
+ // twitter
+ $name = 'theme_archaius/twitter';
+ $title = get_string('twitter','theme_archaius');
+ $description = get_string('twitterdesc', 'theme_archaius');
+ $default = null;
+ $setting = new admin_setting_configtext(
+ $name,
+ $title,
+ $description,
+ $default,
+ PARAM_TEXT
+ );
+ $setting->set_updatedcallback('theme_reset_all_caches');
+ $settings->add($setting);
+
+ // youtube
+ $name = 'theme_archaius/youtube';
+ $title = get_string('youtube','theme_archaius');
+ $description = get_string('youtubedesc', 'theme_archaius');
+ $default = null;
+ $setting = new admin_setting_configtext(
+ $name,
+ $title,
+ $description,
+ $default,
+ PARAM_TEXT
+ );
+ $setting->set_updatedcallback('theme_reset_all_caches');
+ $settings->add($setting);
+
+ // linkedin
+ $name = 'theme_archaius/linkedin';
+ $title = get_string('linkedin','theme_archaius');
+ $description = get_string('linkedindesc', 'theme_archaius');
+ $default = null;
+ $setting = new admin_setting_configtext(
+ $name,
+ $title,
+ $description,
+ $default,
+ PARAM_TEXT
+ );
+ $setting->set_updatedcallback('theme_reset_all_caches');
+ $settings->add($setting);
}
\ No newline at end of file
diff --git a/style/archaius.css b/style/archaius.css
index 0dd9bb3..134c571 100644
--- a/style/archaius.css
+++ b/style/archaius.css
@@ -20,6 +20,22 @@
float: none;
margin-bottom: 30px;
}
+#page-header #top-page-header {
+ width: 90%;
+ max-width: 1200px;
+ height: 10px;
+ margin: 0 auto;
+}
+#page-header #top-page-header #social-icons {
+ margin: 0 0 0 80%;
+ height: 40px;
+}
+#page-header #top-page-header #social-icons li {
+ float: right;
+ list-style: none;
+ margin-right: 10px;
+ font-size: 2em;
+}
#page-header a:link,
#page-header a:visited {
color: whitesmoke;
@@ -110,7 +126,7 @@
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- float: left;
+ float: right;
width: 48%;
}
div.top-inner {
@@ -167,6 +183,12 @@ div.singlebutton {
padding: 1px;
min-height: 36px;
}
+#custommenu * {
+ -webkit-transition: background-color 0.5s;
+ -moz-transition: background-color 0.5s;
+ -o-transition: background-color 0.5s;
+ transition: background-color 0.5s;
+}
#custommenu ul,
#custommenu li,
#custommenu a,
@@ -180,6 +202,7 @@ div.singlebutton {
#custommenu .custom_menu_submenu li {
border-right: 0px;
min-width: 150px;
+ background-color: [[setting:custommenucolor]];
}
#custommenu .custom_menu_submenu .yui3-menu-label-active,
#custommenu .custom_menu_submenu .yui3-menu-label-menuvisible {
@@ -255,6 +278,7 @@ div.singlebutton {
}
#mobile-custommenu {
background-color: [[setting:themecolor]];
+ position: relative;
padding: 10px;
clear: both;
display: none;
@@ -284,7 +308,7 @@ div.singlebutton {
#mobile-custommenu.collapsed {
display: none;
}
-/* FROM BOOTSTRAP
+/* FROM BOOTSTRAP
-------------------------------------------------------------- */
input[type="submit"],
button,
@@ -312,6 +336,10 @@ button,
cursor: pointer;
word-wrap: break-word;
max-width: 100%;
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ transition: all 0.5s;
}
.btn-danger {
color: #ffffff;
@@ -327,6 +355,10 @@ button,
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ transition: all 0.5s;
}
.btn-warning {
color: #ffffff;
@@ -342,6 +374,10 @@ button,
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ transition: all 0.5s;
}
.btn {
display: inline-block;
@@ -359,6 +395,10 @@ button,
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ transition: all 0.5s;
}
/* END BOOTSTRAP
-------------------------------------------------------------- */
@@ -813,12 +853,139 @@ div.calendar-controls {
#expand-bank {
color: white;
}
-.loginbox {
- border: 1px solid #ccc;
+#page-login-index #social-icons {
+ position: absolute;
+ right: 0;
+ margin-top: -10px;
+}
+#page-login-index #social-icons li {
+ float: left;
+ list-style: none;
+ margin-right: 10px;
+ font-size: 3em;
+}
+#page-login-index #page {
+ width: [[setting|loginboxwidth]] !important;
+ max-width: [[setting|loginboxmaxwidth]];
+ min-height: 200px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -o-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: 1px 1px 10px 0px #222222;
+ -moz-box-shadow: 1px 1px 10px 0px #222222;
+ box-shadow: 1px 1px 10px 0px #222222;
+}
+#page-login-index #page-content {
+ min-height: 200px;
+}
+#page-login-index #page-header.login,
+#page-login-index #page-header.login .page-header-inner {
+ padding-top: 10px;
+ min-height: 80px;
+ max-width: 100%;
+}
+#page-login-index #page-header.login #logo,
+#page-login-index #page-header.login .page-header-inner #logo,
+#page-login-index #page-header.login #mobile-logo,
+#page-login-index #page-header.login .page-header-inner #mobile-logo {
+ max-width: 300px;
+}
+#page-login-index #page-header.login #logo img,
+#page-login-index #page-header.login .page-header-inner #logo img,
+#page-login-index #page-header.login #mobile-logo img,
+#page-login-index #page-header.login .page-header-inner #mobile-logo img {
+ max-width: 50%;
+}
+#page-login-index #page-header.login .page-header-info-container {
+ float: left;
+}
+#page-login-index #custommenu {
+ float: left;
+ margin-top: -20px;
+ background: [[setting:themecolor]];
+}
+#page-login-index #custommenu li {
+ padding: 0px 5px;
+ background: [[setting:themecolor]];
+}
+#page-login-index #custommenu ul > li a {
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -o-border-radius: 5px;
+ border-radius: 5px;
+}
+#page-login-index #custommenu div {
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -o-border-radius: 5px;
+ border-radius: 5px;
+}
+#page-login-index #custommenu .custom_menu_submenu .yui3-menu-label-active,
+#page-login-index #custommenu .custom_menu_submenu .yui3-menu-label-menuvisible {
+ background-color: [[setting:custommenucolor]];
+}
+#page-login-index #custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content,
+#page-login-index #custommenu .yui3-menuitem-content:hover,
+#page-login-index #custommenu .yui3-menu-label-menuvisible:hover {
+ background-color: [[setting:custommenucolor]];
+}
+#page-login-index #custommenu .custom_menu_submenu .yui3-menu-content,
+#page-login-index #custommenu .yui3-menu-label-active,
+#page-login-index #custommenu .yui3-menu-label-menuvisible {
+ background-color: [[setting:themecolor]];
+}
+#page-login-index #custommenu .yui3-menu-horizontal .yui3-menu-content ul ul,
+#page-login-index #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul ul {
+ padding-bottom: 3px;
+}
+#page-login-index #custommenu .yui3-menu-horizontal .yui3-menu-content li a {
+ cursor: pointer;
+ color: white;
+ padding: 10px;
+}
+#page-login-index #custommenu .yui3-menu-horizontal .yui3-menu-content li.yui3-menuitem-active a,
+#page-login-index #custommenu a.yui3-menu-label-active,
+#page-login-index #custommenu a.yui3-menu-label-menuvisible {
+ color: white !important;
+}
+#page-login-index #custommenu .yui3-skin-sam .yui3-menu li,
+#page-login-index #custommenu .yui3-skin-sam .yui3-menu .yui3-menu li {
+ background-color: [[setting:themecolor]] !important;
+}
+#login-content {
+ max-width: 100%;
+ margin-top: -30px;
+ width: 100%;
+ padding: 80px 0 20px 0;
+ text-align: center;
+ overflow: auto;
+ display: block;
+ position: relative;
+ min-height: 65vh;
+}
+#login-content:before {
+ background: url([[setting|loginbackgroundimage]]) no-repeat;
+ background-size: cover;
+ opacity: 0.8;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ z-index: 0;
+ content: "";
+ display: block;
+ min-height: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
.loginbox.twocolumns {
border: 0;
- background-color: #f5f5f5;
}
.loginbox.twocolumns .loginpanel {
border: 0;
@@ -829,6 +996,16 @@ div.calendar-controls {
width: auto;
float: none;
}
+.loginbox .loginform .form-input input {
+ width: 85%;
+ padding: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -o-border-radius: 5px;
+ border-radius: 5px;
+ border: 1px solid #999;
+}
.loginbox .loginform .form-input #loginbtn {
display: block;
text-align: center;
diff --git a/style/archaius_responsive.css b/style/archaius_responsive.css
index 4e3b6d8..f8f5a04 100644
--- a/style/archaius_responsive.css
+++ b/style/archaius_responsive.css
@@ -1,9 +1,9 @@
/* SMALL SCREENS
-------------------------------------------------------------- */
-/* --------------------------------------------------------------
+/* --------------------------------------------------------------
Min width for ipads is 768px, a lower screen size makes
- the three column layout looks bad, thats why an screen with
- max-width of 768px is gonna be shown with one colum
+ the three column layout looks bad, thats why an screen with
+ max-width of 768px is gonna be shown with one colum
layout
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
@@ -107,6 +107,9 @@
min-height: 40px;
width: 80%;
}
+ #page-header #top-page-header {
+ display: none;
+ }
#page-header .page-header-inner {
width: 100%;
}
@@ -305,6 +308,9 @@ html.no-media-queries #page-header .headermenu {
min-height: 40px;
width: 80%;
}
+html.no-media-queries #page-header #top-page-header {
+ display: none;
+}
html.no-media-queries #page-header .page-header-inner {
width: 100%;
}
diff --git a/style/course.css b/style/course.css
index 26534b7..9585717 100644
--- a/style/course.css
+++ b/style/course.css
@@ -1,6 +1,6 @@
/* COURSE STYLES
------------------------------------------*/
-/* Course's list frontpage styles
+/* Course's list frontpage styles
-----------------------------------------*/
#page-course-category .categorypicker {
text-align: center;
@@ -40,7 +40,7 @@
font-size: 1.75em;
}
/* ----------------------------------------
- Main page course styles
+ Main page course styles
-----------------------------------------*/
.path-course-view .topics .topic-tab {
border-bottom: 1px solid #ccc;
@@ -53,6 +53,9 @@
background-color: whitesmoke;
border: 1px solid #ccc;
}
+.path-course-view .topics .topic-tab.hidden {
+ opacity: 0.5;
+}
.categorybox {
border: none;
}
@@ -127,7 +130,7 @@ h2.headingblock {
margin-top: 8px;
}
/* ----------------------------------------
- Grades
+ Grades
-----------------------------------------*/
.path-grade-report-grader .gradeparent {
overflow: scroll;
diff --git a/style/source/archaius_responsive.less b/style/source/archaius_responsive.less
index ed9510f..148bcfa 100644
--- a/style/source/archaius_responsive.less
+++ b/style/source/archaius_responsive.less
@@ -1,8 +1,8 @@
/* SMALL SCREENS
-------------------------------------------------------------- */
.responsive-view(@container_width: 95%){
- input[type=text],
- input[type=password],
+ input[type=text],
+ input[type=password],
textarea{
width: @container_width;
}
@@ -11,28 +11,28 @@
}
table.generaltable{
width:@container_width;
- thead, tbody, th, td, tr {
- display: block;
+ thead, tbody, th, td, tr {
+ display: block;
}
- thead tr {
+ thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
- tr {
- border: 1px solid #ccc;
+ tr {
+ border: 1px solid #ccc;
}
- td {
+ td {
border: none;
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #eee;
position: relative;
}
- td:before {
+ td:before {
position: absolute;
top: 6px;
left: 6px;
- width: 45%;
- padding-right: 10px;
+ width: 45%;
+ padding-right: 10px;
white-space: nowrap;
}
}
@@ -102,6 +102,9 @@
min-height: 40px;
width: 80%;
}
+ #top-page-header{
+ display: none;
+ }
.page-header-inner{
width: 100%;
}
@@ -152,9 +155,9 @@
/* Course CSS
-------------------------------------------------------------- */
- .coursebox > .info > .coursename,
- .coursebox .content .teachers,
- .coursebox .content .courseimage,
+ .coursebox > .info > .coursename,
+ .coursebox .content .teachers,
+ .coursebox .content .courseimage,
.coursebox .content .coursefile{
float: none !important;
width: 100% !important;
@@ -198,10 +201,10 @@
}
-/* --------------------------------------------------------------
+/* --------------------------------------------------------------
Min width for ipads is 768px, a lower screen size makes
- the three column layout looks bad, thats why an screen with
- max-width of 768px is gonna be shown with one colum
+ the three column layout looks bad, thats why an screen with
+ max-width of 768px is gonna be shown with one colum
layout
-------------------------------------------------------------- */
@media screen and (max-width: 768px){
diff --git a/style/source/course.less b/style/source/course.less
index 1b36ac3..1eb1722 100644
--- a/style/source/course.less
+++ b/style/source/course.less
@@ -1,153 +1,156 @@
/* COURSE STYLES
------------------------------------------*/
-/* Course's list frontpage styles
+/* Course's list frontpage styles
-----------------------------------------*/
#page-course-category .categorypicker {
- text-align: center;
- margin: 10px 0 20px;
+ text-align: center;
+ margin: 10px 0 20px;
}
.coursebox{
- width:auto;
- margin-bottom:15px;
- background-color: #f5f5f5;
- padding:20px;
- .info{
- width:100%;
- .name{
- width:100%;
- }
+ width:auto;
+ margin-bottom:15px;
+ background-color: #f5f5f5;
+ padding:20px;
+ .info{
+ width:100%;
+ .name{
+ width:100%;
+ }
+ }
+ .content{
+ .teachers {
+ margin-left: 0.6em;
+ font-size: 0.95em;
+ width: 40%;
+ float:left;
}
- .content{
- .teachers {
- margin-left: 0.6em;
- font-size: 0.95em;
- width: 40%;
- float:left;
+ .summary {
+ width: 50%;
+ padding-left:10px;
+ border-left: 1px solid #ddd;
+ .summary-title{
+ margin-left:15px;
+ p{
+ color: #808080;
}
- .summary {
- width: 50%;
- padding-left:10px;
- border-left: 1px solid #ddd;
- .summary-title{
- margin-left:15px;
- p{
- color: #808080;
- }
- span{
- color: #444;
- font-size: 1.75em;
- }
- }
+ span{
+ color: #444;
+ font-size: 1.75em;
}
- }
+ }
+ }
+ }
}
/* ----------------------------------------
- Main page course styles
+ Main page course styles
-----------------------------------------*/
.path-course-view .topics{
- .topic-tab{
- border-bottom: 1px solid #ccc;
- margin-bottom:10px;
- padding-top:10px;
- cursor:pointer;
- height:40px;
- &.current {
- background-color: whitesmoke;
- border: 1px solid #ccc;
- }
- }
-}
+ .topic-tab{
+ border-bottom: 1px solid #ccc;
+ margin-bottom:10px;
+ padding-top:10px;
+ cursor:pointer;
+ height:40px;
+ &.current {
+ background-color: whitesmoke;
+ border: 1px solid #ccc;
+ }
+ &.hidden{
+ opacity: 0.5;
+ }
+ }
+}
.categorybox {
- border: none;
+ border: none;
}
h2.headingblock {
- font-size: 1.5em;
+ font-size: 1.5em;
}
.path-course-view{
- .course-content{
- ul.topics li.section.main {
- background-color:#fff;
- display:none;
- padding-top:5px;
- list-style-type: none ;
- margin-top:0;
- border: 1px dashed #ddd;
- border-top: 0;
- .side {
- padding: 5px 0;
- }
- ul li{
- clear:both;
- }
- }
- .main {
- background:#f3f8ed;
- }
- .current{
- background-color:#fff;
- }
- .activity.label.modtype_label {
- margin:5px auto;
- }
- ul.topics li.section .content{
- margin: 0 10px;
- }
- ul.weeks li.section{
- border: 1px solid #ddd;
- padding: 10px;
- background-color:#fff;
- }
- ul.weeks li.section.current{
- background-color:#f5f5f5;
- }
- ul.weeks li.section.main{
- display:block;
- }
- }
-}
+ .course-content{
+ ul.topics li.section.main {
+ background-color:#fff;
+ display:none;
+ padding-top:5px;
+ list-style-type: none ;
+ margin-top:0;
+ border: 1px dashed #ddd;
+ border-top: 0;
+ .side {
+ padding: 5px 0;
+ }
+ ul li{
+ clear:both;
+ }
+ }
+ .main {
+ background:#f3f8ed;
+ }
+ .current{
+ background-color:#fff;
+ }
+ .activity.label.modtype_label {
+ margin:5px auto;
+ }
+ ul.topics li.section .content{
+ margin: 0 10px;
+ }
+ ul.weeks li.section{
+ border: 1px solid #ddd;
+ padding: 10px;
+ background-color:#fff;
+ }
+ ul.weeks li.section.current{
+ background-color:#f5f5f5;
+ }
+ ul.weeks li.section.main{
+ display:block;
+ }
+ }
+}
#page-course-view-weeks .weekdates {
- font-size: 1em;
- font-weight: normal;
- color: #777;
- padding: 2px;
+ font-size: 1em;
+ font-weight: normal;
+ color: #777;
+ padding: 2px;
}
.base-triangle(@top: 5px solid transparent,@left: 7px solid #999,@bottom: 5px solid transparent,@right:0){
- width: 0;
- height: 0;
- border-top: @top;
- border-left: @left;
- border-bottom: @bottom;
- border-right:@right;
- float: left;
+ width: 0;
+ height: 0;
+ border-top: @top;
+ border-left: @left;
+ border-bottom: @bottom;
+ border-right:@right;
+ float: left;
}
.triangle {
- .base-triangle;
- margin-right: 5px;
- margin-top: 5px;
- margin-left:5px;
+ .base-triangle;
+ margin-right: 5px;
+ margin-top: 5px;
+ margin-left:5px;
}
.current .triangle {
- .base-triangle(7px solid #999,5px solid transparent,0,5px solid transparent);
- margin-right: 5px;
- margin-top: 8px;
+ .base-triangle(7px solid #999,5px solid transparent,0,5px solid transparent);
+ margin-right: 5px;
+ margin-top: 8px;
}
/* ----------------------------------------
- Grades
+ Grades
-----------------------------------------*/
.path-grade-report-grader .gradeparent{
- overflow: scroll;
+ overflow: scroll;
}
diff --git a/style/source/layout/buttons.less b/style/source/layout/buttons.less
index 88de411..016ba43 100644
--- a/style/source/layout/buttons.less
+++ b/style/source/layout/buttons.less
@@ -1,7 +1,7 @@
-/* FROM BOOTSTRAP
+/* FROM BOOTSTRAP
-------------------------------------------------------------- */
input[type="submit"],
-button,
+button,
.pretty-button,
.delete-slide{
color: #ffffff;
@@ -16,16 +16,18 @@ button,
cursor:pointer;
word-wrap: break-word;
max-width: 100%;
+ .transition;
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
- .background-image(#ee5f5b, #bd362f);
+ .background-image(#ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ .transition;
}
.btn-warning {
@@ -36,6 +38,7 @@ button,
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ .transition;
}
.btn {
@@ -48,7 +51,7 @@ button,
cursor: pointer;
.box-shadow;
.rounded-corners(4px);
-
+ .transition;
}
/* END BOOTSTRAP
diff --git a/style/source/layout/custommenu.less b/style/source/layout/custommenu.less
index 5c6faf8..5b49f01 100644
--- a/style/source/layout/custommenu.less
+++ b/style/source/layout/custommenu.less
@@ -1,10 +1,13 @@
#custommenu{
- background-color: @custommenu_color ;
+ background-color: @custommenu_color;
padding: 1px;
min-height: 36px;
+ *{
+ .transition(background-color, 0.5s);
+ }
ul,
li,
- a,
+ a,
.yui3-menu-content{
border: none !important;
}
@@ -16,12 +19,13 @@
li{
border-right: 0px;
min-width: 150px;
+ background-color: @custommenu_color;
}
.yui3-menu-label-active,
.yui3-menu-label-menuvisible{
background-color: @current_custommenu_color ;
}
- }
+ }
.yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content,
.yui3-menuitem-content:hover ,
.yui3-menu-label-menuvisible:hover{
@@ -46,7 +50,7 @@
a.yui3-menu-label-menuvisible {
color:white !important;
}
- .yui3-skin-sam .yui3-menu li,
+ .yui3-skin-sam .yui3-menu li,
.yui3-skin-sam .yui3-menu .yui3-menu li{
background-color: @custommenu_color !important;
}
@@ -58,7 +62,7 @@
&.collapsed{
display:none;
}
-
+
&.stuck{
position: fixed;
top: 0;
@@ -72,29 +76,30 @@
}
.arrow{
- width: 0;
+ width: 0;
height: 0;
- margin-top: 3px;
+ margin-top: 3px;
}
.arrow-right {
.arrow;
border-top: 8px solid transparent;
- border-bottom: 8px solid transparent;
+ border-bottom: 8px solid transparent;
border-left: 10px solid #697F6F;
-
+
}
.arrow-up {
- .arrow;
+ .arrow;
border-left: 8px solid transparent;
- border-right: 8px solid transparent;
+ border-right: 8px solid transparent;
border-bottom: 10px solid #697F6F;
margin: auto;
}
#mobile-custommenu{
background-color: @theme_color;
+ position: relative;
padding: 10px;
clear: both;
display: none;
@@ -106,7 +111,7 @@
&:hover{
background-color: @current_custommenu_color;
border-bottom: 1px solid #888;
- border-top: 1px solid #888;
+ border-top: 1px solid #888;
}
.hierarchy-mark {
height: 20px;
@@ -122,5 +127,5 @@
}
&.collapsed {
display: none;
- }
+ }
}
\ No newline at end of file
diff --git a/style/source/layout/page_header.less b/style/source/layout/page_header.less
index fc5231d..a2a91f6 100644
--- a/style/source/layout/page_header.less
+++ b/style/source/layout/page_header.less
@@ -3,8 +3,25 @@
background: @theme_color;
color: #fff;
width:100%;
- float: none;
- margin-bottom: 30px;
+ float: none;
+ margin-bottom: 30px;
+ #top-page-header{
+ width: 90%;
+ max-width: 1200px;
+ height: 10px;
+ margin: 0 auto;
+ #social-icons{
+ margin: 0 0 0 80%;
+ height: 40px;
+ li{
+ float: right;
+ list-style: none;
+ margin-right: 10px;
+ font-size: 2em;
+ }
+ }
+ }
+
a{
&:link, &:visited{
color: whitesmoke;
@@ -23,12 +40,12 @@
float: right;
margin: 10px 0px;
padding: 0;
- z-index: 999;
+ z-index: 999;
.box-sizing;
display: none;
}
div.menu-icon.active{
- background: @background_color;
+ background: @background_color;
}
div.menu-icon.deactive{
background: @background_color;
@@ -97,7 +114,7 @@
.page-header-info-container{
.box-sizing;
- float: left;
+ float: right;
width:48%;
}
diff --git a/style/source/lib.less b/style/source/lib.less
index c3d2199..8f32224 100644
--- a/style/source/lib.less
+++ b/style/source/lib.less
@@ -15,22 +15,21 @@
@main_text_color : #222;
@box_color: #f5f5f5;
-@font-face {
+@font-face {
font-family: 'OpenSans';
src: url([[font:theme|OpenSans-Regular.ttf]]);
font-weight: normal;
font-style: normal;
}
-@font-face {
+@font-face {
font-family: 'OpenSans';
src: url([[font:theme|OpenSans-Bold.ttf]]);
font-weight: bold;
font-style: normal;
}
-
-.rounded-corners (@radius:5px) {
+.rounded-corners(@radius:5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
@@ -45,9 +44,16 @@
}
.box-sizing(@value : border-box){
- -webkit-box-sizing: @value;
- -moz-box-sizing: @value;
- box-sizing: @value;
+ -webkit-box-sizing: @value;
+ -moz-box-sizing: @value;
+ box-sizing: @value;
+}
+
+.transition(@property: all,@time: 0.5s) {
+ -webkit-transition: @property @time;
+ -moz-transition: @property @time;
+ -o-transition: @property @time;
+ transition: @property @time;
}
.background-image(@initial_color: #444444, @final_color:#222222){
@@ -57,5 +63,5 @@
background-image: -o-linear-gradient(top, @initial_color, @final_color);
background-image: linear-gradient(to bottom, @initial_color, @final_color);
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff@{initial_color}',endColorstr='#ff@{final_color}',GradientType=0)";
- filter: ~"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
+ filter: ~"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
\ No newline at end of file
diff --git a/style/source/modules/login.less b/style/source/modules/login.less
index 77992e6..49b2f67 100644
--- a/style/source/modules/login.less
+++ b/style/source/modules/login.less
@@ -1,18 +1,139 @@
+#page-login-index{
+ #social-icons{
+ position: absolute;
+ right: 0;
+ margin-top: -10px;
+ li{
+ float: left;
+ list-style: none;
+ margin-right: 10px;
+ font-size: 3em;
+ }
+ }
+ #page{
+ width: [[setting|loginboxwidth]] !important;
+ max-width: [[setting|loginboxmaxwidth]];
+ min-height: 200px;
+ .rounded-corners;
+ .box-shadow(1px 1px 10px 0px #222);
+ }
+ #page-content{
+ min-height: 200px;
+ }
+ #page-header.login{
+ &,
+ .page-header-inner{
+ padding-top: 10px;
+ min-height: 80px;
+ max-width: 100%;
+ #logo,
+ #mobile-logo{
+ max-width: 300px;
+ img{
+ max-width: 50%;
+ }
+ }
+ }
+ .page-header-info-container{
+ float: left;
+ }
+ }
+ #custommenu{
+ float: left;
+ margin-top: -20px;
+ background: @theme_color;
+ li{
+ padding: 0px 5px;
+ background: @theme_color;
+ }
+ & ul > li a{
+ .rounded-corners;
+ }
+ div{
+ .rounded-corners;
+ }
+ .custom_menu_submenu{
+ .yui3-menu-label-active,
+ .yui3-menu-label-menuvisible{
+ background-color: @custommenu_color;
+ }
+ }
+ .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content,
+ .yui3-menuitem-content:hover ,
+ .yui3-menu-label-menuvisible:hover{
+ background-color: @custommenu_color;
+ }
+ .custom_menu_submenu .yui3-menu-content,
+ .yui3-menu-label-active,
+ .yui3-menu-label-menuvisible{
+ background-color: @theme_color;
+ }
+ .yui3-menu-horizontal .yui3-menu-content ul ul,
+ .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul ul{
+ padding-bottom:3px;
+ }
+ .yui3-menu-horizontal .yui3-menu-content li a {
+ cursor:pointer;
+ color: white;
+ padding: 10px;
+ }
+ .yui3-menu-horizontal .yui3-menu-content li.yui3-menuitem-active a,
+ a.yui3-menu-label-active,
+ a.yui3-menu-label-menuvisible {
+ color:white !important;
+ }
+ .yui3-skin-sam .yui3-menu li,
+ .yui3-skin-sam .yui3-menu .yui3-menu li{
+ background-color: @theme_color !important;
+ }
+ }
+}
+
+#login-content{
+ max-width: 100%;
+ margin-top: -30px;
+ width: 100%;
+ padding: 80px 0 20px 0;
+ text-align: center;
+ overflow: auto;
+ display: block;
+ position: relative;
+ min-height: 65vh;
+ &:before{
+ background: url([[setting|loginbackgroundimage]]) no-repeat;
+ background-size: cover;
+ opacity: 0.8;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ z-index: 0;
+ content: "";
+ display: block;
+ min-height: 100%;
+ .box-sizing;
+ }
+}
.loginbox{
&.twocolumns{
border: 0;
- background-color: @box_color;
.loginpanel{
border:0;
}
}
- border: 1px solid #ccc;
.loginform{
.form-input{
margin-bottom:5px;
text-align: center;
width:auto;
float: none;
+ input {
+ width: 85%;
+ padding: 5px;
+ .rounded-corners;
+ border: 1px solid #999;
+ }
#loginbtn{
display: block;
text-align: center;
+$string['choosereadme'] = '