projects / atutor.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Issue-4845: Merged in branch 'gsoc11_benj' for the enhanced mobile theme.
[atutor.git] / docs / themes / default / styles.css
diff --git a/docs/themes/default/styles.css b/docs/themes/default/styles.css
index efb76dd..60f7e6b 100644 (file)
--- a/docs/themes/default/styles.css
+++ b/docs/themes/default/styles.css
@@ -13,22 +13,21 @@ html,body{
 /* main body attributes STARTED HERE */
 body {
        font-family: Verdana, Helevetica, Arial, sans-serif;
+       font-size:.8em;
        margin:0px;
-       margin-top: -10px;
-       background-color: #EDE7C2;
+       background-color: #F2F9FA;
 }
 .page_wrapper{
-       border:1px solid #aaaaaa;
-       width:97%;
+/*     border:1px solid #aaaaaa;*/
+       width:100%;
        margin-left:auto;
        margin-right:auto;
-       margin-top:1em;
        background-color: #ffffff;
        border-radius: 1em 1em 1em 1em;
        -moz-border-radius: 1em 1em 1em 1em;
-       -moz-box-shadow:.1em .1em  #999999;
-       box-shadow: .1em .1em  #999999;
-       background-image: url('images/atutor_head.jpg');
+/*     -moz-box-shadow:.1em .1em  #999999;
+       box-shadow: .1em .1em  #999999;*/
+/*     background-image: url('images/atutor_head.jpg');*/
        background-position: 0% 0%;
        background-repeat: repeat-x;
     background-size:auto auto;
@@ -38,7 +37,7 @@ p {
        margin: 0.5em 0em 1em 0em;
        text-align: justify;
        line-height: 150%;
-       font-size: 1em;
+/*     font-size: 1em;*/
 }
 
 p a {
@@ -73,6 +72,9 @@ h2 {
 h2.sidebox{
        font-size: 110%;
 }
+h2.box{
+       font-size: 110%;
+}
 h3 {
        font-size: 130%;
 }
@@ -172,9 +174,9 @@ a.dropdown-title {
        border:  #AAA  solid 1px;
        border-radius: .3em .3em .3em .3em;
        -moz-border-radius: .3em .3em .3em .3em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-       box-shadow: .1em .1em .2em #999999;
-       font-size:100%;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
+/*     font-size:100%;*/
 
 }
 .button:focus {
@@ -260,7 +262,6 @@ a .highlight{
 /* edit content tabs */
 .buttontab {
        color:#555;
-       font-size:10pt;
        white-space: nowrap;
        background-color: #FFFFFF;
        margin: 0px;
@@ -554,7 +555,7 @@ div#toctoggle {
 h1#section-title {
        float: left;
        margin-left:1em;
-       margin-top:-1em;
+       margin-top:-.5em;
        
 }
 
@@ -583,29 +584,29 @@ div#top-links a:focus{
        float:right;
        clear:right;
        margin-left: 2em;
-       margin-top:.2em;
+       margin-top:-1em;
        white-space:nowrap;
-       background-color:#eeeeee;
+       background-color:#F2F7F7;
        border:thin solid #cccccc;
        border-radius: .3em .3em .3em .3em;
        -mox-border-radius: .3em .3em .3em .3em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-        box-shadow: .1em .1em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
 }
 #top-links-jump{
        float:left;
        white-space:nowrap;
-       margin-top:.2em;
-       background-color:#eeeeee;
+       margin-top:-1em;
+       background-color:#F2F7F7;
        padding-right:.5em;
 }
 
 #jumpmenu{
-       background-color:#eeeeee;
+       background-color:#F2F7F7;
        border:thin solid #cccccc;
        border-radius:.3em .3em .3em .3em;
        -moz-border-radius:.3em .3em .3em .3em; 
-       font-size:100%;
+/*     font-size:100%;*/
 }
 a#editor-link {
        background-color: #F7F3ED;
@@ -781,6 +782,7 @@ div#error ul, div#feedback ul, div#help ul {
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
+       list-style-type:none;
 }
 
 div#error ul li{
@@ -974,8 +976,12 @@ div.paging li a:hover, div.paging li a.current {
 
 #header{
        /* background-image: url('images/pencil_top_ds.png'); */
-       background-position: 99% 99%;
-       background-repeat: no-repeat;
+/*     background-position: 99% 99%;*/
+       background-repeat: repeatx;
+       background-image: url('images/atutor_head.jpg');
+       height:4em;
+       margin-bottom:-2em;
+       padding-bottom: 2em;
 }
 
 #header a{
@@ -1040,15 +1046,15 @@ div.tabs a:hover, div.tabs a.active {
 .contentbox{
        border-radius:.5em;
        -moz-border-radius: 0em 0em .5em .5em;
-       -moz-box-shadow:.1em .1em .1em #999999;
-       box-shadow: .1em .1em .1em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 
 .headingbox{
        border-radius:.5em;
        -moz-border-radius: .5em .5em 0em 0em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-       box-shadow: .1em .1em .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
 }
 .headingbox a{
        color: #A50707;
@@ -1061,9 +1067,25 @@ h4.box {
        border-radius: .5em .5em 0em 0em;
        -moz-border-radius: .5em .5em 0em 0em;
        padding:.2em;
-       border:1px solid #ccc;
-       -moz-box-shadow:.1em .1em .1em #999999;
-       box-shadow: .1em .1em .1em #999999;
+       border-top:1px solid #F2F7F7;
+       border-left:1px solid #F2F7F7;
+       border-right:1px solid #F2F7F7;
+               border-bottom:1px solid #F2F7F7;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
+}
+h2.box {
+       font-size:0.85em;
+       padding: 2px;
+       border-radius: .5em .5em 0em 0em;
+       -moz-border-radius: .5em .5em 0em 0em;
+       padding:.2em;
+       border-top:1px solid #F2F7F7;
+       border-left:1px solid #F2F7F7;
+       border-right:1px solid #F2F7F7;
+               border-bottom:1px solid #F2F7F7;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 
 div.box {
@@ -1074,11 +1096,11 @@ div.box {
        font-weight: normal;
        border-radius:.0em .0em .5em .5em;
        -moz-border-radius: .0em .0em .5em .5em;
-       border-left:1px solid #ccc;
+/*     border-left:1px solid #ccc;
        border-right:1px solid #ccc;
-       border-bottom:1px solid #ccc;
-       -moz-box-shadow:.1em .1em .1em #999999;
-        box-shadow: .1em .1em  .1em #999999;
+       border-bottom:1px solid #ccc;*/
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+        box-shadow: .1em .1em  .1em #999999;*/
 }
 
 h5.box { 
@@ -1111,7 +1133,7 @@ div.box a:hover {
 
 div.box .content {
        padding: 1em;
-       font-size:  1em;
+/*     font-size:  1em;*/
 }
 
 div.box a.close {
@@ -1198,9 +1220,9 @@ div#alternatives_shortcuts {
        margin: -2em 5pt;
        border-radius: .5em .5em .5em .5em;;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-        box-shadow: .1em .1em  .2em #999999;
-        border:1px solid #cccccc;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
+        border:1px solid #F2F7F7;
         padding-top: .2em;
         padding-left: .2em;
         padding-right: .2em;
@@ -1223,15 +1245,15 @@ fieldset {
        padding:.2em
 }
 div#shortcuts{
-       border-left:thin solid #cccccc;
-       border-right:thin solid #cccccc;
-       border-bottom:thin solid #cccccc;
-       border-radius: 0em 0em .5em .5em;;
+       border-left:thin solid #F2F7F7;
+       border-right:thin solid #F2F7F7;
+       border-bottom:thin solid #F2F7F7;
+       border-radius: 0em 0em .5em .5em;
        -moz-border-radius: 0em 0em .5em .5em;
        float:right;
                margin-top:-.2em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-        box-shadow: .1em .1em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
        margin-right:2em;
        padding:.1em;
 }
@@ -1269,8 +1291,8 @@ div#guide_box{
        border-bottom:thin solid #cccccc;
        border-radius: 0em 0em .5em .5em;
        -moz-border-radius: 0em 0em .5em .5em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-       box-shadow: .1em .1em .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
        float:right;
        margin-top:-.2em;
        margin-right:2em;
@@ -1298,7 +1320,7 @@ div#content-test ol{
 }
 
 div#content-test ol ul li{
-       list-style: none;
+       list-style-type: none;
        padding: 0px 2px 0px 15px;
        margin-bottom: 1px; 
        line-height: 200%; 
@@ -1306,6 +1328,31 @@ div#content-test ol ul li{
        border-bottom: 1px solid #efefef; 
        border: 1px solid #eeeeff;
 }
+div#content-test li{
+       list-style-type: none;
+}
+div#content-forum {    
+       float: left;
+       margin-top: 2em;
+       padding-right: 5pt;
+       width: 80%;
+}
+div#content-forum ol{  
+       margin-right: 5pt;      
+}
+
+div#content-forum ol ul li{
+       list-style-type: none;
+       padding: 0px 2px 0px 15px;
+       margin-bottom: 1px; 
+       line-height: 200%; 
+       background-color: #fdfdfd; 
+       border-bottom: 1px solid #efefef; 
+       border: 1px solid #eeeeff;
+}
+div#content-forum li{
+       list-style-type: none;
+}
 
 div#content-info {
        margin: 5pt;
@@ -1323,8 +1370,8 @@ div#container {
        border:1px solid #cccccc;
        border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-        box-shadow: .1em .1em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
        padding:.2em
 }
 
@@ -1437,8 +1484,8 @@ div.social-wrapper{
        padding:5em;
        border-radius:.5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-        box-shadow: .1em .1em .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em .2em #999999;*/
 }
 /* floating layout */
 #contentwrapper{
@@ -1468,9 +1515,9 @@ 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;  margin-top:.5em;}
-#forum-thread li.odd { background-color: #fff; margin-top:1em;}
+.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;  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;}
@@ -1495,9 +1542,9 @@ div#topnavlistcontainer {
        /*background-image: url('images/pencil_bottom_ds.png'); */
        height:1.6em;
        margin-left:1em;
-       border-bottom:1px solid #cccccc;
        clear:both;
 
+
 }
 
 ul#topnavlist {
@@ -1513,23 +1560,22 @@ ul#topnavlist li {
        list-style: none;
        display: inline-block;
        height:auto;
-       margin-top:.1em;
        border-radius: .5em .5em 0em 0em;
        -moz-border-radius: .5em .5em 0em 0em;
-       -moz-box-shadow:.1em .0em .1em #999999;
-       box-shadow: .1em .0em .1em #999999;
+/*     -moz-box-shadow:.1em .0em .1em #999999;
+       box-shadow: .1em .0em .1em #999999;*/
        padding: 0em 0em 0em 0em;
 
 }
 
 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
-       background-color: #E6E6E6;
+       background-color:  #F2F7F7;
        color: black;
        text-decoration:none;
        border-radius: .5em .5em 0em 0em;
        -moz-border-radius: .5em .5em 0em 0em;
-       padding: .2em 1.8em .2em 1.8em;
-       border-bottom: 1px solid #E6E6E6;
+       padding: .1em 1.8em .2em 1.8em;
+       border-bottom: 1px solid #F2F7F7;
 
 }
 
@@ -1555,7 +1601,8 @@ ul#topnavlist li a.selected {
        font-weight: normal;
        border-radius:.3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
-       padding: .2em 1.8em .1em 1.8em;
+       padding: 1em 1.8em 1em 1.8em;
+       margin-bottom:0em;
 }
 
 ol#tools>li:hover {
@@ -1596,7 +1643,7 @@ ul.child-top-tool:before {
 li.child-tool {
        display: inline;
        margin-right: 5px;
-       font-size: 80%;
+/*     font-size: 80%;*/
 }
 
 /* to modify  tool icons on the course home page */
@@ -1624,7 +1671,7 @@ div.browse-course {
        padding-bottom: 10px;
        background-color: #fffaf0;
        border:1px #6F7172 solid;
-       font-size:9pt;
+/*     font-size:9pt;*/
        min-height:18em;
        margin:auto;
        margin-left:1em;
@@ -1673,8 +1720,8 @@ legend.group_form{
        padding-right: 1em;
        border-radius:.2em;
        -moz-border-radius: .2em .2em .2em .2em;
-       -moz-box-shadow:.1em .1em .1em #999999;
-       box-shadow: .1em .1em .1em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 /* file storage */
 
@@ -1775,7 +1822,7 @@ sup{
 }
 a.tooltip{
        color:blue;
-       font-size:100%;
+/*     font-size:100%;*/
        padding-left:.2em;
        padding-right:.2em;
        padding-bottom:.2em;
@@ -1787,8 +1834,8 @@ a.tooltip{
 
 div.home_box {
        width: 25em;
-       height: 166px;  
-       margin-top: .4em;
+       height: 10em;   
+       margin-top: 1em;
        padding: 3px;
        padding-bottom: .4em;
        float: left;
@@ -1803,8 +1850,8 @@ div.home_box {
        height:9.8em;
        -moz-border-radius:.3em .3em .3em .3em;
        border-radius: .3em .3em .3em .3em;
-       -moz-box-shadow:.1em .1em .2em #999999;
-       box-shadow: .1em .1em .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
        padding:.2em;
 
 }
@@ -1835,14 +1882,13 @@ div.home_box {
 
 }
 .draggable_selected {
-       background-color: lightgrey;
+       background-color: lightgray;
        cursor: move;
 }
 div#subnavlistcontainer {
-       width:95%;
+       width:90%;
        margin:auto;
-
-       height:auto;
+       height:1.8em;
 
 }
 div#subnavbacktopage {
@@ -1865,7 +1911,7 @@ ul#subnavlist {
        padding-top: 4px;
        margin-top: 0px;
        font-family: Verdana,Helvetica,Arial,serif;
-       font-size:.8em;
+/*font-size:1.0em;*/
 
 
 }
@@ -1881,16 +1927,17 @@ ul#subnavlist li {
        border-right:1px solid #cccccc;
        border-radius: .3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
-       height:1.0em;   
-       -moz-box-shadow:.1em .0em .1em #999999;
-       box-shadow: .1em .0em .1em #999999;
+       height:.8em;    
+/*     -moz-box-shadow:.1em .0em .1em #999999;
+       box-shadow: .1em .0em .1em #999999;*/
        padding: 0em .5em .6em .5em ;
 }
 
 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;
+       background-color: #F8F8F8;
+       border-bottom:thin solid #F8F8F8;
 }
 
 ul#subnavlist li a {
@@ -1927,7 +1974,7 @@ tr.odd {
 /* Content editor tabs */
 .editor_buttontab {
        color:#000000;
-       font-size:10pt;
+/*     font-size:10pt;*/
        border:0;
        white-space: nowrap;
        background-color: #ffffff;
@@ -1950,8 +1997,8 @@ tr.odd {
        background-color: #ffffff;
        border-radius: .3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
-       -moz-box-shadow:.1em .0em .1em #999999;
-       box-shadow: .1em .0em .1em #999999;
+/*     -moz-box-shadow:.1em .0em .1em #999999;
+       box-shadow: .1em .0em .1em #999999;*/
        padding: 0em .2em 0em .2em ;
        height:1.4em;
 }
@@ -1987,8 +2034,8 @@ tr.odd {
        border: 1px solid #cccccc;
        border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.1em .1em .1em #999999;
-        box-shadow: .1em .1em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
 }
 
 ul.current_list{
@@ -2001,11 +2048,10 @@ ul.current_list{
 }
 
 .logoutbar{
-      background-color:#E6E6E6; 
+      background-color: #F2F7F7; 
       font-size:0.85em; 
-      border-bottom:1px solid #cccccc; 
+      border-bottom:1px solid #F2F7F7; 
       height:2em;
-         margin-top:-.15em;
       text-align:right;
       padding-right:1em;
       clear:both;
@@ -2023,11 +2069,11 @@ ul.current_list{
 
 table.etabbed-table    {
        padding-left:5em;
-       font-size:10pt;
+/*     font-size:10pt;*/
 }
 /* Preference Editor tabs */
 .etabbed-list-container {
-       font-size:10pt;
+/*     font-size:10pt;*/
        width:75%;
        margin-left:auto;
        margin-right:auto;
@@ -2045,27 +2091,16 @@ table.etabbed-table     {
 }
 
 .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.6em;
+
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
@@ -2075,17 +2110,15 @@ table.etabbed-table     {
        background-color: #FFFFFF;
        border-radius: .3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
-       padding: .3em .2em 0em .3em;
+       padding: 0em .2em .2em .3em;
        display: inline;
        margin-left:.5em;
                font-weight:bold;
        text-decoration:none;
 }
     
-
-
 .prefs_tab_selected{
-    height:1.8em;
+
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
@@ -2095,8 +2128,7 @@ table.etabbed-table       {
        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;
+       padding: .2em .2em .2em .3em;
        display: inline;
        margin-left:.5em;
        font-weight:bold;
@@ -2104,60 +2136,9 @@ table.etabbed-table      {
        
 }
 
-
-/*.prefs_buttontab {
-       color:#000555;
-       font-size:0pt;
-       white-space: nowrap;
-       background-color: #ffffff;
-       margin-bottom: .5px;
-       border:0;
-       font-weight:500;
-       padding:0em 0em 0em;
-       border-radius:.3em;
-       -moz-border-radius: .3em .3em .3em .3em;
-
-}
-.prefs_tab{
-       border-top: 1px solid #cccccc;
-       border-left: 1px solid #cccccc;
-       border-right: 1px solid #cccccc;
-       text-align: center;
-       white-space: nowrap;
-       background-color: #FFFFFF;
-       border-radius: .3em .3em 0em 0em;
-       -moz-border-radius: .3em .3em 0em 0em;
-       padding: .2em .5em 0em .5em;
-       -moz-box-shadow:.1em .1em 0em #999999;
-       box-shadow: .1em .1em 0em #999999;
-       display: inline;
-       padding-bottom: .9px;
-       margin: .5em;
+a.pref_wiz_launcher{
+       cursor:pointer;
 }
-    
-.prefs_buttontab:hover, .prefs_tab:hover {
-       background-color: #eeeeee;
-}
-
-.prefs_tab_selected{
-    
-       border-top: 1px solid #cccccc;
-       border-left: 1px solid #cccccc;
-       border-right: 1px solid #cccccc;
-       border-bottom:0;
-         background-color: #eeeeee;
-       margin: 0px;
-       font-weight:bold;
-       text-align:center;
-       padding: .2em .5em 0em .5em ;
-       white-space: nowrap;
-       text-decoration:none;
-       border-radius:.3em;
-       -moz-border-radius: .3em .3em 0em 0em;
-       -moz-box-shadow:.1em .1em .0 #999999;
-       box-shadow: .1em .1em .1em #999999;
-       display: inline;
-}*/
 
 .admin_container{
        border:1px solid #cccccc;
@@ -2198,7 +2179,7 @@ table.etabbed-table       {
        width:100%;
        height:2.5em;
                clear:both;
-       font-size: 0.85em;
+/*     font-size: 0.85em;*/
        padding:3px;
        float:left;
 
@@ -2217,8 +2198,8 @@ table.etabbed-table       {
          float:left;
          border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.1em .1em .1em #999999;
-        box-shadow: .1em .1em  .1em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+        box-shadow: .1em .1em  .1em #999999;*/
 }
 .shortcut_icon{
        border:0;
@@ -2269,8 +2250,8 @@ ul#content-tool-links img{
        margin-right:auto;
        border-radius: .3em .3em .3em .3em;
        -moz-border-radius: .3em .3em .3em .3em;
-       -moz-box-shadow:.1em .1em .1em #999999;
-       box-shadow: .1em .1em .1em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 
 .tr_results_tools{
@@ -2281,8 +2262,8 @@ ul#content-tool-links img{
        border:thin solid #cccccc;
        border-radius: .3em .3em .3em .3em;
        -moz-border-radius: .3em .3em .3em .3em;
-       -moz-box-shadow:.1em .1em .1em #999999;
-       box-shadow: .1em .1em .1em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 
 div.pageinator_box{
@@ -2478,16 +2459,20 @@ margin-left:2em;
        border:0;
 height:.9em;
 width:.9em;
-font-size:100%;
+/*font-size:100%;*/
 }
 div.bypass{
 height:1px;
 }
 /* relative image size styles */
 
-img.img1616{
-height:1.5em;
-width:1.5em;
+input.img1616{
+cursor:pointer;
+}
+
+input.img1616, img.img1616{
+height:1.6em;
+width:1.6em;
 }
 
 img.img1111{
@@ -2504,10 +2489,446 @@ width:.9em;
 font-size:100%;
 }
 
+.fl-force-right{
+float:right;   
+       
+}
 img.fl-col{
 height:3.5em;
 width:3.5em;
-font-size:100%;
+/*font-size:100%;*/
+}
+
+
+/*  Photo Album Styles 
+ * 
+ * 
+ * 
+ * 
+ */
+div.topbar{
+       float:left;
+       width: 95%;
+}
+div.paginator{
+       float: right;
+       margin: 0px;
+}
+.paginator ul li{
+       list-style: none;
+}
+.paginator li{
+       padding-right: 0.5em;
+       float: left;
+}
+
+div.summary{
+       float: left;
+       margin-top: 0.5em;
+       width:70%;
+}
+
+div.album_panel{
+       float: left;
+       background: #F7F7F7;
+       border: 1px solid #D2D2D2;      
+       width: 96%;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*     -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+       padding:.3em;
+}
+div.album_panel div.photo_wrapper {
+       /* This class is to fix the problem where the images shift
+        * to the right when there is a border upon selection 
+        */
+       height: 150px;
+       float: left;
+}
+div.album_panel .photo_frame{
+       float: left;
+       margin: 0.2em;
+       min-height: 140px;
+       min-width: 140px;
+       text-align: center;
+}
+div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
+       cursor: pointer;
+       float:left;
+       min-width: 140px;
+       min-height: 140px;
+       background: #FCE6C9;
+}
+div.album_panel .photo_frame img{
+       background: #FFFFFF;
+       border: 1px solid #D2D2D2;
+       padding: 0.2em;
+}
+div.album_panel .album_description{
+       margin: 0.5em;
+       width: 95%;
+       float: left;
+}
+
+div.search_bar {
+       /* background-image: url('images/search_bg.png');
+       background-repeat: no-repeat; */
+       background-color:#ffffff;
+       border:thin solid #cccccc;
+       margin-left: 0.5em;
+       margin-top: 0.5em;
+       height: 27px;
+       width: 180px;
+       float: left;
+       border-radius:.5em;
+       -moz-border-radius:.8em .8em .8em .8em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+}
+div.search_bar .s{
+       float: left;
+       border: 0px;
+       margin-top: 0.3em;
+       margin-left: 0.5em;
+       width: 148px;
+}
+div.search_bar .s_img{
+       float: right;
+       border: 0px;
+       margin-top: 0.375em;    
+       margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
+       margin-right: 0.4em;
+}
+
+div.album {
+       background: #FFFFFF;
+       padding:1em;
+       border: 1px solid #D2D2D2;      
+       width: 95%;
+       margin: 0.5em;
+       float: left;
+       border-radius:.5em .5em .5em .5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+}
+div.album .image{
+       float: left;
+       margin: 0.5em;
+       min-width: 140px;
+}
+div.album img{
+       border-width: 0px;
+}
+div.album .image img.no-image {
+       float: left;
+       width: 130px;
+       height: 97px;
+       background-color: #EFEFEF;
+}
+div.album .info{
+       float: left;
+       width: 70%;
+}
+div.album .info span{
+       float: left;
+       color: #666666;
+}
+div.album .info p{
+       font-size: 0.85em;
+       margin: 0;
+}
+div.album .search_photo_frame{
+       float: left;
+       margin: 0.2em;
+       min-height: 160px;
+       max-height: 160px;
+       max-width: 140px;
+       text-align: center;
+       border: 1px solid #d3d3d3;
+       overflow: hidden;
+}
+div.album .search_slider{
+       float: left;
+       overflow: hidden;
+       position: relative;     /* ie7 */
+}
+div.album .search_slider_left{
+       float: left;
+       width: 10%;
+}
+div.album .search_slider_right{
+       float: right;
+       text-align: right;
+       width: 10%;
+}
+div.album .search_slider ul {
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+       width: 99999px;
+       position: relative;
+}
+div.album .search_slider ul li{
+       float: left;
+}
+div.album .search_slider_a{
+       width: 80%;
+}
+div.album .search_slider_p{
+       width: 730px;   /* 146 per frame, 5 frame per row */
+}
+div.album .search_slider_p ul li{
+/*     height: 576px;  /* 144 per frame, 4 row */
+       width: 730px;   /* 146 per frame, 5 frame per row */
+}
+div.album .search_paginator {
+       width: 100%;
+}
+
+div.add_photo{
+       float: left;
+       background: #F7F7F7;
+       border: 1px solid #D2D2D2;      
+       width: 96%;
+       border-radius:.5em;
+       -moz-border-radius: .3em .3em .3em .3em;
+       margin-bottom:.2em;
+}
+div.add_photo ul{
+       margin: 0px;
+       padding: 0px;
+}
+div.add_photo .toggle_uploader{
+       width: 95%;
+       margin: 0.5em;
+}
+div.add_photo div#ajax_uploader{
+       display: none;
+       margin-top: 0.5em;
+}
+div.add_photo .files .tn {
+       max-height: 30px;
+}
+div.add_photo img{
+       border: 0;
+}
+div.add_photo ul li{
+       float: left;
+       padding: 0.2em;
+       list-style: none;
+       width: 100%;
+       height: 100%;
+       border-bottom: 1px solid #ddd;
+/*     display: inline; */
+}
+div.add_photo p.memory_usage {
+       float: right;
+       font-size: 0.9em;
+       color: #5B5B5B;
+}
+
+div.add_profile_photo{
+       float: left;
+       background: #F7F7F7;
+       border: 1px solid #D2D2D2;      
+       width: 96%;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+       margin-bottom:.2em;
+
+}
+div.add_profile_photo .profile_photo{    
+       float: left;    
+       padding: 0.5em;
+
+}
+div.add_profile_photo .uploader{    
+       float: left;    
+       width: 50%;
+       padding: 0.5em;
+       border-bottom: 1px solid #ddd;
+}      
+
+div.photo_panel{
+       background: #F7F7F7;
+       float: left;
+       border: 1px solid #D2D2D2;
+       text-align: center;
+       width: 95%;
+       padding: 0.5em;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+}
+div.photo_panel img{
+       background: #FFFFFF;
+       border: 1px solid #D2D2D2;
+       padding: 0.2em;
+}
+div.photo_panel div.ordering{
+       float:left;
+}
+div.photo_panel div.paginator{
+       float:right;
+}
+div.photo_panel .flc-inlineEditable{
+       width: 604px;
+       margin: 0 auto;
+       padding-top: 0.5em;
+       padding-bottom: 0.5em;
+}
+div.comment_panel{
+       background: #FFFFFF;
+       float: left;
+       border: 1px solid #D2D2D2;
+       width: 95%;
+       padding:.5em;
+       border-radius: .3em .3em .3em .3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+       margin-top:.2em;
+}
+div.comment_panel .comment_feeds{
+       float: left;
+       width: 50%;
+}
+div.comment_panel .photo_actions{
+       margin: 0.5em;
+       max-width: 49%;
+       background: #F7F7F7;
+       float:right;
+       padding:1em;
+       border:thin solid #cccccc;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+.row textarea#comment_template, textarea#comment_template active{
+       background-color:#eeeeee;
+       border:thin solid #eeeeee;
+       border:thin solid #cccccc;
+       padding:.2em;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+.row textarea#comment{
+       background-color:#ffffff;
+       border:thin solid #eeeeee;
+       border:thin solid #cccccc;
+       padding:.2em;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+div.comment_panel textarea{
+       width:100%;
+}
+
+div.comment_box{
+       float:left;
+       width:100%;
+       margin: 0.5em;
+       padding-top: 0.5em;
+       padding-bottom: 0.5em;
+       background: #F7F7F7;
+}
+div.comment_box .comment_actions{
+       float: left;
+       margin-top: 1em;
+       font-size: 0.8em; 
+       color: #666666;
+}
+
+div.edit_photo_frame{
+       width: 95%;     
+       float: left;
+       padding: 0.2em;
+       background: #F7F7F7;
+       border:thin solid #cccccc;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+}
+div.edit_photo_box{    
+       float: left;
+       border: 1px solid #D2D2D2;
+       background: white;
+       margin: 0.2em;
+       margin-bottom: 0.8em;
+       padding: 0.8em;
+       width: 94%;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+div.edit_photo_box .info{
+       float: left;
+       width: 60%;
+}
+
+.info textarea{
+       background-color: #eeeeee;
+       border:thin solid #cccccc;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+       margin-top:.2em;
+}
+div.edit_photo_box .info textarea.alt_text{
+       height: 2.5em;
+}
+div.edit_photo_box .info textarea{
+       width: 100%;
+}
+div.edit_photo_box .action{
+       float: right;
+       background: #F7F7F7;
+       min-width: 140px;
+       padding:.2em;
+       border:thin solid #cccccc;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+
+
+/* FLUID Image Reorderer */
+.fl-imageReorderer-item {
+}
+.fl-reorderer-movable-hover a{
+       cursor: pointer;
+       background-color: #ECEECC;
+}
+.fl-reorderer-movable-dragging a{
+       background-color: #ECEECC;
+}
+.fl-reorderer-dropMarker {
+       border: 2px solid red;
+       min-height: 100px;
+       float: left;
+}
+.fl-reorderer-avatar {
+       opacity: 0.6;
+       filter:alpha(opacity=60);
+}
+
+
+/* FLUID Simple Inline Editor */
+.fl-inlineEdit-invitation {
+   background-color: #FFECB3 !important;
+   border: 1px solid #CCC !important;
+}
+.fl-inlineEdit-focus {
+    border: 2px solid #777777;
+}
+
+
+.pa_tool_link{
+
+text-decoration:none;
+}
+
+.pa_tool_image{
+vertical-align:middle;
+margin-right:.5em;
 }
 /*social networking box on admin page */
 #social_networking{
@@ -2515,3 +2936,9 @@ padding: 1em;
 margin: 0;
 }
 
+/* End Photo Album Styles
+ * 
+ * 
+ * 
+ * 
+ */
Course Management Learning Management Tools