1 /* Style is optimized for iphone. Note that -webkit properties
2 create errors in the CSS validator.
3 Classes beginning with ".fl-" are overriding Mobile FSS,
4 see the API @ http://wiki.fluidproject.org/display/fluid/Mobile+FSS+API
11 padding-bottom: 2.3em;
32 #header-section-title {
34 background-image: -webkit-gradient(linear, left top, left bottom,
36 color-stop(0.5, #6d8cb3),
37 color-stop(0.50, #4b6b90),
38 color-stop(0.5, #6d8cb3),
43 .fl-theme-iphone .fl-navbar{
50 background-image: -webkit-gradient(linear, left top, left bottom,
52 color-stop(0.5, #6d8cb3),
53 color-stop(0.50, #4b6b90),
54 color-stop(0.5, #6d8cb3),
62 border-top: 1px solid black;
63 border-bottom: .5px solid black;
64 background-color: #4b6b90;
68 #navigation-contentwrapper{
70 background-color: #4b6b90;
76 border-bottom: .5px solid black;
77 /* padding-bottom: .3em;*/
88 #site-name, h1#section-title{
96 /*this CSS creates a button that looks exactly like a Mobile FSS tab.*/
97 .navigation-bar-button{
99 -webkit-border-radius: 5px;
100 font-size: 18px;/*keep this in px*/
106 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
107 background-image: -webkit-gradient(linear, left top, left bottom,
109 color-stop(0.5, #374e6b),
110 color-stop(0.50, #354d68),
113 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
114 -webkit-border-left-image: none;
115 -webkit-background-origin: border;
116 -webkit-background-clip: border;
117 /* to mimick the mobile FSS scolor scheme (iphone) uncomment these lines
118 background-image: -webkit-gradient(linear, left top, left bottom,
120 color-stop(0.5, #6d8cb3),
121 color-stop(0.50, #4b6b90),
126 .fl-theme-iphone .fl-tabs li{
127 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
128 background-image: -webkit-gradient(linear, left top, left bottom,
130 color-stop(0.5, #374e6b),
131 color-stop(0.50, #354d68),
136 div#content-link-container{/*REMOVE
137 background-color:#F5F5F5;
139 border: #A9ADB0 solid 1px;
140 -webkit-border-radius: 2px;
142 border: #A9ADB0 solid 1px;
143 -webkit-border-radius: 2px;
145 padding-left: 0.313em;
146 text-decoration: none;*/
147 border: #A9ADB0 solid 1px;
153 text-decoration: none;
154 padding-bottom: 12px;
162 font-size: 17px;/*keep this in px*/
168 /* main body attributes */
178 text-decoration: underline;
183 background-color: transparent;
187 background-color: transparent;
190 h1, h2, h3, h4, h5, h6 {
193 font: 100% Verdana, Helvetica, Arial, sans-serif;
216 text-decoration: none;
233 /* Preferences tabs */
234 .etabbed-list-container {
248 padding:0.5em 0.3em 0;
255 padding:0.7em 0.3em 0;
266 /* Table of content attributes*/
268 font-family: Verdana, Helevetica, Arial, sans-serif;
269 background-color: #E9F4F3;
275 border: 1px #ACCFCC solid;
279 /* link attributes */
280 a:link, /*a:visited*/ a:focus {
282 text-decoration: underline;
287 text-decoration: underline;
291 text-decoration: underline;
293 /* align text to the left */
301 text-decoration: none;
307 border: 1px #595241 solid;
310 /* main submit button */
312 background-color: #808080;
316 -webkit-border-radius:3px;
317 padding-top: 0.313em;
318 padding-bottom: 0.313em;
322 border:1px solid #A50707;
323 background-color: #FFDAB9;
325 /* small submit button at top */
327 font-family: Verdana, Helevetica, Arial, sans-serif;
328 background-color: #E9F4F3;
332 background-color: #E9F4F3;
333 border: #ACCFCC solid 1px;
336 /* date attributes */
338 font-family: Verdana, Helevetica, Arial, sans-serif;
342 margin-left: 0.313em;
350 background-color: white;
354 /* message box styles */
356 /* Editor box small */
358 font-family: Verdana, Helevetica, Arial, sans-serif;
359 background-color: #E9F4F3;
361 padding-right: .188em;
362 border: 1px #ACCFCC solid;
365 /* Editor box large */
367 font-family: Verdana, Helevetica, Arial, sans-serif;
368 background-color: #E9F4F3;
373 padding-bottom: .4em;
374 border: 1px #ACCFCC solid;
379 font-family: Verdana, Helevetica, Arial, sans-serif;
382 .highlight, a.highlight {
383 background-color: #5B8E88;
388 background-color: #5B8E88;
397 /* edit content tabs */
399 background-color: #E6E6E6;
402 padding-left: .188em;
403 padding-right: .188em;
410 background-color: #E6E6E6;
411 border-top: 1px #B8AE9C solid;
412 border-left: 1px #B8AE9C solid;
413 border-right: 1px #B8AE9C solid;
414 text-decoration: none;
420 .buttontab selected {
421 font-family: Helvetica, Arial, Helvetica, sans-serif;
422 background-color: #6F7172;
425 padding-left: .188em;
426 padding-right: .188em;
431 font-family: Helvetica, Arial, Helvetica, sans-serif;
433 text-decoration: none;
435 background-color: white;
436 border-top: 1px #B8AE9C solid;
437 border-left: 1px #B8AE9C solid;
438 border-right: 1px #B8AE9C solid;
441 background-color: #fffaf0;
442 border:1px #6F7172 solid;
446 .tab a:link, .etab a:visited {
449 background-color: white;
454 background-color: white;
458 background-color: #6F7172;
468 background-color: #FFFDE0;
472 background-color: #FFFDE0;
478 td.dropdown-heading {
479 background-color: #DBFDD4;
481 border-left: 1px solid #ECFEEA;
482 border-right: 1px solid #ECFEEA;
483 border-top: 1px solid #ECFEEA;
488 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
489 text-decoration: none;
492 td.dropdown-heading.closed {
493 border-bottom: 1px solid #ECFEEA;
496 /* the side menu content */
499 background-color: white;
501 border-left: 1px solid #ECFEEA;
502 border-right: 1px solid #ECFEEA;
503 border-bottom: 1px solid #ECFEEA;
506 td.dropdown a, td.dropdown a:visited {
507 /* color: #595241; */
509 text-decoration: none;
511 td.dropdown a:hover {
513 text-decoration: underline;
522 /* added for 1.4.2: */
524 padding-left: 1.25em;
529 margin-bottom: 0.313em;
532 margin-left: 0.313em;
539 p.search-description {
540 background-color: #FFFCE5;
545 background-color: #F7F3ED;
547 border-left: 1px solid #595241;
548 border-right: 1px solid #595241;
549 border-top: 1px solid #595241;
559 border:thin black solid;
561 table.tabbed-table th#left-empty-tab {
562 background-color: transparent;
564 border-bottom: 1px solid #B8AE9C;
566 table.tabbed-table th#right-empty-tab {
568 background-color: transparent;
569 border-bottom: 1px solid #B8AE9C;
571 padding-right: 0.313em;
573 table.tabbed-table th#right-empty-tab a {
574 text-decoration: underline;
576 table.tabbed-table th.tab-spacer {
577 background-color: transparent;
579 border-bottom: 1px solid #B8AE9C;
582 table.tabbed-table th.tab {
583 padding-top: 0.125em;
584 padding-bottom: 0.125em;
586 background-color: #E9F4F3;
587 border-bottom: 1px solid #B8AE9C;
588 border-left: 1px solid #B8AE9C;
589 border-top: 1px solid #B8AE9C;
590 border-right: 1px solid #B8AE9C;
592 table.tabbed-table th.tab:hover {
593 background-color: #ACCFCC;
596 table.tabbed-table th.tab a:focus {
599 table.tabbed-table th.selected {
600 padding-top: 0.125em;
601 padding-bottom: 0.125em;
603 background-color: #ACCFCC;
604 border-left: 1px solid #B8AE9C;
605 border-top: 1px solid #B8AE9C;
606 border-right: 1px solid #B8AE9C;
609 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
612 text-decoration: none;
616 .preference-buttons-container{
617 background-color: red;
623 div.preference-buttons-container li{
640 font-family: monospace;
641 border: 2px solid rgb(0, 0, 0);
644 color: rgb(255, 255, 255);
645 background-color: rgb(0, 0, 0);
649 border-bottom-width: 0;
657 #display-settings-preview{
665 #defaultfontsize-wrapper{
669 /* end of preferences */
673 padding-left: 0.938em;
674 background-repeat: no-repeat;
675 background-position: 0.125em 0.313em;
679 padding-left: 1.25em;
680 background-image: url(images/back.gif);
681 background-repeat: no-repeat;
682 background-position: 0 0;
685 .breadcrumbs, .previous-next /*a#guide*/{
686 /* The path bar, including breadcrumbs and add to favorites */
691 background-color: white;
694 #breadcrumbs-container{
695 background-color: #4d4d4d;
706 margin-bottom: 0.313em;
712 border-left: 1px solid black;
713 border-right: 1px solid black;
714 border-bottom: 1px solid black;
715 padding-left: 0.313em;
716 padding-right: 0.313em;
717 padding-bottom: 0.313em;
718 background-color: #F7F3ED;
719 margin-left: 0.313em;
720 margin-right: 0.313em;
725 margin-left: 0.313em;
726 margin-right: 0.313em;
727 border-left: 1px solid black;
728 border-right: 1px solid black;
730 background-color: #F7F3ED;
733 border-bottom: 1px solid black;
742 padding-left: 0.625em;
752 /* moved inside of #footer for mobile theme */
757 background-color: #4b6b90;
764 div#top-links a:link, div#top-links a:visited {
765 text-decoration:none;
769 background-color:#F6EAD6;
776 background-color: #F7F3ED;
777 padding-top: 0.063em;
778 padding-bottom: 0.063em;
779 padding-left: 0.938em;
780 padding-right: 0.5em;
781 border: 1px solid #cccccc;
783 text-decoration: none;
786 a#editor-link:hover {
787 background-color: #F7F3ED;
788 border: 1px solid #B8AE9C;
792 background-image: url(images/pen.gif);
793 background-repeat: no-repeat;
794 background-position: 0 0.125em;
797 background-image: url(images/pen2.gif);
798 background-repeat: no-repeat;
799 background-position: 0 0.125em;
803 /* for data tables */
805 border: #A9ADB0 1px solid;
806 border: #cccccc 1px solid;
807 -webkit-border-radius:5px;
820 background-color: transparent;
822 /* contains the headings */
830 background-image: url('../default/images/sort.gif');
831 background-repeat: no-repeat;
832 background-position: right;
837 border-top: 1px solid #B8AE9C;
838 border-bottom: 1px solid #B8AE9C;
842 table.data tbody th {
853 table.data td a:link, a:visited{
857 table.data tbody tr:hover {
858 background-color: #efefef;
862 table.data tbody tr.selected {
863 background-color: #E9F4F3;
865 border: 5px solid #E9F4F3;
869 background-color: #F7F3ED;
872 table.data tfoot tr:first-child td {
874 background-image: url('images/arrow_ltr.gif');
875 background-repeat: no-repeat;
876 background-position: .25em 0.313em;
879 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
880 /*border-top: 1px solid #B8AE9C;*/
882 background-image: none;
886 /* add borders to row in Required Information, Personal Information*/
889 border-bottom: 1px #cccccc solid;
892 #last-row, .row-buttons, #last-row1, .row-blurb{
895 #browse-courses-table{
901 table.data tfoot input {
902 background-color: #efefef;
904 /*border: #AAA solid 1px;*/
906 table.data tfoot input:focus {
907 background-color: #FFDAB9;
908 /*border: #AAA solid 1px;*/
912 /* used for static tables with no form elements: */
913 table.data.static tbody tr:hover {
914 background-color: transparent;
920 /* course browser: */
928 div.browse-selected {
929 background-image: url('images/side_arrow.gif');
930 background-repeat: no-repeat;
931 padding-left: 0.563em;
932 background-position: center left;
935 div.browse-unselected {
936 padding-left: 0.563em;
944 /* feedback /errors */
950 margin-bottom: 0.938em;
951 border: 1px solid #DD0000;
953 background-color: #F4DCDC;
955 background-color: #F4DCDC;
956 padding-left: 1.563em;
958 -webkit-border-radius:5px;
965 div#error ul, div#feedback ul, div#help ul {
976 div#feedback, div#info {
981 margin-bottom: 0.313em;
983 font-family: Helvetica, Arial, sans-serif;
984 -webkit-border-radius:5px;
985 border: 1px solid #17B506;
986 background-color: #E7EFD0;
991 div#feedback li, div#info li, div#error li{
1000 margin-top: 0.938em;
1001 margin-bottom: 0.938em;
1002 border: 1px solid #ACCFCC;
1004 background-color: #E9F4F3;
1013 margin-top: 0.938em;
1014 margin-bottom: 0.938em;
1015 border: 1px solid #FF8400;
1017 background-color: #FFF6ED;
1029 div.news span.date {
1030 font-family:Helevetica, Arial, sans-serif;
1040 /* home page links */
1049 div.home-link:hover {
1051 background-color: #F7F3ED;
1052 border: 1px solid #afafaf;
1058 text-decoration: none;
1066 /* sequence links */
1067 div#sequence-links {
1070 div#sequence-links a {
1071 text-decoration: none;
1081 background-color: white;
1083 border-left: 1px solid #ECFEEA;
1084 border-right: 1px solid #ECFEEA;
1085 border-bottom: 1px solid #ECFEEA;
1086 font-weight: normal;
1089 div.dropdown-heading {
1090 background-color: #ACCFCC;
1092 border-left: 1px solid #ECFEEA;
1093 border-right: 1px solid #ECFEEA;
1094 border-top: 1px solid #ECFEEA;
1105 margin-top: -0.313em;
1107 padding-right: 0.125em;
1111 margin-left: 0.313em;
1118 background-color: #F5F5F5;
1120 border: #A9ADB0 1px solid;
1121 border: #cccccc 1px solid;
1122 -webkit-border-radius:5px;
1123 -webkit-border-bottom-right-radius: 5px;
1124 -webkit-border-bottom-left-radius: 5px;*/
1125 padding-top: .313em;
1134 /*font-size: small;*/
1151 padding-left: 0.125em;
1152 padding-right: 0.125em;
1159 text-decoration: none;
1160 padding-left: 0.25em;
1161 padding-right: 0.25em;
1162 border-left: 1px solid white;
1163 border-right: 1px solid white;
1166 div.paging li a:hover, div.paging li a.current {
1167 border-left: 1px solid #000;
1168 border-right: 1px solid #000;
1174 background-image:url(images/tl_corner.gif);
1175 background-position: top left;
1176 background-repeat: no-repeat;
1181 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1182 background-color: transparent;
1183 border-collapse: collapse;
1184 border-bottom: 1px solid #B8AE9C;
1185 padding: 0.5em 0em 0em 2em;
1186 white-space: nowrap;
1190 /* The normal, unselected tabs. They are all links */
1191 background-color: transparent;
1192 border-color: #B8AE9C;
1194 border-style: solid solid none solid;
1197 margin-right: 0.5em;
1198 padding: 0em 2em 0em;
1202 div.tabs a.selected {
1203 /* The selected tab. There's only one of this */
1204 background-color: white;
1205 border-bottom: #B8AE9C 1px solid;
1207 font-weight: normal;
1210 div.tabs a:hover, div.tabs a.active {
1211 background-color: #B8AE9C;
1212 border-bottom: 1px solid #B8AE9C;
1219 .headingbox a:link, .headingbox a:visited{
1220 text-decoration: none;
1225 background-color: #F5F5F5;
1231 background-color: #F5F5F5;
1232 text-decoration: none;
1235 background-image:url("images/content-arrow-down.png");
1236 background-position: top right;
1237 background-repeat: no-repeat;
1240 background-image:url("images/content-arrow-up.png");
1241 background-position: center right;
1242 background-repeat: no-repeat;
1247 background-color: #F5F5F5;
1249 border: 1px solid #B8AE9C;
1251 font-weight: normal;
1256 background-color: #6F7172;
1257 border: 1px solid #B8AE9C;
1258 border-style: solid solid none solid;
1260 padding: 0em 1em 0em 1em;
1267 text-decoration: none;
1272 text-decoration: none;
1276 text-decoration: underline;
1290 text-transform: none;
1291 border-left: 1pt solid #B8AE9C;
1304 background-color: #F7F3ED;
1308 background-color: transparent;
1312 /* users/index.php */
1318 border: rgb(204, 204, 204) 1px solid;
1319 background-color: #F7F7F7;
1331 font-weight: normal;
1337 background-color:#FBF4E9;
1338 border: #B8AE9C 1px solid;
1342 table.data .odd img.headicon{
1345 -webkit-border-radius:5px;
1349 -webkit-border-radius:10px;
1350 border-color: white;
1355 div.course div.shortcuts {
1358 vertical-align: middle;
1362 fieldset#shortcuts {
1364 background-color: #FEFDEF;
1365 border: 1pt solid #B8AE9C;
1366 margin: -5pt 5pt 5pt 5pt;
1367 padding-right: 10pt;
1368 padding-bottom: 5pt;
1377 margin-bottom: 10pt;
1378 -webkit-border-radius:5px;
1384 border:thin #6D7B8D solid;
1385 border:thin #A9ADB0 solid;
1395 list-style-type: none;
1399 /*a#guide,*/ a#my-courses-link {
1400 background-color: #6D84A2;
1415 div#content-text li {
1419 div#content-test, div.content-from-module {
1426 div#content-test ol{
1430 div#content-test ol ul li{
1432 padding: 0 0.125em 0 0.938em;
1433 margin-bottom: 0.063em;
1435 background-color: #fdfdfd;
1436 border-bottom: 1px solid #efefef;
1437 border: 1px solid #eeeeff;
1457 padding-bottom: 0.625em;
1458 padding-right: 0.625em;
1460 margin-top: 0.625em;
1461 padding-right: 0.313em;
1471 min-width: 10.625em;
1475 background-color: #F6EAD6;
1476 border-bottom: .05em solid #6F7172;
1485 min-height: 10.625em;
1492 ul#home-links, ul#home-detail-links {
1507 ul#home-links li a {
1508 text-decoration: none;
1509 border: 1px transparent;
1512 ul#home-links li a img {
1515 padding-left:1.563em;
1519 #my_courses_container{
1525 #my-courses-navlist{
1528 border: solid 1px #A9ADB0;
1529 -webkit-border-radius:5px;
1535 .my-courses-list-ul{
1548 padding-left: 0.875em;
1549 padding-bottom: 0.875em;
1552 .fl-list-menu li a {
1554 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a {
1556 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1574 list-style-type: none;
1586 /* enrollment tabs */
1592 margin-bottom: .25em;
1593 margin-top: 0.938em;
1594 white-space: nowrap;
1604 padding: 0.188em 0.563em;
1605 border: 1px solid #F7F3ED;
1606 border-bottom: none;
1607 background-color: #F7F3ED;
1608 text-decoration: none;
1610 white-space: nowrap;
1613 #navlist li a:hover, #navlist li a:active {
1615 background-color: #fff;
1620 vertical-align: middle;
1637 dl#public-profile dt {
1640 border-right: 1px solid #F7F3ED;
1641 padding: 0.313em 0.313em 0.313em 0;
1643 margin-right: 0.313em;
1645 dl#public-profile dd {
1663 padding-bottom: .375em;
1666 border: 1px #cccccc solid;
1675 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1676 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1677 #forum-thread li.odd { background-color: #fff; }
1678 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1679 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1680 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1681 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1682 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1683 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1684 div.forum-post-ctrl a { text-decoration: none; }
1685 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1686 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1687 div.forum-post-content div.body p { margin-bottom:1em; }
1688 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1689 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1693 /** inbox stuff - reuses some of the forum layout **/
1694 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1696 /* tool list on admin home and manage screens */
1699 padding: 0.125em 0.125em 0.125em 0.938em;
1700 margin-bottom: 0.313em;
1702 border: solid 1px #A9ADB0;
1703 -webkit-border-radius:5px;
1705 li.top-tool a { font-weight: bold; } /* ol#tools>li>a */
1709 font-weight: normal;
1712 /* ol#tools>li>ul, */
1714 margin-top: -0.313em;
1719 ul.child-top-tool:before {
1725 margin-right: 0.313em;
1734 /* browse courses */
1737 padding-bottom: 0.625em;
1738 background-color: #fffaf0;
1739 border:1px #6F7172 solid;
1749 padding-bottom: 0.625em;
1750 background-color: #fffaf0;
1755 dl.browse-course dt {
1761 padding: 0.313em 0.625em 0.313em 0;
1762 vertical-align: middle;
1765 dl.browse-course dd {
1766 margin-bottom: 0.313em;
1768 padding: 0.313em 0 0.313em 0.625em;
1776 /* form fields grouping for WCAG 2.0 conformance*/
1778 fieldset.group_form{
1782 border: 1px #6D7B8D solid;
1783 -webkit-border-radius:5px;
1787 background-color:white;
1791 border: 1px #6D7B8D solid;
1792 -webkit-border-radius:5px;
1805 /* highlight active links for WCAG 2.0 conformance */
1806 a:active, a:hover,a:focus{
1807 background-color:#F6EAD6;
1810 background-color: #e6e6e6;
1812 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1813 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1819 /*Added by Silvia */
1820 div.column_primary {
1825 min-width: 10.625em;
1826 /* position: relative;*/
1829 div.column_equivalent{
1832 margin-left: 0.938em;
1833 margin-top: 0.313em;
1834 margin-right: 0.313em;
1835 margin-bottom: 0.313em;
1836 min-width: 10.625em;
1838 border: 1px solid #EEE;
1839 background-color: #FFF;
1840 /* position: relative;*/
1845 border: 1px solid #aaa;
1850 background-color: #eee;
1851 /* position: relative;*/
1860 div.alternative_box{
1861 border: 1px solid #ddd;
1866 background-color: #fff;
1869 div.alternative_box legend {
1873 div.resource_box legend {
1879 font-weight: bolder;
1880 background-color: white;
1883 /* format of "table of contents" on content page */
1884 #toc a { display:block; margin:0.188em; }
1885 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1891 background-color: #FEFDEF;
1892 border: 1pt solid #B8AE9C;
1900 /* cleans up glossary question mark line spacing*/
1902 border: 1pt solid #B8AE9C;
1903 vertical-align:bottom;
1907 /* jQuery tooltip styles */
1911 border:3px solid #111;
1912 background-color:#eeeeee;
1915 #tooltip h3,#tooltip div{
1919 /* style for home page modules "detail view" */
1945 background-image:url(images/details_r.png);
1946 background-position: top right;
1947 background-repeat:no-repeat;
1953 background-image:url(images/details_l.png);
1954 background-position: top left;
1955 background-repeat:no-repeat;
1961 background-image:url(images/details_ir.png);
1962 background-position: top right;
1963 background-repeat:no-repeat;
1968 background-image:url(images/details_il.png);
1969 background-position: top left;
1970 background-repeat:no-repeat;
1981 .draggable_selected {
1982 background-color: lightgrey;
1989 border:1px solid #cccccc;
1992 list-style: disc url(../../images/folder.gif) outside;
1993 font-family: Verdana, Helevetica, Arial, sans-serif;
1999 li.folders .disabled {
2004 list-style-image:none;
2005 list-style-position:outside;
2006 list-style-type:none;
2012 /* hiding/showing top navigation and results-display */
2016 text-decoration: none;
2025 background-color: white;
2028 div#results-display{
2036 ul#topnavlist li a.active {
2041 ul#topnavlist li a:hover, ul#topnavlist li a:focus {
2042 /*Replicates mobile FSS list highlighting, currently there's a bug:
2043 see: http://issues.fluidproject.org/browse/FLUID-4313
2044 /*border: 1px solid #e0e0e0;*/
2045 background-color: #e6e6e6;
2049 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
2050 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2051 -webkit-tap-highlight-color:url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
2052 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2055 ul#topnavlist li a {
2057 text-decoration: none;
2062 border: #A9ADB0 1px solid;
2063 border: #cccccc 1px solid;
2064 -webkit-border-radius:5px;
2071 padding-bottom: 0.313em;
2081 ul#subnavlist li#test{
2084 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{ /*
2086 text-decoration:none;*/
2089 ul#subnavlist li a, ul#subnavlist li a:visited {
2094 /* list attributes */
2103 ol#tools>li:hover, ol#tools>li:hover a {
2104 /*border: 1px solid #e0e0e0;*/
2105 background-color: #e6e6e6;
2109 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
2110 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2115 #content-contentwrapper{
2126 margin-left: 0.313em;
2127 margin-top:-0.625em;
2144 /* ATutor Social Styles */
2146 div .profile_container {
2147 background-color:#eee;
2148 border: 1px solid #8e8e8e;
2151 margin-bottom: 0.5em;
2154 div .profile_container .top_right {
2158 dl.public-profile dd{
2161 dl.public-profile dt {
2172 div .search_form .row{
2173 background-color: #DEDEC0;
2177 background-color: #eee;
2178 border: 1px solid #aaa;
2181 background-color: #cccccc;
2188 ul.social_side_menu {
2191 ul.social_side_menu li {
2192 padding-bottom: 0.2em;
2197 border-bottom:1px solid #C1C157;
2198 padding-bottom:0.5em;
2199 margin-bottom:0.5em;
2207 div.contentbox, input-form{
2210 background-color: #ffffff;
2212 border: #A9ADB0 solid 1px;
2213 -webkit-border-radius: 5px;
2217 border:1px solid #a50707;
2218 margin-left:0.625em;
2225 ul.social_inline_menu{
2226 background-color: #eeeeee;
2227 border:thin #cccccc solid;
2241 padding-bottom:0.2em;