set relative sizes for icons, so they magnify at the same rate as text

diff --git a/docs/themes/default/forms.css b/docs/themes/default/forms.css
index d398b59..0146945 100644 (file)
--- a/docs/themes/default/forms.css
+++ b/docs/themes/default/forms.css
@@ -43,6 +43,7 @@ div.input-form textarea {
        width: 98%;\r
        padding: 2px;\r
        margin-right: 2px;\r
+       font-size:100%;\r
 }\r
 \r
 div.input-form input[type=text], div.input-form input[type=password] {\r
@@ -61,6 +62,8 @@ div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.i
 input[type=checkbox]{\r
 \r
        background-color: #FFDAB9;\r
+font-size:100%;\r
+\r
 }\r
 \r
 div.input-form div.buttons {\r
@@ -90,18 +93,20 @@ div.input-form div.row_alternatives {
 input[type=text]{\r
        border-radius:.3em;\r
        -moz-border-radius: .3em .3em .3em .3em;\r
+       font-size:100%;\r
 }\r
 input[type=password]{\r
        border-radius:.3em;\r
        -moz-border-radius: .3em .3em .3em .3em;\r
+       font-size:100%;\r
 }\r
 \r
-div.input-form input[type=submit]{\r
+input[type=submit]{\r
        border-radius:.3em;\r
        -moz-border-radius: .3em .3em .3em .3em;\r
-       -moz-box-shadow:.1em .1em .2em #999999;\r
-        box-shadow: .1em .1em .2em #999999;\r
-\r
+       -moz-box-shadow:.2em .2em .3em #999999;\r
+       box-shadow: .2em .2em .3em #999999;\r
+       font-size:100%;\r
 }\r
 \r
 input[type=reset]{\r
@@ -110,12 +115,21 @@ input[type=reset]{
        -moz-box-shadow:.2em .2em .3em #999999;\r
        box-shadow: .2em .2em .3em #999999;\r
 }\r
+\r
+div.input-form input[type=submit]{\r
+       border-radius:.3em;\r
+       -moz-border-radius: .3em .3em .3em .3em;\r
+       -moz-box-shadow:.1em .1em .2em #999999;\r
+        box-shadow: .1em .1em .2em #999999;\r
+       font-size:100%;\r
+}\r
 select{\r
        background-color:#eeeeee;\r
        border-radius: .2em .2em .2em .2em;\r
        -moz-border-radius: .2em .2em .2em .2em;\r
        -moz-box-shadow:.2em .2em .3em #999999;\r
        box-shadow: .2em .2em .3em #999999;\r
+       font-size:100%;\r
 }\r
 .test_instruction{\r
        background-color: #f3f3f3; \r

diff --git a/docs/themes/default/include/footer.tmpl.php b/docs/themes/default/include/footer.tmpl.php
index e5650ed..9c332d1 100644 (file)
--- a/docs/themes/default/include/footer.tmpl.php
+++ b/docs/themes/default/include/footer.tmpl.php
@@ -15,13 +15,13 @@
                <div class="sequence-links">
                <?php if ($_SESSION["prefs"]["PREF_SHOW_NEXT_PREVIOUS_BUTTONS"]) { ?>
                        <?php if ($this->sequence_links['resume']): ?>
-                                       <a style="color:white;" href="<?php echo $this->sequence_links['resume']['url']; ?>" accesskey="."><img src="<?php echo $this->img; ?>resume.png" border="0" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?> Alt+." alt="<?php echo $this->sequence_links['resume']['title']; ?> Alt+." class="img-size-ascdesc" /></a>
+                                       <a style="color:white;" href="<?php echo $this->sequence_links['resume']['url']; ?>" accesskey="."><img src="<?php echo $this->img; ?>resume.png" border="0" title="<?php echo _AT('resume').': '.$this->sequence_links['resume']['title']; ?> Alt+." alt="<?php echo $this->sequence_links['resume']['title']; ?> Alt+." class="img1616"/></a>
                        <?php else:
                                if ($this->sequence_links['previous']): ?>
-                                       <a href="<?php echo $this->sequence_links['previous']['url']; ?>" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," accesskey=","><img src="<?php echo $this->img; ?>previous.png" border="0" alt="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," class="img-size-ascdesc" /></a>
+                                       <a href="<?php echo $this->sequence_links['previous']['url']; ?>" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," accesskey=","><img src="<?php echo $this->img; ?>previous.png" border="0" alt="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," class="img1616" /></a>
                                <?php endif;
                                if ($this->sequence_links['next']): ?>
-                                       <a href="<?php echo $this->sequence_links['next']['url']; ?>" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." accesskey="."><img src="<?php echo $this->img; ?>next.png" border="0" alt="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." class="img-size-ascdesc" /></a>
+                                       <a href="<?php echo $this->sequence_links['next']['url']; ?>" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." accesskey="."><img src="<?php echo $this->img; ?>next.png" border="0" alt="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." class="img1616" /></a>
                                <?php endif; ?>
                        <?php endif; ?>
                <?php } ?>

diff --git a/docs/themes/default/include/header.tmpl.php b/docs/themes/default/include/header.tmpl.php
index 5d0c300..11efcbc 100644 (file)
--- a/docs/themes/default/include/header.tmpl.php
+++ b/docs/themes/default/include/header.tmpl.php
@@ -264,7 +264,7 @@ global $system_courses, $_custom_css, $db;
                                        <a href="<?php echo $this->sequence_links['previous']['url']; ?>" title="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," accesskey=","><img src="<?php echo $this->img; ?>previous.png" border="0" alt="<?php echo _AT('previous_topic').': '. $this->sequence_links['previous']['title']; ?> Alt+," class="img1616" /></a>
                                <?php endif;
                                if ($this->sequence_links['next']): ?>
-                                       <a href="<?php echo $this->sequence_links['next']['url']; ?>" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." accesskey="."><img src="<?php echo $this->img; ?>next.png" border="0" alt="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." class="1616" /></a>
+                                       <a href="<?php echo $this->sequence_links['next']['url']; ?>" title="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." accesskey="."><img src="<?php echo $this->img; ?>next.png" border="0" alt="<?php echo _AT('next_topic').': '.$this->sequence_links['next']['title']; ?> Alt+." class="img1616" /></a>
                                <?php endif; ?>
                        <?php endif; ?>
                <?php } ?>

diff --git a/docs/themes/default/index.tmpl.php b/docs/themes/default/index.tmpl.php
index 457a7a7..7e4a4ff 100644 (file)
--- a/docs/themes/default/index.tmpl.php
+++ b/docs/themes/default/index.tmpl.php
@@ -18,9 +18,9 @@ if ($this->banner): ?><?php echo $this->banner; ?><br /><?php endif;
 // positioning switch of home ONLY FOR INSTRUCTORS. two icons will be used for identification to distinguish the two different views of the home.
 if(authenticate(AT_PRIV_ADMIN,AT_PRIV_RETURN) && count($this->home_links) > 0){
        if($this->view_mode==0)
-               echo '<a href ="'.AT_BASE_HREF.'switch_view.php?swid='.$this->view_mode.'" style="background-color:#FFFFFF;"><img src="'.AT_BASE_HREF.'images/detail_view.png" title ="'._AT('detail_view').'"  alt ="'._AT('detail_view').'" border="0"/></a><br />';
+               echo '<a href ="'.AT_BASE_HREF.'switch_view.php?swid='.$this->view_mode.'" style="background-color:#FFFFFF;"><img src="'.AT_BASE_HREF.'images/detail_view.png" title ="'._AT('detail_view').'"  alt ="'._AT('detail_view').'" border="0" class="img1616"/></a><br />';
        else
-               echo '<a href ="'.AT_BASE_HREF.'switch_view.php?swid='.$this->view_mode.'" style="background-color:#FFFFFF;"><img src="'.AT_BASE_HREF.'images/icon_view.png"  title ="'._AT('icon_view').'" alt ="'._AT('icon_view').'" border="0"/></a><br />';
+               echo '<a href ="'.AT_BASE_HREF.'switch_view.php?swid='.$this->view_mode.'" style="background-color:#FFFFFF;"><img src="'.AT_BASE_HREF.'images/icon_view.png"  title ="'._AT('icon_view').'" alt ="'._AT('icon_view').'" border="0" class="img1616"/></a><br />';
 }      
 
 // Icon View, $this->view_mode = 0. course will be made changes to the icons to restore the classic icons.
@@ -92,10 +92,10 @@ function print_sublinks($link){
                <div class="outside_box">
 <?php if (authenticate(AT_PRIV_ADMIN,AT_PRIV_RETURN)) {?>
                        <div class="buttonbox">
-                       <a href="#" onclick="javascript: remove_module('<?php echo htmlentities(substr($link['url'], strlen($_base_path))); ?>'); return false;"><img src="<?php echo AT_BASE_HREF; ?>images/x.gif" border="0" alt="<?php echo _AT('close'); ?>"/></a>
+                       <a href="#" onclick="javascript: remove_module('<?php echo htmlentities(substr($link['url'], strlen($_base_path))); ?>'); return false;"><img src="<?php echo AT_BASE_HREF; ?>images/x.gif" border="0" alt="<?php echo _AT('close'); ?>" class="img1616"/></a>
                        </div>
 <?php }?>
-                       <img src="<?php echo $link['img']; ?>" alt="" border="0" style="vertical-align:middle;" height="45" width="45"/>
+                       <img src="<?php echo $link['img']; ?>" alt="" border="0" style="vertical-align:middle;" class="img-size-home"/>
                        <span class="home-title"><a href="<?php echo $link['url']; ?>"><?php echo $link['title']; ?></a></span>
                        <div class="inside_box">
 
@@ -122,49 +122,8 @@ function print_sublinks($link){
                        </div>
                </div>
        </div>
-</div>
-
 
+</div>
 
 
-<!--
-<div class="details_ol">
-       <div class="details_or">
-               <div class="outside_box">
-<?php if (authenticate(AT_PRIV_ADMIN,AT_PRIV_RETURN)) {?>
-                       <div class="buttonbox">
-                       <a href="#" onclick="javascript: remove_module('<?php echo htmlentities(substr($link['url'], strlen($_base_path))); ?>'); return false;"><img src="<?php echo AT_BASE_HREF; ?>images/x.gif" border="0" alt="<?php echo _AT('close'); ?>"/></a>
-                       </div>
-<?php }?>
-                       <img src="<?php echo $link['img']; ?>" alt="" border="0" style="vertical-align:middle;" height="51" width="51"/>
-                       <span class="home-title"><a href="<?php echo $link['url']; ?>"><?php echo $link['title']; ?></a></span>
-                       <div class="inside_box">
-                               <div class="details_il">&nbsp;</div>
-                               <div class="details_ir"></div>
-<?php
-       // if $link['sub_file'] is defined, print the text array returned from sub_file, otherwise, print the text defined in $link['text']
-       if($link['sub_file']!=""){
-               //$array = require(AT_INCLUDE_PATH.'../'.$link['sub_file']);
-               if(!is_array($array)){ 
-?>
-                               <div class="details-text">
-                               <i><?php echo _AT('none_found'); ?></i>
-                               </div>
-<?php } else { ?>
-                               <div class="details-text">
-<?php  foreach($array as $sublink){ ?>
-                                       <img src="<?php echo $link['icon']; ?>" border="0" alt="" /> 
-<?php          if ($sublink <> '') echo $sublink."<br />"; } ?>
-                               </div> 
-<?php 
-               } // end of else                                                
-       } else { ?>
-                               <div class="details_text"><?php echo $link['text']; ?></div>
-<?php } ?>
-                       </div>
-               </div>
-       </div>
-</div>
--->
 <?php } ?>
-

diff --git a/docs/themes/default/styles.css b/docs/themes/default/styles.css
index e204c92..6cd1344 100644 (file)
--- a/docs/themes/default/styles.css
+++ b/docs/themes/default/styles.css
@@ -178,6 +178,7 @@ a.dropdown-title {
     -moz-border-radius: .3em .3em .3em .3em;
     -moz-box-shadow:.1em .1em .2em #999999;
     box-shadow: .1em .1em .2em #999999;
+font-size:100%;
 
 }
 .button:focus {
@@ -607,6 +608,7 @@ div#top-links a:focus{
        border:thin solid #cccccc;
        border-radius:.3em .3em .3em .3em;
        -moz-border-radius:.3em .3em .3em .3em; 
+font-size:100%;
 }
 a#editor-link {
        background-color: #F7F3ED;
@@ -1571,7 +1573,6 @@ ol#tools>li:hover {
 li.top-tool a {  font-weight: bold; } 
 
 li.child-tool a { 
-       font-size: x-small;
        font-weight: normal; 
        text-decoration:underline;
 }
@@ -1589,7 +1590,7 @@ ul.child-top-tool:before {
 li.child-tool {
        display: inline;
        margin-right: 5px;
-       font-size: x-small;
+       font-size: 80%;
 }
 
 /* to modify  tool icons on the course home page */
@@ -1854,7 +1855,7 @@ div.home_box {
        margin:auto;
        height:52%;
        margin-bottom:.2em;
-       font-size:10pt;
+       font-size:80%;
        border-radius:.5em;
        -moz-border-radius:.5em;
        padding:.2em;
@@ -1882,7 +1883,7 @@ div.home_box {
        float:left;
 }
 .home-title{
-       font-size:10pt;
+       font-size:90%;
        font-weight:bold;
 }
 .buttonbox{
@@ -1890,6 +1891,7 @@ div.home_box {
 }
 .details_text{
        margin-left:1em;
+
 }
 .draggable_selected {
        background-color: transparent;
@@ -2517,6 +2519,9 @@ margin-left:2em;
 }
 .del-content-icon{
        border:0;
+height:.9em;
+width:.9em;
+font-size:100%;
 }
 div.bypass{
 height:1px;
@@ -2524,8 +2529,8 @@ height:1px;
 /* relative image size styles */
 
 img.img1616{
-height:1.3em;
-width:1.3em;
+height:1.5em;
+width:1.5;
 }
 
 img.img1111{
@@ -2537,7 +2542,13 @@ img.img2424{
 
 }
 input[type=image].fl-force-right{
-height:.8em;
-width:.8em;
+height:.9em;
+width:.9em;
+font-size:100%;
+}
 
+img.fl-col{
+height:3.5em;
+width:3.5em;
+font-size:100%;
 }
\ No newline at end of file