@charset "UTF-8"; /* CSS Document */
/*******************************************************************
Use this file to add CSS that will affect only this course.
We respectfully ask that you do not edit this file. We have made a
limited number of changes to Moodle directly with this file and will
be supporting those changes in future upgrades. If unsupported
changes are made, your course may unexpectedly break in the
future with Moodle upgrades and enhancements.
If you would like to make changes to this CSS we suggest that you
place them at the end of the document as an override as opposed to
changing the code directly.
*******************************************************************/
/*
SCIS course theme for COMP 214
Last updated October, 2010, by Ian Grivois
Note, all styles must begin with .au-course or .au-course-interface
in order to avoid conflict with Moodle's base CSS
*/
/*******************************************
Moodle course theme adjustment code (Hidden for SCIS courses, not applicable to this theme) */
/*
body {
background-color: #e2d9c4;
background-image: none;
}
*/
/* this style is used by CLL, it's commented out for now
#border {
border-right: 12px solid #c6cfd7;
border-left: 12px solid #c6cfd7;
border-bottom: 12px solid #c6cfd7;
}
*/
/* Banner image */
/*
#auheader {
background-image: url("images/template_banner.jpg");
}
*/
/* Color of the title text */
/*
#auheader span {
color:#5674b9;
}
*/
/*******************************************
COURSE STYLES
Wrap your HTML code in
...
or ...
to activate this CSS styling
AU-COURSE vs. AU-COURSE-INTERFACE
.au-course is for fixed width pages like moodle books;
.au-course-interface is for pages that need to have a flowing width
like assignment drop boxes and the moodle homepage */
.au-course {
padding: 10px;
margin: 0 auto;
font-family: Arial, sans-serif;
width: 640px;
color: #220c04;
line-height: 1.3em;
font-size: 1.1em;
line-height: 1.4em;
border-top: 3px solid #150a72;
border-bottom: 3px solid #150a72;
background: #f7f7f7 url(images/gradient.png) repeat-x 0 -5px;
}
.au-course-interface {
padding: 15px;
margin: 0 auto;
font-family: Arial, sans-serif;
color: #220c04;
line-height: 1.3em;
font-size: 1.1em;
line-height: 1.4em;
border-top: 3px solid #150a72;
border-bottom: 3px solid #150a72;
background: #f7f7f7 url(images/gradient.png) repeat-x 0 -5px;
}
.white {
padding: 10px;
margin: 5px 0;
font-family: Arial, Helvetica, sans-serif;
border: none;
color: #220c04;
font-size: 1em;
background-image: none;
background-color: transparent;
line-height: 1.4em;
}
.au-course .page-signature,
.au-course-interface .page-signature {
padding-bottom: 30px;
background: transparent url(images/signature_dingbat.gif) no-repeat bottom center;
}
/* Heading styles for running header information */
.au-course .runhead0,
.au-course-interface .runhead0{
font-family: Arial, sans-serif;
padding: 0 .2em .1em 0;
font-size: .6em;
color: #666;
border-bottom: 1px solid #ccc;
letter-spacing: 2px;
}
.au-course .runhead1,
.au-course-interface .runhead1 {
font-family: Arial, sans-serif;
padding: 0 .2em .1em 0;
font-size: .8em;
color: #666;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
letter-spacing: 3px;
}
.au-course .runhead2,
.au-course-interface .runhead2 {
font-family: "Lucida Sans", Lucida, Arial, sans-serif;
font-weight: normal;
padding: 0 0 .5em 0;
margin: 0;
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.2em;
color: #666;
}
/* Redefined HTML tags */
.au-course h1,
.au-course-interface h1 {
font-family: "Lucida Sans", Lucida, Arial, sans-serif;
font-weight: normal;
padding: 0;
margin: 1.5em 0 1em 0;
font-size: 1.8em;
color: #ee9a09;
line-height: 1.2em;
}
.au-course h2,
.au-course-interface h2 {
font-family: "Lucida Sans", Lucida, Arial, sans-serif;
padding: .8em 0 .4em 0;
font-size: 1.5em;
color: #333;
}
.au-course h3,
.au-course-interface h3 {
font-family: Arial, sans-serif;
margin: 0;
padding: .8em 0 .4em 0;
font-size: 1.3em;
color: #333;
}
.au-course h4,
.au-course-interface h4 {
font-family: Arial, sans-serif;
margin: 0;
padding: .8em 0 .4em 0;
font-size: 1.2em;
color: #333;
}
.au-course h5,
.au-course-interface h5 {
font-family: Arial, sans-serif;
padding: 0;
margin: 0;
font-size: 1.1em;
color: #333;
}
.au-course h6,
.au-course-interface h6 {
font-family: Arial, sans-serif;
padding: 0;
margin: 0;
font-size: 1.0em;
color: #333;
}
.au-course p,
.au-course-interface p {
color: #333;
font-size: 1em;
padding-top: 0;
padding-bottom: 0;
margin-top: .8em;
margin-bottom: .8em;
}
.au-course pre,
.au-course-interface pre {
font-family: Consolas, monospace;
font-size: 1em;
color:#333;
}
.au-course li,
.au-course-interface li {
color: #333;
font-family: Arial, sans-serif;
}
.au-course ol,
.au-course-interface ol {
padding-top: 0;
padding-bottom: 10px;
margin-top: 0;
}
.au-course ol li,
.au-course-interface ol li {
padding-top: 5px;
margin-left: -17px;
font-family: Arial, sans-serif;
margin-right: 40px;
font-size: 1em;
}
.au-course ul,
.au-course-interface ul {
padding-top: 0;
padding-bottom: 10px;
margin-right: 0;
font-family: Arial, sans-serif;
}
.au-course ul li,
.au-course-interface ul li {
padding-top: 5px;
margin-right: 40px;
font-family: Arial, sans-serif;
font-size: 1em;
}
.au-course ul li ul,
.au-course-interface ul li ul {
margin-top: 5px;
margin-bottom: 0;
font-family: Arial, sans-serif;
}
.au-course blockquote ul li,
.au-course-interface blockquote ul li {
font-size: .9em;
}
.au-course blockquote ol li,
.au-course-interface blockquote ol li {
font-size: .9em;
}
.au-course input,
.au-course-interface input,
.au-course select,
.au-course-interface select,
.au-course li li,
.au-course-interface li li,
.au-course li p,
.au-course-interface li p,
.au-course blockquote p,
.au-course-interface blockquote p,
.au-course blockquote,
.au-course-interface blockquote,
.au-course caption,
.au-course-interface caption,
.au-course title,
.au-course-interface title,
.au-course table,
.au-course-interface table,
.au-course th,
.au-course-interface th,
.au-course td,
.au-course-interface td,
.au-course td p,
.au-course-interface td p {
font-size: 1em;
font-family: Arial, sans-serif;
}
.au-course table,
.au-course-interface table {
margin: 30px 0 !important;
}
.au-course ol li table,
.au-course-interface ol li table {
margin: 10px 0 !important;
}
.au-course a:link,
.au-course-interface a:link,
.au-course a:visited,
.au-course-interface a:visited {
color: #385abb;
}
.au-course a:hover,
.au-course-interface a:hover {
color: #333;
}
.au-course a:active,
.au-course-interface a:active {
color: #000000;
}
/* Special styles */
/* Unique text formatting styles */
.au-course .code,
.au-course-interface .code {
font-family: Consolas, monospace;
font-size: 1em;
color:#333;
}
.au-course .red,
.au-course-interface .red {
color: #900;
}
.au-course .grey,
.au-course-interface .grey {
color: #999;
}
.au-course .line-through,
.au-course-interface .line-through {
text-decoration: line-through;
}
.au-course .no-space-above,
.au-course-interface .no-space-above {
padding-top: 0;
margin-top: 0;
}
.au-course .no-space-below,
.au-course-interface .no-space-below {
padding-bottom: 0;
margin-bottom: 0;
}
.au-course .reference,
.au-course-interface .reference {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
text-align: left;
text-indent: -20px;
}
.au-course div p.reference,
.au-course-interface div p.reference {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
text-align: left;
text-indent: -20px;
}
.au-course .footnote,
.au-course-interface .footnote {
font-size: 1em;
}
.au-course .hide,
.au-course-interface .hide {
display: none;
}
/* use the following to indent text */
.au-course .indent20px,
.au-course-interface .indent20px {
margin-left: 20px;
}
.au-course .indent40px,
.au-course-interface .indent40px {
margin-left: 40px;
}
.au-course .indent60px,
.au-course-interface .indent60px {
margin-left: 60px;
}
.au-course .indent80px,
.au-course-interface .indent80px {
margin-left: 80px;
}
.au-course ol li td,
.au-course-interface ol li td {
font-size: .9em;
}
.au-course .smcaps,
.au-course-interface .smcaps {
font-size: .9em;
letter-spacing: 1px;
}
/* Pull-quotes */
.au-course .pullquote,
.au-course-interface .pullquote {
float: right;
width: 200px;
font-size: 1em;
font-family: Arial, sans-serif;
text-align: center;
color: #1F406A;
margin-top: -5px;
}
.au-course .pullquote-left,
.au-course-interface .pullquote-left {
float: left;
width: 200px;
font-size: 1em;
font-family: Arial, sans-serif;
text-align: center;
color: #1F406A;
margin-top: -5px;
}
.au-course .pullquote p,
.au-course-interface .pullquote p {
padding: 5px;
margin: 0;
border: 1px solid #aaa;
color: #1F406A;
}
.au-course .pullquote-left p,
.au-course-interface .pullquote-left p {
padding: 5px;
margin: 0;
border: 1px solid #aaa;
color: #1F406A;
}
.au-course .quote-in,
.au-course-interface .quote-in {
background: transparent url(images/quote_in.gif) no-repeat 0 0;
padding: 10px 0 0 10px;
margin: 0 0 0 15px;
}
.au-course .quote-out,
.au-course-interface .quote-out {
background: transparent url(images/quote_out.gif) no-repeat bottom right;
padding: 0 10px 10px 0;
}
.au-course .pullquote-left .quote-in,
.au-course-interface .pullquote-left .quote-in {
background: transparent url(images/quote_in.gif) no-repeat 0 0;
padding: 10px 0 0 10px;
margin: 0 15px 0 0 ;
}
.au-course .pullquote-left .quote-out,
.au-course-interface .pullquote-left .quote-out {
background: transparent url(images/quote_out.gif) no-repeat bottom right;
padding: 0 10px 10px 0;
}
/* Initial capitals */
.au-course .initialcap,
.au-course-interface .initialcap {
font-style: normal;
color: #546479;
float: left;
margin-right: 0.25em;
width: 0.4em;
font-size: 2.9em;
line-height: 83%;
font-family: "Lucida Sans", Lucida, Arial, sans-serif;
}
/* top button */
/* use this style for the middle of the html page */
/* place the HTML code underneath an h3 or h4 heading level */
.au-course .top,
.au-course-interface .top {
margin-top: -40px;
display: block;
font-size: .7em;
float: right;
width: 3em;
font-family: Arial, sans-serif;
text-align: center;
background-color: #FFF;
color: #999;
font-weight: bold;
text-transform: uppercase;
}
.au-course .top p,
.au-course-interface .top p {
margin: 0;
padding: 0;
border: 1px solid #999;
}
.au-course .top a:link,
.au-course-interface .top a:link,
.au-course .top a:visited,
.au-course-interface .top a:visited {
text-decoration: none;
color: #999;
}
.au-course .top a:hover,
.au-course-interface .top a:hover {
text-decoration: underline;
color: #385abb;
}
/* use this top style for the bottom of the HTML page */
.au-course .top-bottom,
.au-course-interface .top-bottom {
margin-top: 0;
display: block;
font-size: .7em;
float: right;
width: 3em;
font-family: Arial, sans-serif;
text-align: center;
background-color: #FFF;
color: #999;
font-weight: bold;
text-transform: uppercase;
}
.au-course .top-bottom p,
.au-course-interface .top-bottom p {
margin: 0;
padding: 0;
border: 1px solid #999;
}
.au-course .top-bottom a:link,
.au-course-interface .top-bottom a:link,
.au-course .top-bottom a:visited,
.au-course-interface .top-bottom a:visited {
text-decoration: none;
color: #999;
}
.au-course .top-bottom a:hover,
.au-course-interface .top-bottom a:hover {
text-decoration: underline;
color: #385abb;
}
/* Introductory image */
/*
.au-course .intro-image,
.au-course-interface .intro-image {
border: 1px solid #ccc;
padding: 5px;
margin-top: 10px;
background-color: #fff;
}
*/
.au-course .intro-image p,
.au-course-interface .intro-image p {
font-family: Arial, sans-serif;
padding: 5px 0;
margin: 0;
color: #999;
font-size: .8em;
line-height: 1.5em;
}
.au-course .intro-image img,
.au-course-interface .intro-image img {
border: 1px solid #ccc;
padding: 5px;
background-color:white;
max-width: 100%;
height: auto;
width: auto; /* For IE8 */
}
/* floating images */
.au-course .image-float,
.au-course-interface .image-float {
float: right;
width: 164px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 10px;
}
.au-course .image-float p,
.au-course-interface .image-float p {
font-family: Arial, sans-serif;
padding: 5px 0;
margin: 0;
color: #333;
font-size: .9em;
line-height: 1.4em;
}
.au-course .float-container,
.au-course-interface .float-container {
border: 1px solid #ccc;
padding: 5px;
background-color: #fff;
}
.au-course .float-image img,
.au-course-interface .float-image img {
border: 1px solid #ccc;
}
.au-course .image-float-left,
.au-course-interface .image-float-left {
float: left;
width: 164px;
margin-right: 15px;
margin-left: 0;
margin-bottom: 10px;
}
.au-course .image-float-left p,
.au-course-interface .image-float-left p {
font-family: Arial, sans-serif;
padding: 5px 0;
margin: 0;
color: #333;
font-size: .9em;
line-height: 1.4em;
}
.au-course .float-container-left,
.au-course-interface .float-container-left {
border: 1px solid #ccc;
padding: 5px;
background-color: #fff;
}
.au-course .float-image-left img,
.au-course-interface .float-image-left img {
border: 1px solid #ccc;
}
/* Sidebar */
.au-course .sidebar,
.au-course-interface .sidebar {
float: right;
width: 162px;
margin: 5px 10px 10px 20px;
border-top: 5px solid #546479;
border-left: 1px solid #e2e6ed;
background: #fff url("images/bg_sidebar.jpg") repeat-x 0 100%;
}
.au-course .sidebar p,
.au-course-interface .sidebar p {
padding: 5px 3px 7px 5px;
margin: 0;
color: #333;
font-size: .9em;
line-height: 1.4em;
}
.au-course .sidebar li,
.au-course-interface .sidebar li {
font-family: Arial, sans-serif;
padding: 3px;
margin: 0;
color: #333;
font-size: .9em;
line-height: 1.4em;
}
.au-course .sidebar ul,
.au-course-interface .sidebar ul {
padding: 0 0 10px 10px;
margin: 0 0 0 10px;
}
/* sidebar-left */
.au-course .sidebar-left,
.au-course-interface .sidebar-left {
float: left;
width: 162px;
margin: 5px 20px 10px 0;
border-top: 5px solid #546479;
border-left: 1px solid #e2e6ed;
background: #fff url("images/bg_sidebar.jpg") repeat-x 0 100%;
}
.au-course .sidebar-left p,
.au-course-interface .sidebar-left p {
padding: 5px 3px 7px 5px;
margin: 0;
color: #333;
font-size: .9em;
line-height: 1.4em;
}
.au-course .sidebar-left li,
.au-course-interface .sidebar-left li {
font-family: Arial, sans-serif;
padding: 3px;
margin: 0;
color: #333;
font-size: .9em;
line-height: 1.4em;
}
.au-course .sidebar-left ul,
.au-course-interface .sidebar-left ul {
padding: 0 0 10px 10px;
margin: 0 0 0 10px;
}
/* callout */
.au-course .callout,
.au-course-interface .callout {
margin: 20px 0;
padding: 0 10px;
font-size: .9em;
border: 1px solid #e2e6ed;
border-top: 5px solid #546479;
background: #fff url("images/bg_sidebar.jpg") repeat-x 0 100%;
}
/* Set off note with a pointing finger */
.au-course .note,
.au-course-interface .note {
padding: 5px 10px 10px 50px;
margin: 20px 0 6px 0;
background: #fff url(images/dingbat_finger.gif) no-repeat 0 14px;
color: #384877;
font-family: Arial, sans-serif;
font-size: .9em;
line-height: 1.5em;
display: inline-block;
border: solid 1px #ccc;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.au-course .note p,
.au-course-interface .note p {
padding: 0;
margin: 7px 0 0;
}
/* List Styles
Note, the images may not print in all browsers.
The print style sheet replaces them all with regular bullets. */
.au-course .circle,
.au-course-interface .circle {
list-style-image: url(images/bullet_circle.gif);
margin-top: 5px;
}
.au-course .circle ul,
.au-course-interface .circle ul {
list-style-image: url(images/bullet_circle.gif);
padding-bottom: 10px;
}
.au-course .circle li,
.au-course-interface .circle li {
padding-top: 3px;
}
.au-course .finger,
.au-course-interface .finger {
list-style-image: url(images/dingbat_finger.gif);
margin-top: 5px;
}
.au-course .finger ul,
.au-course-interface .finger ul {
list-style-image: url(images/dingbat_finger.gif);
}
.au-course .finger li,
.au-course-interface .finger li {
padding-top: 3px;
}
.au-course .star,
.au-course-interface .star {
list-style-image: url(images/bullet_star.gif);
margin-top: 5px;
}
.au-course .star ul,
.au-course-interface .star ul {
list-style-image: url(images/bullet_star.gif);
}
.au-course .star li,
.au-course-interface .star li {
padding-top: 3px;
}
.au-course .square,
.au-course-interface .square {
list-style-image: url(images/bullet_square.gif);
margin-top: 5px;
}
.au-course .square ul,
.au-course-interface .square ul {
list-style-image: url(images/bullet_square.gif);
}
.au-course .word,
.au-course-interface .word {
list-style-image: url(images/wordtiny.gif);
margin-top: 10px;
}
.au-course .word ul,
.au-course-interface .word ul {
list-style-image: url(images/wordtiny.gif);
}
.au-course .word li,
.au-course-interface .word li {
padding-top: 5px;
}
.au-course .excel,
.au-course-interface .excel {
list-style-image: url(images/exceltiny.gif);
margin-top: 10px;
}
.au-course .excel ul,
.au-course-interface .excel ul {
list-style-image: url(images/exceltiny.gif);
}
.au-course .excel li,
.au-course-interface .excel li {
padding-top: 5px;
}
.au-course .download,
.au-course-interface .download {
list-style-image: url(images/download.gif);
margin-top: 10px;
}
.au-course .download ul,
.au-course-interface .download ul {
list-style-image: url(images/download.gif);
}
.au-course .download li,
.au-course-interface .download li {
padding-top: 5px;
}
.au-course .home,
.au-course-interface .home {
list-style-image: url(images/home.gif);
margin-top: 10px;
}
.au-course .home ul,
.au-course-interface .home ul {
list-style-image: url(images/home.gif);
}
.au-course .home li,
.au-course-interface .home li {
padding-top: 5px;
}
.au-course .newwindow,
.au-course-interface .newwindow {
list-style-image: url(images/new_window.gif);
margin-top: 10px;
}
.au-course .newwindow ul,
.au-course-interface .newwindow ul {
list-style-image: url(images/new_window.gif);
}
.au-course .newwindow li,
.au-course-interface .newwindow li {
padding-top: 5px;
}
.au-course .zip,
.au-course-interface .zip {
list-style-image: url(images/ziptiny.gif);
margin-top: 10px;
}
.au-course .zip ul,
.au-course-interface .zip ul {
list-style-image: url(images/ziptiny.gif);
}
.au-course .zip li,
.au-course-interface .zip li {
padding-top: 5px;
}
.au-course .new ,
.au-course-interface .new {
list-style-image: url(images/new.gif);
margin-top: 10px;
}
.au-course .new ul,
.au-course-interface .new ul {
list-style-image: url(images/new.gif);
}
.au-course .new li,
.au-course-interface .new li {
padding-top: 5px;
}
.au-course .email,
.au-course-interface .email {
list-style-image: url(images/email.gif);
margin-top: 10px;
}
.au-course .email ul,
.au-course-interface .email ul {
list-style-image: url(images/email.gif);
}
.au-course .email li,
.au-course-interface .email li {
padding-top: 5px;
}
.au-course .pdf,
.au-course-interface .pdf {
list-style-image: url(images/pdf_tiny.gif);
margin-top: 10px;
}
.au-course .pdf ul,
.au-course-interface .pdf ul {
list-style-image: url(images/pdf_tiny.gif);
margin-left: 0;
}
.au-course .pdf li,
.au-course-interface .pdf li {
padding-top: 5px;
margin-left: 0;
}
.au-course .arrow,
.au-course-interface .arrow {
list-style-image: url(images/bullet_arrow.gif);
margin-top: 5px;
}
.au-course .arrow ul,
.au-course-interface .arrow ul {
list-style-image: url(images/bullet_arrow.gif);
}
.au-course .arrow li,
.au-course-interface .arrow li {
padding-top: 5px;
}
.au-course .doublearrow,
.au-course-interface .doublearrow {
list-style-image: url(images/bullet_doublearrow.gif);
margin-top: 5px;
}
.au-course.doublearrow ul ,
.au-course-interface .doublearrow ul {
list-style-image: url(images/bullet_doublearrow.gif);
}
.au-course .doublearrow li,
.au-course-interface .doublearrow li {
padding-top: 5px;
}
.au-course ul.style-none,
.au-course-interface ul.style-none {
list-style-type: none;
}
.au-course ul.style-none li,
.au-course-interface ul.style-none li {
padding-top: 5px;
}
/* Changes to the CSS */
.au-course .note-float,
.au-course-interface .note-float {
padding: 5px 10px 5px 50px;
margin: 0 0 6px 0;
background: #fff url(images/dingbat_finger.gif) no-repeat 0 17px;
color: #384877;
font-family: Arial, sans-serif;
font-size: .9em;
line-height: 1.5em;
display: inline-block;
border: solid 1px #ccc;
overflow: hidden;
border-radius: 10px;
float: right;
width: 150px;
margin-left: 15px;
margin-bottom: 10px;
}
/*two-column elastic layout for icons from Dreamweaver*/
.au-course .container,
.au-course-interface .container {
width: 46em; /*this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
}
.au-course .sidebar1,
.au-course-interface .sidebar1 {
float: left;
width: 65px; /* since this element is floated, a width must be given */
}
.au-course .mainContent,
.au-course-interface .mainContent {
margin: 0 1.5em 0 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
}
.au-course .clearfloat,
.au-course-interface .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.au-course .footnote,
.au-course-interface .footnote {
font-size: .9em;
}
.au-course .question,
.au-course-interface .question {
color:#536872;
font-style:italic;
font-size: 1.1em;
padding-bottom: 0;
margin-bottom: 0;
}
.summary {margin:0;padding:0;}
/* added for wimba style */
div.definition{
padding-left: 24px;
text-indent: -24px;
margin: 0.8em 0; /* 2011*/
}
div.definition p {
margin: 0.8em 0 0;
}
div.definition h3 {
font-weight: normal;
font-size:1em;
line-height:1.4em;
padding:0;
}
div.definition h3 {
margin: 0.8em 0 0;
}
/* cgQuoteTex is used for cgIndent1*/
div.quotetext {
margin-left: 24px;
}
div.quotetext p{
margin: 0.8em 0 0;
}