mirror of
https://github.com/moodle/moodle.git
synced 2025-03-10 18:59:55 +01:00
64bf9dbc30
Squashed commit of the following:
commit 8871ed6a5ca3f3ecbf6d9c20ebe5a9badcfe0fef
Author: Mary Evans <lazydaisy@visible-expression.co.uk>
Date: Sun Sep 22 14:57:18 2013 +0100
MDL-35217 theme_afterburner: Added styles to block and course page editing icons.
Adjusted @media styles in syyle/responsive.css.
commit 6ee5035b77f4e6fb10fc14b4d18e70ab5b8cb174
Author: Mary Evans <lazydaisy@visible-expression.co.uk>
Date: Mon Sep 16 02:09:01 2013 +0100
MDL-35217 theme_afterbuener: Fix for first docked block top-margin reduced to zero.
commit fc6a3fbf9267d778b8f85af0c73f6628890ccbc4
Author: Mary Evans <lazydaisy@visible-expression.co.uk>
Date: Mon Sep 16 01:23:21 2013 +0100
MDL-35217_M26 theme_afterburner: Improvment to make Afterburner fully responsive.
This commit builds on the work already commited by Richard Olemann.
commit f7a750a90d40d60e965485b2a3fcb112b5e2bd80
Author: roelmann <oelmann.richard@gmail.com>
Date: Thu Sep 12 15:55:46 2013 +0100
wip-MDL_35217-afterburner: Reduce sidebar widths, make layout responsive, hide logo on small screens
112 lines
2.5 KiB
CSS
112 lines
2.5 KiB
CSS
/* Page Layout for Afterburner Moodle 2.4 Theme
|
|
using Matthew James Taylor's Perfect Holy Grail Percentage Layout
|
|
-----------------------------------------------------------------*/
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #fff url([[pix:theme|core/bground]]) repeat-x fixed;
|
|
}
|
|
#page-wrapper {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
background: none;
|
|
border: 1px solid #eee;
|
|
}
|
|
#page {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
/*
|
|
3 Column Page Layout
|
|
-----------------------*/
|
|
|
|
#page-content {
|
|
clear: both;
|
|
float: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
background-color: #eee; /* Right column background colour */
|
|
}
|
|
#region-main-box {
|
|
float: left;
|
|
right: 21%;
|
|
position: relative;
|
|
width: 100%;
|
|
background-color: #fff; /* Center column background colour */
|
|
}
|
|
#region-pre-box {
|
|
float: left;
|
|
right: 58%;
|
|
position: relative;
|
|
width: 100%;
|
|
background-color: #d1e0e7; /* Left column background colour */
|
|
}
|
|
#region-main {
|
|
float: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 58%;
|
|
left: 100%;
|
|
background-color: #fff;
|
|
}
|
|
#region-pre {
|
|
float: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 21%;
|
|
left: 21%;
|
|
}
|
|
#region-post {
|
|
float: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 21%;
|
|
left: 79%;
|
|
|
|
}
|
|
#region-main .region-content {
|
|
padding: 0 20px;
|
|
}
|
|
#page-footer {
|
|
clear: both;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
/** SIDE-PRE-ONLY **/
|
|
|
|
.side-pre-only #region-main-box {right: 0%;}
|
|
.side-pre-only #region-pre-box {right: 79%;}
|
|
.side-pre-only #region-main {left: 100%; width: 79%;}
|
|
.side-pre-only #region-pre {left: 0; width: 21%;}
|
|
.side-pre-only #region-post {width: 0;}
|
|
|
|
|
|
/** SIDE-POST-ONLY **/
|
|
|
|
.side-post-only #region-main-box {right: 23%;}
|
|
.side-post-only #region-pre-box {right: 0; background-color: #fff;}
|
|
.side-post-only #region-main {left: 25%; width: 75%;}
|
|
.side-post-only #region-pre {width: 0;}
|
|
.side-post-only #region-post {left: 25%; width: 23%;}
|
|
.has_dock.side-post-only #region-main {margin-left: 0;}
|
|
|
|
/** CONTENT ONLY - NO BLOCKS WHATSOEVER **/
|
|
|
|
.content-only #region-main-box {right: 0;}
|
|
.content-only #region-pre-box {right: 0;}
|
|
.content-only #region-main {left: 0; width: 100%;}
|
|
.content-only #region-pre {width: 0;}
|
|
.content-only #region-post {width: 0;}
|
|
|
|
.pagelayout-report #page-content #region-main {overflow:auto;}
|
|
.pagelayout-report #page-content #region-main .region-content {overflow: visible;}
|