From 78def43510d89c2a8ac32516d76fcfdc2be31d3a Mon Sep 17 00:00:00 2001
From: Patrick Malley <ptrkmkl@newschoollearning.com>
Date: Wed, 28 Jul 2010 15:26:17 +0000
Subject: [PATCH] MDL-22874 - first commit of new theme

---
 theme/brick/style/colors.css     |  56 ++++
 theme/brick/style/core.css       | 538 +++++++++++++++++++++++++++++++
 theme/brick/style/css3.css       |  38 +++
 theme/brick/style/pagelayout.css | 116 +++++++
 4 files changed, 748 insertions(+)
 create mode 100644 theme/brick/style/colors.css
 create mode 100644 theme/brick/style/core.css
 create mode 100644 theme/brick/style/css3.css
 create mode 100644 theme/brick/style/pagelayout.css

diff --git a/theme/brick/style/colors.css b/theme/brick/style/colors.css
new file mode 100644
index 00000000000..fab7a30f16d
--- /dev/null
+++ b/theme/brick/style/colors.css
@@ -0,0 +1,56 @@
+html a,body a, html a:visited,body a:visited, ul.dropdown li, ul.dropdown a:link, ul.dropdown a:visited {
+	color: [[setting:linkcolor]];
+}
+
+html a:hover,body a:hover, ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown a:hover, ul.dropdown a:active {
+	color: [[setting:linkhover]];
+}
+
+#logo {
+	background: url([[setting:logo]]) no-repeat;
+}
+
+#headerwrap {
+	background: [[setting:maincolor]] url([[pix:theme|header]]) repeat-x;
+	border-bottom: 1px solid [[setting:maincolor]];
+}
+
+#nologo a,#nologo, #loggedinas, .block .header h2, .yui3-menu-content li a, #navigation li a {
+	color: [[setting:maincolorlink]] !important;
+}
+
+div.block {
+	background: [[setting:maincolor]] url([[pix:theme|block]]) no-repeat;
+}
+
+.block div.header {
+	border-bottom: 1px solid [[setting:maincolor]];
+}
+
+.generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, .forumpost .subject {
+	color: [[setting:headingcolor]];
+}
+
+#nologo a, .yui3-menu-content li a, .headingtitle h1, .block .header h2 {
+	text-shadow: -1px 1px 1px [[setting:maincolor]];
+}
+
+#dock .controls {
+	background-color: [[setting:linkcolor]];
+}
+
+#dock .dockedtitle.activeitem {
+	background-color: [[setting:maincolor]];
+}
+
+#dockeditempanel .dockeditempanel_content {
+	border-color: [[setting:maincolor]];
+}
+
+#dockeditempanel .dockeditempanel_hd {
+	background: [[setting:maincolor]];
+}
+
+div.custom_menu_submenu li a {
+	color: [[setting:linkcolor]] !important;
+}
\ No newline at end of file
diff --git a/theme/brick/style/core.css b/theme/brick/style/core.css
new file mode 100644
index 00000000000..9f68b79fc95
--- /dev/null
+++ b/theme/brick/style/core.css
@@ -0,0 +1,538 @@
+/* @override http://www.stabinger.us/moodle2/theme/brick/style/core.css */
+
+/* Global
+---------------------------*/
+
+html, body {
+	background: #eee;
+}
+
+#mypagewrapper {
+	width: 100%;
+	border-top: 1px solid #fff;
+}
+
+#page {
+	margin-top: 15px;
+	width: 90%;
+	min-width: 960px;
+	margin-left: auto;
+	margin-right: auto;
+	clear: both;
+	border: 1px solid #dadada;
+	background: #fff;
+}
+
+#wrapper {
+	padding: 20px;
+	padding-left: 20px;
+	padding-right: 17px;
+}
+
+#wrapper.notathome {
+	padding-top: 15px;
+}
+.content-only #wrapper {
+	padding-right: 0px;
+}
+
+/* Header
+----------------------------*/
+
+#headerwrap {
+	width: 100%;
+	top: 0px;
+	height: 140px;
+}
+
+#header {
+	width: 90%;
+	min-width: 960px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#logo {
+	background-position: 0% 40%;
+	width: 300px;
+	height: 70px;
+	float: left;
+}
+#nologo {
+	width: 590px;
+	height: 70px;
+	float: left;
+	margin-left: 6px;
+	overflow: hidden;
+}
+#nologo a, #nologo {
+	font-family: Georgia, Palatino, serif;
+	line-height: 70px;
+	font-size: 28px;
+	font-weight: 600;
+	letter-spacing: -1px;
+}
+#loggedinas {
+	min-width: 300px;
+	height: 65px;
+	float: right;
+	text-align: right;
+	line-height: 65px;
+	font-size: 10px;
+}
+
+#loginas a {
+	color: #fff;
+}
+
+#headerbottom {
+	clear: both;
+}
+
+#headingtitle {
+	float: right;
+	width: 280px;
+	padding-right: 5px;
+	text-align: right;
+	height: 70px;
+	overflow: hidden;
+	background: url([[pix:theme|youare]]) no-repeat;
+	background-position: 95% 110%;
+	position: relative;
+	bottom: -2px;
+}
+
+#headingtitle h1 {
+	line-height: 67px;
+	font-weight: 200;
+	font-size: 13px;
+	text-transform: uppercase;
+	color: #fff;
+}
+/* end Header
+----------------------------*/
+
+#region-post2 .region-content div.navbutton {
+	display: inline-block !important;
+	width: 100%;
+	float: none;
+	margin-bottom: 5px;
+	margin-top: 5px;
+	clear: both;
+}
+
+body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
+	font-family: Georgia, Palatino, serif;
+	line-height: 1.5;
+	color: #333;
+}
+
+h1, h2, h3, h4 {
+	font-family: Georgia, Times, "Times New Roman", serif !important;
+}
+
+h2,h3,h4,h5,h6 {
+	color: #999;
+	font-weight: normal;
+}
+
+blockquote {
+	border-left: 1px solid #eee;
+	padding-left: 15px;
+	color: #666;
+}
+
+.mform fieldset {
+	border-color: #eee;
+}
+
+.mform fieldset legend {
+	color: #555;
+	font-weight: normal;
+	font-size: 1.2em;
+	border: 1px solid #eee;
+	padding: 2px 5px;
+	background: #fff;
+}
+
+
+div.navbar {
+	border-bottom: 1px solid #eee;
+	border-top: 1px solid #eee;
+	background: #fafafa url([[pix:theme|block]]) no-repeat;
+	background-position: 100% 0%;
+	font-size: 0.85em;
+	font-style: italic;
+	font-weight: 200;
+	padding:0 10px;
+	margin-bottom: 7px;
+}
+
+div.breadcrumb li {
+	line-height: 30px;
+	font-family: Georgia, serif;
+}
+
+.breadcrumb li img {
+	vertical-align: middle;
+}
+
+/** breadcrumb image replacement **/
+
+div.navbar span.arrow.sep {
+	font-size: 1px;
+	color: #fafafa;
+	background: url([[pix:theme|crumber]]) no-repeat;
+	background-position: 50% 25%;
+	display: inline-block;
+	width: 16px;
+	height: 30px;
+}
+
+.navbutton {
+	float: none;
+	width: 100%;
+	padding: 5px 0 15px;
+	text-align: center;
+}
+
+/* Blocks
+----------------------------*/
+
+.block {
+	border: none;
+}
+
+div.block {
+	padding: 2px;
+	border: 1px solid #dadada;
+	margin-left: -10px;
+}
+
+#region-main div.block {
+	margin-left: 0px;
+	background-image: none;
+}
+
+.block div.header {
+	min-height: 33px;
+	padding-top: 3px;
+	padding-left: 3px;
+}
+
+div.block.hidden div.header {
+	border-bottom: none;
+}
+
+.block .header h2 {
+	font-size: 13px;
+	font-weight: 200;
+	text-transform: uppercase;
+}
+
+.block div.content {
+	background: #fff;
+	border: 1px solid #dadada;
+	border-top: none;
+	padding: 4px;
+}
+
+.block div.content h1, .block div.content h2.main, .block div.content h3.main {
+	font-size: 13px;
+	background-image: none;
+}
+
+.block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
+	border: none !important;
+}
+
+.block_calendar_month table.minicalendar {
+	margin-bottom: 0px !important;
+}
+
+.block_calendar_month table.minicalendar.calendartable th abbr {
+	border: none !important;
+	text-decoration: none;
+}
+
+
+/** main headings **/
+
+.generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
+	font-weight: 600;
+	letter-spacing: -1px;
+	line-height: 1.3em;
+	font-size: 28px;
+	border-bottom: 0px solid #eee;
+	padding-bottom: 2px;
+	background: url([[pix:theme|mainbar]]) repeat-x;
+	background-position: 0% 100%;
+}
+
+.generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
+	font-size: 22px;
+	background: none;
+}
+
+
+
+/* Courses 
+----------------------------*/
+
+.coursebox {
+	border-color: #eee;
+}
+
+.coursebox .info {
+	width: 35%;
+}
+
+.coursebox .info .name {
+	margin-bottom: 0;
+}
+
+.coursebox .info .teachers {
+	font-size: 0.9em;
+	color: #888;
+}
+
+.coursebox .summary {
+	width: 63%;
+}
+
+.course-content .section.main {
+	border-bottom: 1px solid #eee;
+}
+
+.course-content .section.main .content {
+	padding: 5px 5px 10px;
+}
+
+.course-content .weeks .section.main .content {
+	margin-left: 0;
+}
+
+.course-content .weeks .section.main .left {
+	display: none;
+}
+
+.course-content .section.main.current {
+	background: #fffcdc;
+}
+
+.course-content .weeks .section.main h3.weekdates {
+	color: #999;
+}
+
+.course-content .current .left,
+.course-content .current h3.weekdates {
+	color: #92310c !important;
+}
+
+span.completionprogress {
+	font-size: 11px;
+	color: #666666;
+}
+
+/* Forum 
+--------------------------*/
+
+.forumpost .topic {
+	background: #eee url([[pix:theme|block]]) no-repeat;
+	background-position: 100% 0%;
+	border-width: 0;
+	border: 1px solid #dadada;
+	padding: 0 10px 0;
+}
+
+.forumpost .subject {
+	font-size: 1.45em;
+	font-family: Georgia, serif;
+}
+
+.forumpost .author {
+	font-size: 0.9em;
+	font-style: italic;
+}
+
+td.picture.left img {
+	background: #fafafa;
+	padding: 4px;
+	padding-bottom: 9px;
+	border: 1px solid #dadada;
+}
+
+.forumpost .content {
+	border-width: 0 1px 1px;
+	border-style: solid;
+	border-color: #aaa #dadada #dadada;
+	padding: 5px 10px 10px;
+}
+
+/* Footer 
+----------------------------*/
+
+#page-footer .helplink {
+	margin: 1em 0;
+}
+
+/* Dock */
+
+body.has_dock {
+	margin: 0px;
+}
+
+.has_dock #page, .has_dock #header {
+	margin-left: 5%;
+}
+
+#dock {
+	left: 5%;
+	top: 107px;
+	margin-left: -29px;
+	border-width: 0;
+	background-color: transparent;
+	position: absolute;
+}
+
+#dock .controls {
+	bottom: auto;
+	-webkit-border-bottom-left-radius: 3px;
+	-moz-border-radius-bottomleft: 3px;
+	border-bottom-left-radius: 3px;
+}
+
+#dock .dockeditem_container {
+	position: relative;
+}
+
+#dock .dockeditem.firstdockitem {
+	margin-top: 50px;
+	border-top: 1px solid #dadada;
+	-webkit-border-top-left-radius: 3px;
+	-moz-border-radius-topleft: 3px;
+	border-top-left-radius: 3px;
+}
+
+#dock .dockeditem {
+	background-color: #fff;
+	padding: 2px;
+	padding-right: 0px;
+	border-left: 1px solid #dadada;
+	border-right: 0px solid #fafafa;
+	border-top: 1px solid #fafafa;
+}
+
+#dock .dockedtitle {
+	border-width: 0;
+}
+
+#dock .dockedtitle h2 {
+	margin: 0;
+	padding: 10px 3px;
+}
+
+#dock .dockedtitle.activeitem {
+	color: #fff !important;
+	width: 35px;
+	-webkit-border-top-left-radius: 3px;
+	-moz-border-radius-topleft: 3px;
+	border-top-left-radius: 3px;
+	-webkit-border-bottom-left-radius: 3px;
+	-moz-border-radius-bottomleft: 3px;
+	border-bottom-left-radius: 3px;
+}
+
+#dock .dockedtitle.activeitem h2 {
+	color: #fff !important;
+}
+
+#dockeditempanel {
+	margin-left: 0px;
+}
+
+#dockeditempanel .dockeditempanel_content {
+	background-color: #fff;
+	margin: 0 3px;
+	position: relative;
+	min-height: 100px;
+	-webkit-border-radius: 3px;
+	-webkit-border-top-left-radius: 0;
+	-moz-border-radius: 3px;
+	-moz-border-radius-topleft: 0;
+	border-radius: 3px;
+	border-top-left-radius: 0;
+}
+
+#dockeditempanel .dockeditempanel_hd {
+	border-width: 0;
+	padding: 2px;
+}
+
+#dockeditempanel .dockeditempanel_hd h2 {
+	font-size: 0.9em;
+	color: #fff;
+}
+
+/** yui menu styles **/
+
+#menustuff {
+	width: 600px;
+	float: left;
+	clear: left;
+	height: 65px;
+}
+
+#custommenu {
+	border: none !important;
+}
+
+div.yui3-menu-content {
+	border: none !important;
+}
+
+.yui3-menu-content li a {
+	font-size: 14px;
+	font-family: Georgia, serif !important;
+	font-weight: 200;
+	text-transform: lowercase;
+	line-height: 70px;
+	cursor: pointer;
+	border-right: none !important;
+	border-top: none !important;
+	border-bottom: none !important;
+}
+
+.yui3-menu-content li a:hover {
+	text-decoration: underline;
+}
+
+div.custom_menu_submenu li a {
+	line-height: 30px;
+	text-shadow: none !important;
+}
+
+div.yui3-menu.custom_menu_submenu {
+	background: url([[pix:theme|youare]]) no-repeat;
+	background-position: 30px 10px;
+	top: 120px !important;
+	border: none;
+	min-width: 100px;
+	z-index: 99998;
+}
+
+div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
+	margin-top: 22px;
+	border: 1px solid #dadada !important;
+	border-top: none !important;
+}
+
+/** below style to move sub subs to the left to keep from going off the page **/
+
+div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
+	background-image: none !important;
+	width: 200px;
+	position: relative;
+	margin-top: -50px;
+	border-top: 1px solid #dadada !important;
+}
\ No newline at end of file
diff --git a/theme/brick/style/css3.css b/theme/brick/style/css3.css
new file mode 100644
index 00000000000..75fc1949c82
--- /dev/null
+++ b/theme/brick/style/css3.css
@@ -0,0 +1,38 @@
+#page {
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+}
+
+div.block {
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 3px;
+	border-radius: 2px;
+}
+
+.block div.content {
+	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.4);
+	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.4);
+	box-shadow: inset 0 3px 7px rgba(0,0,0,.24);
+}
+
+#dock .dockeditem, #dock .controls, #dockeditempanel .dockeditempanel_content {
+	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+}
+
+.forumpost .topic, .forumpost .content {
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+}
+
+div.yui3-widget.yui3-overlay.yui3-widget-positioned.yui3-widget-stacked {
+	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+}
\ No newline at end of file
diff --git a/theme/brick/style/pagelayout.css b/theme/brick/style/pagelayout.css
new file mode 100644
index 00000000000..35de309aac9
--- /dev/null
+++ b/theme/brick/style/pagelayout.css
@@ -0,0 +1,116 @@
+/*********************************************************************************************
+
+	left column: 250px
+	right column: 250px
+	padding left/right column: 10px
+	padding center column: 30px
+
+**********************************************************************************************/
+
+body {
+	margin: auto 0px;
+	width: auto;
+}
+
+#page {
+	width: 100%;
+	overflow: hidden;
+}
+
+#page-header {
+	float: left;
+	width: 100%;
+}
+
+#page-content {
+	clear: both;
+	float: left;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+
+#page-content #region-main-box {
+	float: left;
+	margin-left: 0;
+	position: relative;
+	width: 200%;
+	right: 100%;
+}
+
+#page-content #region-main-box #region-post-box {
+	float: left;
+	width: 100%;
+}
+
+#page-content #region-main-box #region-post-box #region-main-wrap {
+	float: left;
+	width: 50%;
+}
+
+#page-content #region-main-box #region-post-box #region-main-wrap #region-main {
+	overflow: hidden;
+	position: relative;
+	left: 100%;
+}
+
+#page-content #region-main-box #region-post-box #region-post {
+	float: right;
+	position: relative;
+}
+
+#page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {
+	overflow: hidden;
+	padding: 0px 30px 20px 0;
+}
+
+#page-content #region-main-box #region-post-box #region-post .region-content {
+	overflow: hidden;
+	padding: 0px 0 20px 10px;
+}
+
+#page-footer {
+	clear: both;
+	float: left;
+	width: 100%;
+}
+
+
+.has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
+	margin-left: 200px;
+}
+
+/** No blocks whatsoever **/
+
+.content-only #page-content #region-main-box {
+	margin-left: 0px;
+}
+
+.content-only #page-content #region-main-box #region-post-box {
+	margin-left: 0px;
+}
+
+.content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
+	margin-left: 0px;
+}
+
+.content-only #page-content #region-main-box #region-post-box #region-pre {
+	width: 0px;
+}
+
+.content-only #page-content #region-main-box #region-post-box #region-post {
+	width: 0px;
+}
+
+#page-content #region-main-box #region-post-box {
+	margin-left: -250px;
+}
+
+#page-content #region-main-box #region-post-box #region-main-wrap #region-main {
+	margin-left: 250px;
+}
+
+#page-content #region-main-box #region-post-box #region-post {
+	left: 250px;
+	width: 250px;
+}