Style format changes
authorPatrick Malley <ptrkmkl@newschoollearning.com>
Sat, 15 May 2010 20:13:08 +0000 (20:13 +0000)
committerPatrick Malley <ptrkmkl@newschoollearning.com>
Sat, 15 May 2010 20:13:08 +0000 (20:13 +0000)
login/index_form.html
theme/canvas/style/core.css
theme/formfactor/layout/frontpage.php
theme/formfactor/layout/general.php
theme/formfactor/style/core.css
theme/formfactor/style/selected.css

index b0d45bf..83bffae 100644 (file)
@@ -36,9 +36,9 @@ if ($show_instructions) {
             <div class="form-label"><label for="password"><?php print_string("password") ?></label></div>
             <div class="form-input">
               <input type="password" name="password" id="password" size="15" value="" />
-              <input type="submit" value="<?php print_string("login") ?>" />
+              <input type="submit" id="loginbtn" value="<?php print_string("login") ?>" />
               <input type="hidden" name="testcookies" value="1" />
-              <div><a href="forgot_password.php"><?php print_string("forgotten") ?></a></div>
+              <div class="forgetpass"><a href="forgot_password.php"><?php print_string("forgotten") ?></a></div>
             </div>
             <div class="clearer"><!-- --></div>
           </div>
index b4a53ca..2714f22 100644 (file)
@@ -1,5 +1,12 @@
-.sitetopic { border: none; }
-.headingblock { border-bottom: 1px solid #ddd;font-size: 1.3em;color: #333; }
+.sitetopic {
+       border: none;
+}
+
+.headingblock {
+       border-bottom: 1px solid #ddd;
+       font-size: 1.3em;
+       color: #333;
+}
 
 .expired,
 .notopenyet,
 .continuebutton,
 .singlebutton,
 .buttons,
-.singleselect { text-align: center;margin: 1em 0; }
-.generalbox { border-color:#ddd; }
+.singleselect {
+       text-align: center;
+       margin: 1em 0;
+}
+
+.generalbox {
+       border-color: #ddd;
+}
 
 .expired,
-.notopenyet {border: none;color:#f00;}
+.notopenyet {
+       border: none;
+       color: #f00;
+}
+
+.buttons .singlebutton input {
+       margin: 0;
+}
+
+.initialbar {
+       text-align: center;
+}
 
-.buttons .singlebutton input { margin:0; }
-.initialbar { text-align:center; }
+.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
+       padding-right: 0;
+}
 
-.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { padding-right:0; }
-.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { padding-left:0; }
+.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
+       padding-left: 0;
+}
 
 /* Login
 ------------------------*/
 
-.loginbox { margin: 15px 25%; }
-.loginbox .loginerrors { color: #f00; }
-.loginbox .loginform { margin: 15px auto 0;width: 175px; }
-.loginbox .loginform .form-label { float: none;width: 100%;margin: 0 auto;text-align: left; }
-.loginbox .loginform .form-input { float: none;width: 100%;margin: 0 auto; }
+.loginbox {
+       margin: 15px 25%;
+}
+
+.loginbox .loginerrors {
+       color: #f00;
+}
+
+.loginbox .loginform {
+       margin: 15px auto 0;
+       width: 175px;
+}
+
+.loginbox .loginform .form-label {
+       float: none;
+       width: 100%;
+       margin: 0 auto;
+       text-align: left;
+}
+
+.loginbox .loginform .form-input {
+       float: none;
+       width: 100%;
+       margin: 0 auto;
+}
+
 .loginbox .loginform .form-input #username,
-.loginbox .loginform .form-input #password { width: 97%;padding: 3px;font-size: 1.1em;font-family: Helvetica, Arial, sans-serif;border: 2px solid #ddd;margin: 0 0 5px;color: #333; }
-.loginbox .loginform .form-input #loginbtn { margin: 0.5em auto; }
-.loginbox .forgetpass { margin: 1em 0 0;font-size: 0.95em; }
-.loginbox.twocolumns { width: 90%;margin-left: 5%; }
-.loginbox .guestsub { border-top: 1px solid #DDDDDD;margin: 5px 20% }
-.loginbox.twocolumns .loginpanel { border-color: #ddd;padding-right: 0.5%; }
-.loginbox.twocolumns .signuppanel { padding-left: 1%;width: 48%; }
+.loginbox .loginform .form-input #password {
+       width: 97%;
+       padding: 3px;
+       font-size: 1.1em;
+       font-family: Helvetica, Arial, sans-serif;
+       border: 2px solid #ddd;
+       margin: 0 0 5px;
+       color: #333;
+}
+
+.loginbox .loginform .form-input #loginbtn {
+       margin: 0.5em auto;
+}
+
+.loginbox .forgetpass {
+       margin: 1em 0 0;
+       font-size: 0.95em;
+}
+
+.loginbox.twocolumns {
+       width: 90%;
+       margin-left: 5%;
+}
+
+.loginbox .guestsub {
+       border-top: 1px solid #DDDDDD;
+       margin: 5px 20%
+}
+
+.loginbox.twocolumns .loginpanel {
+       border-color: #ddd;
+       padding-right: 0.5%;
+}
+
+.loginbox.twocolumns .signuppanel {
+       padding-left: 1%;
+       width: 48%;
+}
+
+.page-course-loginas #notice {
+       border: none;
+}
 
-.page-course-loginas #notice { border:none; }
+#page-login-forgot_password .generalbox {
+       margin: 0 auto 1.5em;
+       width: 75%;
+       padding: 10px;
+}
 
-#page-login-forgot_password .generalbox { margin:0 auto 1.5em;width:75%;padding:10px; }
+#page-login-signup .mform {
+       width: 85%;
+       margin: 0 auto;
+}
 
-#page-login-signup .mform { width:85%;margin:0 auto; }
-#page-login-signup .mform .fitem .fitemtitle { width:20%; }
-#page-login-signup .mform .fitem .felement { margin-left:21%; }
+#page-login-signup .mform .fitem .fitemtitle {
+       width: 20%;
+}
+
+#page-login-signup .mform .fitem .felement {
+       margin-left: 21%;
+}
 
 /* Calendar 
 -----------------------*/
-.calendarlayout { width:100%; }
-.calendarlayout .sidecalendar { padding-left:15px; }
-.calendarlayout .sidecalendar .block { width:210px; }
-.calendarlayout .block .minicalendarblock h3 { text-align:center;font-size:1.2em; }
 
-.maincalendar .header .buttons { margin:0; }
+.calendarlayout {
+       width: 100%;
+}
+
+.calendarlayout .sidecalendar {
+       padding-left: 15px;
+}
+
+.calendarlayout .sidecalendar .block {
+       width: 210px;
+}
+
+.calendarlayout .block .minicalendarblock h3 {
+       text-align: center;
+       font-size: 1.2em;
+}
+
+.maincalendar .header .buttons {
+       margin: 0;
+}
+
 .maincalendar .calendarmonth td,
-.maincalendar .calendarmonth th { border-color: #ddd; border-style: dotted;border-width: 1px; } 
+.maincalendar .calendarmonth th {
+       border-color: #ddd;
+       border-style: dotted;
+       border-width: 1px;
+}
+
 .maincalendar .calendarmonth th,
-.calendarlayout .sidecalendar .minicalendar th { background:url([[pix:theme|gradient-sb]]) repeat-x 0 0; }
+.calendarlayout .sidecalendar .minicalendar th {
+       background: url([[pix:theme|gradient-sb]]) repeat-x 0 0;
+}
+
+.maincalendar .calendar-controls {
+       padding: 10px 5px 0;
+}
 
-.maincalendar .calendar-controls { padding:10px 5px 0; }
 .maincalendar .calendar-controls .previous,
 .maincalendar .calendar-controls .current,
-.maincalendar .calendar-controls .next { width:5%;float:left; }
-.maincalendar .calendar-controls .current { margin:0 auto;font-size:1.5em;text-align:center;line-height:1;font-weight:bold; }
-.maincalendar .calendar-controls .next { text-align:right; }
-.maincalendar .filters table td { font-size:0.9em; }
-.maincalendar .bottom { margin-top:25px; }
+.maincalendar .calendar-controls .next {
+       width: 5%;
+       float: left;
+}
+
+.maincalendar .calendar-controls .current {
+       margin: 0 auto;
+       font-size: 1.5em;
+       text-align: center;
+       line-height: 1;
+       font-weight: bold;
+}
+
+.maincalendar .calendar-controls .next {
+       text-align: right;
+}
+
+.maincalendar .filters table td {
+       font-size: 0.9em;
+}
+
+.maincalendar .bottom {
+       margin-top: 25px;
+}
+
+.minicalendar th abbr {
+       border: none;
+}
 
-.minicalendar th abbr { border:none; }
 .sidecalendar .filters td,
 .minicalendar td,
-.minicalendar th { padding:2px;font-size:0.85em; }
-
-#page-calendar-view .eventlist { padding-top:1em; }
-#page-calendar-view .eventlist .event { border:none; }
-#page-calendar-view .eventlist .event .topic { border-width:1px 1px 0;border-color:#ddd;border-style:solid;background:#f5f5f5; }
-#page-calendar-view .eventlist .event .topic .name { font-weight:bold; }
-#page-calendar-view .eventlist .event .description { border-width:0 1px 1px;border-style:solid;border-color:#ddd; }
-
-.calendartable .duration ul { border-width:2px 0;border-style:solid;}
-.calendartable .duration_user ul { border-color:#dce7ec; }
-.calendartable .duration_global ul { border-color:#d6f8cd; }
-.calendartable .duration_group ul { border-color:#fee7ae; }
-.calendartable .duration_course ul { border-color:#ffd3bd; }
-.calendartable .duration .events-underway { color:#666; }
-
-.minicalendar { border-collapse:separate;  }
+.minicalendar th {
+       padding: 2px;
+       font-size: 0.85em;
+}
+
+#page-calendar-view .eventlist {
+       padding-top: 1em;
+}
+
+#page-calendar-view .eventlist .event {
+       border: none;
+}
+
+#page-calendar-view .eventlist .event .topic {
+       border-width: 1px 1px 0;
+       border-color: #ddd;
+       border-style: solid;
+       background: #f5f5f5;
+}
+
+#page-calendar-view .eventlist .event .topic .name {
+       font-weight: bold;
+}
+
+#page-calendar-view .eventlist .event .description {
+       border-width: 0 1px 1px;
+       border-style: solid;
+       border-color: #ddd;
+}
+
+.calendartable .duration ul {
+       border-width: 2px 0;
+       border-style: solid;
+}
+
+.calendartable .duration_user ul {
+       border-color: #dce7ec;
+}
+
+.calendartable .duration_global ul {
+       border-color: #d6f8cd;
+}
+
+.calendartable .duration_group ul {
+       border-color: #fee7ae;
+}
+
+.calendartable .duration_course ul {
+       border-color: #ffd3bd;
+}
+
+.calendartable .duration .events-underway {
+       color: #666;
+}
+
+.minicalendar {
+       border-collapse: separate;
+}
+
 .minicalendar td,
-.minicalendar th { font-size:0.85em;padding:0 2px;border-width:2px 0;border-color:#fff;}
+.minicalendar th {
+       font-size: 0.85em;
+       padding: 0 2px;
+       border-width: 2px 0;
+       border-color: #fff;
+}
 
 .minicalendar .calendar_event_user,
-.minicalendar .duration_user { border-color:#dce7ec; }
+.minicalendar .duration_user {
+       border-color: #dce7ec;
+}
+
 .minicalendar .calendar_event_course,
-.minicalendar .duration_course { border-color:#ffd3bd; }
+.minicalendar .duration_course {
+       border-color: #ffd3bd;
+}
+
 .minicalendar .calendar_event_global,
-.minicalendar .duration_global { border-color:#d6f8cd; }
+.minicalendar .duration_global {
+       border-color: #d6f8cd;
+}
+
 .minicalendar .calendar_event_group,
-.minicalendar .duration_group { border-color:#fee7ae; }
+.minicalendar .duration_group {
+       border-color: #fee7ae;
+}
 
 /* User
 -----------------------*/
 
-.userinfobox { border: none; }
-.userinfobox .content { border: 1px solid #ddd; }
+.userinfobox {
+       border: none;
+}
+
+.userinfobox .content {
+       border: 1px solid #ddd;
+}
+
+#page-user-view .buttons {
+       text-align: center;
+       width: 70%;
+       margin: 0 auto;
+}
+
+#page-user-view .buttons div {
+       padding: 0 0 10px;
+}
 
-#page-user-view .buttons { text-align: center;width: 70%;margin: 0 auto; }
-#page-user-view .buttons div { padding: 0 0 10px; }
+#page-user-index .controls {
+       width: 100%
+}
+
+#page-user-index .controls .singleselect {
+       margin: 0;
+}
+
+#page-user-index .rolesform {
+       text-align: center;
+       margin: 1em 0;
+}
+
+#page-user-index #participantsform {
+       text-align: center;
+}
+
+#page-user-index #longtimenosee {
+       font-style: italic;
+       font-size: 0.95em;
+}
+
+#page-user-index #participants {
+       width: 100%;
+       margin: 1em auto;
+}
 
-#page-user-index .controls { width: 100%}
-#page-user-index .controls .singleselect {margin: 0;}
-#page-user-index .rolesform { text-align: center; margin: 1em 0; }
-#page-user-index #participantsform { text-align: center;}
-#page-user-index #longtimenosee { font-style: italic;font-size: 0.95em;}
-#page-user-index #participants { width:100%;margin: 1em auto; }
 #page-user-index #participants th,
-#page-user-index #participants td { vertical-align: middle; }
+#page-user-index #participants td {
+       vertical-align: middle;
+}
 
 /* Tags 
 ------------------------*/
 
-#big-tag-cloud-box { padding:10px; }
-#tag-management-box { text-align:center; }
-.tag-management-form { border:none;padding:0 0 1em; }
-#tag-management-list { margin:1em 0 }
+#big-tag-cloud-box {
+       padding: 10px;
+}
+
+#tag-management-box {
+       text-align: center;
+}
+
+.tag-management-form {
+       border: none;
+       padding: 0 0 1em;
+}
+
+#tag-management-list {
+       margin: 1em 0
+}
 
-#page-tag-index .managelink { text-align:right; }
-#page-tag-index .headingblock { text-align:center;margin-bottom:0;}
-#page-tag-index #tag-management-box { border-bottom:1px solid #ddd;padding:4px 0; }
-#page-tag-index .relatedpages { text-align:center; }
+#page-tag-index .managelink {
+       text-align: right;
+}
 
-#page-tag-manage .lastinitial { margin-bottom:0.5em; }
-#page-tag-manage .green { text-align:center;padding:0 0 1em; }
+#page-tag-index .headingblock {
+       text-align: center;
+       margin-bottom: 0;
+}
+
+#page-tag-index #tag-management-box {
+       border-bottom: 1px solid #ddd;
+       padding: 4px 0;
+}
+
+#page-tag-index .relatedpages {
+       text-align: center;
+}
+
+#page-tag-manage .lastinitial {
+       margin-bottom: 0.5em;
+}
+
+#page-tag-manage .green {
+       text-align: center;
+       padding: 0 0 1em;
+}
 
 /* Embedded Pages
 ------------------------*/
 
-.pagelayout-embedded { text-align:center;background-color:#fff;background-image:none; }
-.pagelayout-embedded #content { padding-top:30px; }
+.pagelayout-embedded {
+       text-align: center;
+       background-color: #fff;
+       background-image: none;
+}
+
+.pagelayout-embedded #content {
+       padding-top: 30px;
+}
 
 /* Forms 
 -----------------------*/
-.mform .fsubmit { text-align:center;padding:2px; }
 
-.form-label .form-shortname { font-size: 0.9em;color: #777;}
-.form-description { font-size: 0.95em; color: #444; }
\ No newline at end of file
+.mform .fsubmit {
+       text-align: center;
+       padding: 2px;
+}
+
+.form-label .form-shortname {
+       font-size: 0.9em;
+       color: #777;
+}
+
+.form-description {
+       font-size: 0.95em;
+       color: #444;
+}
index 18527cc..fd83636 100644 (file)
@@ -40,10 +40,14 @@ echo $OUTPUT->doctype() ?>
            </div>
     </div>
     
-           <ul id="page-navigation" class="clearfix">
-        &nbsp;
-           </ul>
-    
+    <?php if ($hascustommenu) { ?>
+      <div id="custommenu"><?php echo $custommenu; ?></div>
+    <?php } else { ?>
+      <ul id="page-navigation" class="clearfix">
+        <li>&nbsp;</li>
+      </ul>
+       <?php } ?>
+         
 <!-- END OF HEADER -->
 
 <!-- START OF CONTENT -->
index 88ea120..91d50c2 100644 (file)
@@ -49,9 +49,13 @@ echo $OUTPUT->doctype() ?>
     </div>
 
     <?php if ($hasheading) { ?>        
-           <ul id="page-navigation" class="clearfix">
-        &nbsp;
-           </ul>
+      <?php if ($hascustommenu) { ?>
+        <div id="custommenu"><?php echo $custommenu; ?></div>
+      <?php } else { ?>
+        <ul id="page-navigation" class="clearfix">
+          <li>&nbsp;</li>
+        </ul>
+      <?php } ?>
        <?php } ?>
     
     <?php if ($hasnavbar) { ?>
index e06b6a5..e531397 100644 (file)
@@ -19,6 +19,7 @@ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Trebuchet MS",
 #page-navigation li { list-style:none;float:left; }
 #page-navigation a { display:block;padding:5px 10px; }
 
+
 /* Breadcrumb 
 ---------------------------*/
 
index 39fc735..a7aca20 100644 (file)
@@ -6,7 +6,6 @@ a:active {      color:#3f5c10; }
 
 #page-header  { background:#333 url([[pix:theme|header]]) 0 0;color:#fff; }
 
-
 .path-course-view .course-content .section.main.current,
 #page-navigation { background:#bf3503 }