various default theme refinements and IE hacks
authorgreg gay <ggay@ocad.ca>
Tue, 7 Dec 2010 18:10:28 +0000 (18:10 -0000)
committergreg gay <ggay@ocad.ca>
Tue, 7 Dec 2010 18:10:28 +0000 (18:10 -0000)
docs/themes/default/forms.css
docs/themes/default/ie_styles.css
docs/themes/default/login.tmpl.php
docs/themes/default/styles.css

index cc3f2b6..ad7d233 100644 (file)
@@ -3,22 +3,23 @@ div.input-form {
        margin-left:auto; \r
        margin-right:auto;\r
        border: 1px #CCCCCC solid;\r
-       margin-bottom: 20px;\r
+       margin-bottom: 10px;\r
        line-height:150%;\r
        background-color: #F8F8F8;\r
        border-radius:.5em;\r
        -moz-border-radius: .5em .5em .5em .5em;\r
-        -moz-box-shadow:.1em .1em .2em #999999;\r
-        box-shadow: .1em .1em .2em #999999;\r
+    -moz-box-shadow:.1em .1em .2em #999999;\r
+    box-shadow: .1em .1em .2em #999999;\r
        padding:.2em;\r
 }\r
 \r
 div.input-form div.row h3 {\r
        margin-left: 0px;\r
+       margin-top:-.6em;\r
 }\r
 \r
 div.input-form div.row {\r
-       background-color: #F8F8F8;\r
+/*     background-color: #F8F8F8;*/\r
        padding:8px;\r
 }\r
 \r
index 591716f..ad034d5 100644 (file)
@@ -31,68 +31,84 @@ table.data tfoot input {
        min-width:0px;
 
 }
-table.data {
-       float:left;
-       clear:right;
-       margin-left:2em;
 
-}
 #topnavlistcontainer {
        margin-bottom:-1px;
+       margin-top:-2em;
+       position:absolute;
+       left:0px;
+       top:62px;
+       border-bottom:0;
 }
 
 #header{
        height: 5.0em;
-margin-bottom:.1em;
+       margin-bottom:.1em;
 }
 
 div#top-links{
-
-float:right;
+       float:right;
 }
 
 div#top-links a:active{
        color:black;
        background-color:#F6EAD6;
+
 }
 
 .outside_box{
        height:9.6em;
 }
 
-ul#topnavlist {
-       margin-left:5px;
-       height:1.5em;
-
-}
 ul#topnavlist li {
-       white-space: nowrap;
-       list-style: none;
-       display: inline;
-       height:auto;
-}
-ul#topnavlist li a.selected {
-    /* The selected tab. There's only one of these */
-       color: #555;
-       font-weight: normal;
-       border-radius:.3em .3em 0em 0em;
-       -moz-border-radius: .3em .3em 0em 0em;
-       padding: .2em 1.8em .2em .1.8em;
-}
-ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active, ul#subnavlist strong {
-       margin-top:-3px;
-       margin-right:1em;
+
+       *display: inline;
 }
+
 ul#subnavlist li {
-       zoom:100%;
-       margin-top:3px;
-       max-width:12em;
-       margin-right:2em;
-       display: inline;
+       *display: inline;
+       margin-right:.5em;
 }
 fieldset.group_form{
        padding:.5em;
+       padding-bottom:2em;
+       min-height:150px;
+}
+
+table.etabbed-table    {
+       *table-layout:fixed;
+       *margin-left:35px;
+}
+.tab-spacer{
+       *width:10px;
+}
+.editor_tab{
+       zoom:100%;
+       *width:auto;    
+       *display: inline-block;
+       *clear: left;
+       *padding: 0 30px 0 5px;
+}
+.editor_buttontab {
+       zoom:100%;
+       clear:both;
+padding-right:1em;
+}
+
+.editor_tab_selected{
+       *width:auto;
+}
+
+.etabbed-list-container{
+       *height:1.9em;
+}
+.etabbed-list{
+       *height:1.8em;
+       *padding-top:.4em;
 }
+
+
+
 ul.folders {
        list-style: disc url(../../images/folder.gif) outside;
        font-family: Verdana, Helevetica, Arial, sans-serif;
@@ -142,14 +158,19 @@ div#top-links {
        margin-top:0em;
 }
 #course_title_container{
-margin-top:1em;
+margin-top:-1em;
+
+}
+h1#section-title {
+       *margin-top:.5em;
+       
 }
 div#guide_box{
-width:15%;
+*width:12%;
 
 }
 #shortcuts{
-
+*width:12%;
 }
 #side-menu ul{
 width:18em;
@@ -164,3 +185,7 @@ padding-right:2em;
 #contentcolumn {
 overflow:hidden;
 }
+
+.logoutbar{
+margin-top:-.2em;      
+}
index be26afb..1ed1e5e 100644 (file)
@@ -23,7 +23,7 @@ function encrypt_password() {
                <input type="hidden" name="form_course_id" value="<?php echo $this->form_course_id; ?>" />
                <input type="hidden" name="form_password_hidden" value="" />
                <input type="hidden" name="p" value="<?php echo urlencode($_GET['p']);?>" />
-               <div class="input-form" style="background-color:white;">
+
                        <fieldset class="group_form"><legend class="group_form"><?php echo _AT('returning_user') ;?></legend>
                        <p><?php echo _AT('login_text') ;?></p>
                                <?php if ($_GET['course']): ?>
@@ -40,7 +40,6 @@ function encrypt_password() {
                                <br /><br />
                                <input type="submit" name="submit" value="<?php echo _AT('login'); ?>" class="button" onclick="return encrypt_password();" /> 
                        </fieldset>                     
-               </div>
                </form>
        </div>
 
@@ -49,7 +48,7 @@ if($_config['allow_registration'] ==1){
 ?>
        <div class="column">
                <form action="registration.php" method="get">
-                       <div class="input-form" style="background-color:white;">
+
                        <fieldset class="group_form"><legend class="group_form"><?php echo _AT('new_user') ;?></legend>
                        <p><?php echo _AT('registration_text'); ?></p>
 
@@ -57,13 +56,11 @@ if($_config['allow_registration'] ==1){
                                <p><?php echo _AT('confirm_account_text'); ?></p>
                        <?php endif; ?>
                        <div style="width: 20%;margin-left:auto; margin-right:auto;margin-bottom:.6em;padding:.5em;">
-                       <br /><br /><br />
+                       <br /><br />
                        <input type="submit" name="register" value="<?php echo _AT('register'); ?>" class="button" />
                        </div>
                        </fieldset>
-                       </div>
                </form>
-
        </div>
 
 <?php } ?>
index 7784a86..ef45e0e 100644 (file)
@@ -640,9 +640,8 @@ a#editor-link.on {
 /* for data tables */
 
 table.data {
-       clear:right;
        border: 1px solid #cccccc;
-       width: 95%; 
+       width: 98%; 
        margin-left: auto; 
        margin-right: auto;
        border-radius:.5em;
@@ -979,7 +978,6 @@ div.paging li a:hover, div.paging li a.current {
        /* background-image: url('images/pencil_top_ds.png'); */
        background-position: 99% 99%;
        background-repeat: no-repeat;
-
 }
 
 #header a{
@@ -1473,14 +1471,14 @@ overflow:hidden;
 
 /** forum stuff **/
 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
-#forum-thread li.even { background-color: #F7F3ED; border-top: none; }
-#forum-thread li.odd { background-color: #fff; }
+#forum-thread li.even { background-color: #F7F3ED; border-top: none;  margin-top:.5em;}
+#forum-thread li.odd { background-color: #fff; margin-top:1em;}
 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }        
 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
-div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
+div.forum-post-ctrl { float: right; padding: 5px; margin-top:-.7em;margin-right:.2em;color: #a1a1a1; border:1px solid #cccccc;-moz-border-radius:.3em;border-radius:.3em;}
 div.forum-post-ctrl a { text-decoration: none; }
 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
@@ -1506,15 +1504,15 @@ div#topnavlistcontainer {
        clear:both;
        height:auto;
 
+
 }
 
 ul#topnavlist {
        padding: 0;
        margin-right: auto;
        margin-left: auto;
-       margin-bottom: 3px;
+       margin-bottom: -2px;
        margin-top: 0px;
-       margin-bottom:0px;
 
 }
 
@@ -1671,6 +1669,7 @@ fieldset.group_form{
        border:1px #6D7B8D solid;
        min-height: 170px;
        padding:.5em;
+       background-color:#ffffff;
 
 } 
 legend.group_form{
@@ -1832,7 +1831,7 @@ div.home_box {
        padding:.2em;
 }
 .details_or{
-       width:28.8em;
+       width:25.8em;
        height:9.8em;
 
 }
@@ -1912,7 +1911,7 @@ ul#subnavlist li {
        padding: 0em .5em .6em .5em ;
 }
 
-ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active,           ul#subnavlist li:hover{
+ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
        color: black;
        text-decoration:none;
        background-color: #E6E6E6;
@@ -1964,7 +1963,7 @@ tr.odd {
        box-shadow: 0;
 }
 .editor_tab{
-       float:left;
+
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
@@ -1998,7 +1997,6 @@ tr.odd {
        border-radius:.3em;
        -moz-border-radius: .3em .3em 0em 0em;
        height:1.4em;
-
 }
 .editor_tab input[type=submit]{
        height:1.2em;
@@ -2009,6 +2007,7 @@ tr.odd {
        margin-left:1em;
        width:30%; 
        padding:.5em;
+       padding-left:1em;
        border: 1px solid #cccccc;
        border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
@@ -2052,20 +2051,84 @@ table.etabbed-table     {
 }
 /* Preference Editor tabs */
 .etabbed-list-container {
-
        font-size:10pt;
-       width:95%;
+       width:65%;
 
 }
 .etabbed-list{
+       margin-bottom:-.4em;
+       height:1.8em;
+       width:80%;
 
-       width:100%;
 }
 .prefs-tab-spacer {
        background-color: transparent;
        width: 1em;
 }
+
 .prefs_buttontab {
+       height:1.4em;
+       background-color: #ffffff;
+       border-left:0;
+       border-right:0;
+       border-bottom:0;
+       border-top:  1px solid #ffffff;
+
+/*     color:#000555;
+       font-size:0pt;
+       white-space: nowrap;
+       background-color: #ffffff;
+       border:0;
+       font-weight:500;
+       padding:0em 0em -.3em -.4em;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;*/
+
+}
+.prefs_tab{
+       height:1.5em;
+       border-top: 1px solid #cccccc;
+       border-left: 1px solid #cccccc;
+       border-right: 1px solid #cccccc;
+       border-bottom: 0;
+       text-align: center;
+       white-space: nowrap;
+       background-color: #FFFFFF;
+       border-radius: .3em .3em 0em 0em;
+       -moz-border-radius: .3em .3em 0em 0em;
+       padding: .2em .2em 0em .3em;
+       display: inline;
+       margin-left:.5em;
+               font-weight:bold;
+       text-decoration:none;
+}
+    
+.prefs_buttontab:hover, .prefs_tab:hover {
+       background-color: #eeeeee;
+}
+
+.prefs_tab_selected{
+    height:1.8em;
+       border-top: 1px solid #cccccc;
+       border-left: 1px solid #cccccc;
+       border-right: 1px solid #cccccc;
+       border-bottom:0;
+       text-align:center;
+       white-space: nowrap;
+       background-color: #eeeeee;
+       border-radius:.3em .3em 0em 0em;
+       -moz-border-radius: .3em .3em 0em 0em;
+       padding: .2em .2em 0em .5em;
+       padding: .2em .2em 0em .3em;
+       display: inline;
+       margin-left:.5em;
+       font-weight:bold;
+       text-decoration:none;
+       
+}
+
+
+/*.prefs_buttontab {
        color:#000555;
        font-size:0pt;
        white-space: nowrap;
@@ -2117,7 +2180,8 @@ table.etabbed-table       {
        -moz-box-shadow:.1em .1em .0 #999999;
        box-shadow: .1em .1em .1em #999999;
        display: inline;
-}
+}*/
+
 .admin_container{
        border:1px solid #cccccc;
        border-radius:.5em;
@@ -2315,7 +2379,8 @@ div .search_form {
 }
 
 div .search_form .row{
-       background-color: #DEDEC0;
+/*     background-color: #DEDEC0;*/
+               background-color: #ffffff;
        padding: 8px;
 }
 div .button {