1 /* Style is optimized for iphone. Note that -webkit properties create errors in the CSS validator. Relative units
2 for sizes are used unless it is a border. Classes beginning with ".fl-" override Mobile FSS,
3 see the API @ http://wiki.fluidproject.org/display/fluid/Mobile+FSS+API for more details.
30 #header-section-title {
32 background-image: -webkit-gradient(linear, left top, left bottom,
34 color-stop(0.5, #6d8cb3),
35 color-stop(0.50, #4b6b90),
36 color-stop(0.5, #6d8cb3),
39 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d8cb3), to(#4b6b90));
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{
98 /************************************************************************************************/
99 /* "Navigation" button, also this CSS creates a button that looks exactly like a Mobile FSS tab.*/
100 /************************************************************************************************/
101 .navigation-bar-button{
103 -webkit-border-radius: 5px;
104 font-size: 18px;/*keep this in px*/
110 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
111 background-image: -webkit-gradient(linear, left top, left bottom,
113 color-stop(0.5, #374e6b),
114 color-stop(0.50, #354d68),
117 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
118 -webkit-border-left-image: none;
119 -webkit-background-origin: border;
120 -webkit-background-clip: border;
123 .navigation-bar-button a:hover, .navigation-bar-button a:active, .navigation-bar-button a:focus{
124 background-color: white;
127 .fl-theme-iphone .fl-tabs li{
128 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
129 background-image: -webkit-gradient(linear, left top, left bottom,
131 color-stop(0.5, #374e6b),
132 color-stop(0.50, #354d68),
136 .fl-theme-iphone .topnavlistcontainer .topnavlist-link {/*makes the navigation button link white*/
138 text-decoration: none;
142 #content_link_phone.topnavlist-link-highlight, fl-theme-iphone .topnavlistcontainer .topnavlist-link-highlight{/*makes the navigation button link highlight*/
144 text-decoration: none;
159 /*background-color: white;*/
162 div#content-link-container.flc-screenNavigator-navbar {
166 -webkit-border-radius: 5px;
167 font-size: 18px; keep this in px
170 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image:
171 background-image: -webkit-gradient(linear, left top, left bottom,
173 color-stop(0.5, #374e6b),
174 color-stop(0.50, #354d68),
177 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
178 -webkit-border-left-image: none;
179 -webkit-background-origin: border;
180 -webkit-background-clip: border;
186 .content-link-surround a:active, .content-link-surround a:focus, .content-link-surround a:hover{
190 #content_link_phone {
193 text-decoration: none;
208 font-size: 17px;/*keep this in px*/
213 ul.home-guide li a:hover, ul.home-guide li a:focus, ul.home-guide li a:active,
214 ul.home-guide li.back a:hover, ul.home-guide li.back a:focus, ul.home-guide li.back a:active,
215 ul.home-guide li.forward a:hover, ul.home-guide li.forward a:focus, ul.home-guide li.forward a:active {
217 background:transparent;
220 /* main body attributes */
230 text-decoration: underline;
235 background-color: transparent;
239 background-color: transparent;
242 h1, h2, h3, h4, h5, h6 {
245 font: 100% Helvetica, Arial, sans-serif;
268 text-decoration: none;
278 /************************************************************************************************/
279 /* Preferences tabs */
280 /************************************************************************************************/
281 .etabbed-list-container {
295 padding:0.5em 0.3em 0;
302 padding:0.7em 0.3em 0;
311 /************************************************************************************************/
312 /* link attributes */
313 /************************************************************************************************/
314 a:link, /*a:visited*/ a:focus {
318 .top-tool a:link, .top-tool a:focus{
319 text-decoration: none;
322 /* main submit button */
324 background-color: #808080;
327 -webkit-border-radius:3px;
328 padding-top: 0.313em;
329 padding-bottom: 0.313em;
333 border:1px solid #A50707;
334 background-color: #FFDAB9;
336 /* small submit button at top */
338 font-family: Helvetica,sans-serif;
339 background-color: #E9F4F3;
343 background-color: #E9F4F3;
344 border: #ACCFCC solid 1px;
347 /* Editor box large */
349 font-family: Helvetica,sans-serif;
350 background-color: #E9F4F3;
355 padding-bottom: .4em;
356 border: 1px #ACCFCC solid;
359 /* edit content tabs */
361 background-color: #E6E6E6;
364 padding-left: .188em;
365 padding-right: .188em;
372 background-color: #E6E6E6;
373 border-top: 1px #B8AE9C solid;
374 border-left: 1px #B8AE9C solid;
375 border-right: 1px #B8AE9C solid;
376 text-decoration: none;
382 .buttontab selected {
383 font-family: Helvetica, Arial, Helvetica, sans-serif;
384 background-color: #6F7172;
387 padding-left: .188em;
388 padding-right: .188em;
393 font-family: Helvetica, Arial, Helvetica, sans-serif;
395 text-decoration: none;
397 background-color: white;
398 border-top: 1px #B8AE9C solid;
399 border-left: 1px #B8AE9C solid;
400 border-right: 1px #B8AE9C solid;
403 .tab a:link, .etab a:visited {
405 background-color: white;
409 td.dropdown-heading {
410 background-color: #DBFDD4;
412 border-left: 1px solid #ECFEEA;
413 border-right: 1px solid #ECFEEA;
414 border-top: 1px solid #ECFEEA;
417 /* the side menu content */
420 background-color: white;
422 border-left: 1px solid #ECFEEA;
423 border-right: 1px solid #ECFEEA;
424 border-bottom: 1px solid #ECFEEA;
427 td.dropdown a, td.dropdown a:visited {
429 text-decoration: none;
431 td.dropdown a:hover {
433 text-decoration: underline;
436 /* added for 1.4.2: */
438 padding-left: 1.25em;
443 margin-bottom: 0.313em;
446 margin-left: 0.313em;
450 background-color: #F7F3ED;
452 border-left: 1px solid #595241;
453 border-right: 1px solid #595241;
454 border-top: 1px solid #595241;
464 border:thin black solid;
466 table.tabbed-table th#left-empty-tab {
467 background-color: transparent;
469 border-bottom: 1px solid #B8AE9C;
471 table.tabbed-table th#right-empty-tab {
473 background-color: transparent;
474 border-bottom: 1px solid #B8AE9C;
476 padding-right: 0.313em;
478 table.tabbed-table th#right-empty-tab a {
479 text-decoration: underline;
481 table.tabbed-table th.tab-spacer {
482 background-color: transparent;
484 border-bottom: 1px solid #B8AE9C;
487 table.tabbed-table th.tab {
488 padding-top: 0.125em;
489 padding-bottom: 0.125em;
491 background-color: #E9F4F3;
492 border-bottom: 1px solid #B8AE9C;
493 border-left: 1px solid #B8AE9C;
494 border-top: 1px solid #B8AE9C;
495 border-right: 1px solid #B8AE9C;
497 table.tabbed-table th.tab:hover {
498 background-color: #ACCFCC;
501 table.tabbed-table th.tab a:focus {
504 table.tabbed-table th.selected {
505 padding-top: 0.125em;
506 padding-bottom: 0.125em;
508 background-color: #ACCFCC;
509 border-left: 1px solid #B8AE9C;
510 border-top: 1px solid #B8AE9C;
511 border-right: 1px solid #B8AE9C;
514 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
517 text-decoration: none;
521 .preference-buttons-container{
522 background-color: red;
528 div.preference-buttons-container li{
545 font-family: monospace;
546 border: 2px solid rgb(0, 0, 0);
549 color: rgb(255, 255, 255);
550 background-color: rgb(0, 0, 0);
554 border-bottom-width: 0;
562 #display-settings-preview{
570 #defaultfontsize-wrapper{
574 /* end of preferences */
578 padding-left: 0.938em;
579 background-repeat: no-repeat;
580 background-position: 0.125em 0.313em;
584 padding-left: 1.25em;
585 background-image: url(images/back.gif);
586 background-repeat: no-repeat;
587 background-position: 0 0;
590 .breadcrumbs, .previous-next /*a#guide*/{
591 /* The path bar, including breadcrumbs and add to favorites */
596 background-color: white;
599 #breadcrumbs-container{
600 background-color: #4d4d4d;
610 #subnavlistbacktopage{
615 margin-bottom: 0.313em;
621 border-left: 1px solid black;
622 border-right: 1px solid black;
623 border-bottom: 1px solid black;
624 padding-left: 0.313em;
625 padding-right: 0.313em;
626 padding-bottom: 0.313em;
627 background-color: #F7F3ED;
628 margin-left: 0.313em;
629 margin-right: 0.313em;
634 margin-left: 0.313em;
635 margin-right: 0.313em;
636 border-left: 1px solid black;
637 border-right: 1px solid black;
639 background-color: #F7F3ED;
642 border-bottom: 1px solid black;
651 padding-left: 0.625em;
657 /**********************************************************************/
659 /**********************************************************************/
663 /* moved inside of #footer for mobile theme */
668 background-color: #4b6b90;
675 ul.footer-links-tabs li a:hover, ul.footer-links-tabs li a:focus, ul.footer-links-tabs li a:active,
676 ul.footer-links-tabs li.back a:hover, ul.footer-links-tabs li.back a:focus, ul.footer-links-tabs li.back a:active,
677 ul.footer-links-tabs li.forward a:hover, ul.footer-links-tabs li.forward a:focus, ul.footer-links-tabs li.forward a:active {
679 background:transparent;
681 div#top-links a:link, div#top-links a:visited {
682 text-decoration:none;
686 background-color:#F6EAD6;
693 background-color: #F7F3ED;
694 padding-top: 0.063em;
695 padding-bottom: 0.063em;
696 padding-left: 0.938em;
697 padding-right: 0.5em;
698 border: 1px solid #cccccc;
700 text-decoration: none;
703 a#editor-link:hover {
704 background-color: #F7F3ED;
705 border: 1px solid #B8AE9C;
709 background-image: url(images/pen.gif);
710 background-repeat: no-repeat;
711 background-position: 0 0.125em;
714 background-image: url(images/pen2.gif);
715 background-repeat: no-repeat;
716 background-position: 0 0.125em;
720 /* for data tables */
722 border: #A9ADB0 1px solid;
723 border: #cccccc 1px solid;
724 -webkit-border-radius:5px;
737 background-color: transparent;
739 /* contains the headings */
747 background-image: url('../default/images/sort.gif');
748 background-repeat: no-repeat;
749 background-position: right;
754 border-top: 1px solid #B8AE9C;
755 border-bottom: 1px solid #B8AE9C;
759 table.data tbody th {
770 table.data td a:link, a:visited{
775 /*should table.data tbody tr:hover and table.data tbody tr.selected highlighting
776 be improved to sync with Mobile FSS highlighting */
777 table.data tbody tr:hover {
778 background-color: #efefef;
782 table.data tbody tr.selected {
783 background-color: #E9F4F3;
785 border: 5px solid #E9F4F3;
789 background-color: #F7F3ED;
792 table.data tfoot tr:first-child td {
794 background-image: url('images/arrow_ltr.gif');
795 background-repeat: no-repeat;
796 background-position: .25em 0.313em;
799 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
800 /*border-top: 1px solid #B8AE9C;*/
802 background-image: none;
806 /* add borders to row in Required Information, Personal Information*/
809 /*border-bottom: 1px #cccccc solid;*/
812 #last-row, .row-buttons, #last-row1, .row-blurb{
815 #browse-courses-table{
821 table.data tfoot input {
822 background-color: #efefef;
824 /*border: #AAA solid 1px;*/
826 table.data tfoot input:focus {
827 background-color: #FFDAB9;
828 /*border: #AAA solid 1px;*/
832 /* used for static tables with no form elements: */
833 table.data.static tbody tr:hover {
834 background-color: transparent;
840 /* course browser: */
848 div.browse-selected {
849 background-image: url('images/side_arrow.gif');
850 background-repeat: no-repeat;
851 padding-left: 0.563em;
852 background-position: center left;
855 div.browse-unselected {
856 padding-left: 0.563em;
864 /* feedback /errors */
870 margin-bottom: 0.938em;
871 border: 1px solid #DD0000;
873 background-color: #F4DCDC;
875 background-color: #F4DCDC;
876 padding-left: 1.563em;
878 -webkit-border-radius:5px;
885 div#error ul, div#feedback ul, div#help ul {
896 div#feedback, div#info {
901 margin-bottom: 0.313em;
903 font-family: Helvetica, Arial, sans-serif;
904 -webkit-border-radius:5px;
905 border: 1px solid #17B506;
906 background-color: #E7EFD0;
911 div#feedback li, div#info li, div#error li{
921 margin-bottom: 0.938em;
922 border: 1px solid #ACCFCC;
924 background-color: #E9F4F3;
934 margin-bottom: 0.938em;
935 border: 1px solid #FF8400;
937 background-color: #FFF6ED;
950 font-family:Helevetica, Arial, sans-serif;
960 /* home page links */
969 div.home-link:hover {
971 background-color: #F7F3ED;
972 border: 1px solid #afafaf;
978 text-decoration: none;
990 div#sequence-links a {
991 text-decoration: none;
1001 background-color: white;
1003 border-left: 1px solid #ECFEEA;
1004 border-right: 1px solid #ECFEEA;
1005 border-bottom: 1px solid #ECFEEA;
1006 font-weight: normal;
1009 div.dropdown-heading {
1010 background-color: #ACCFCC;
1012 border-left: 1px solid #ECFEEA;
1013 border-right: 1px solid #ECFEEA;
1014 border-top: 1px solid #ECFEEA;
1025 margin-top: -0.313em;
1027 padding-right: 0.125em;
1031 margin-left: 0.313em;
1038 background-color: #F5F5F5;
1040 border: #A9ADB0 1px solid;
1041 border: #cccccc 1px solid;
1042 -webkit-border-radius:5px;
1043 -webkit-border-bottom-right-radius: 5px;
1044 -webkit-border-bottom-left-radius: 5px;*/
1045 padding-top: .313em;
1046 background-color: white;
1056 /*font-size: small;*/
1073 padding-left: 0.125em;
1074 padding-right: 0.125em;
1081 text-decoration: none;
1082 padding-left: 0.25em;
1083 padding-right: 0.25em;
1084 border-left: 1px solid white;
1085 border-right: 1px solid white;
1088 div.paging li a:hover, div.paging li a.current {
1089 border-left: 1px solid #000;
1090 border-right: 1px solid #000;
1096 background-image:url(images/tl_corner.gif);
1097 background-position: top left;
1098 background-repeat: no-repeat;
1103 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1104 background-color: transparent;
1105 border-collapse: collapse;
1106 border-bottom: 1px solid #B8AE9C;
1107 padding: 0.5em 0em 0em 2em;
1108 white-space: nowrap;
1112 /* The normal, unselected tabs. They are all links */
1113 background-color: transparent;
1114 border-color: #B8AE9C;
1116 border-style: solid solid none solid;
1119 margin-right: 0.5em;
1120 padding: 0em 2em 0em;
1124 div.tabs a.selected {
1125 /* The selected tab. There's only one of this */
1126 background-color: white;
1127 border-bottom: #B8AE9C 1px solid;
1129 font-weight: normal;
1132 div.tabs a:hover, div.tabs a.active {
1133 background-color: #B8AE9C;
1134 border-bottom: 1px solid #B8AE9C;
1141 .headingbox a:link, .headingbox a:visited{
1142 text-decoration: none;
1147 background-color: #F5F5F5;
1153 background-color: #F5F5F5;
1154 text-decoration: none;
1160 background-color: #F5F5F5;
1162 border: 1px solid #B8AE9C;
1164 font-weight: normal;
1169 background-color: #6F7172;
1170 border: 1px solid #B8AE9C;
1171 border-style: solid solid none solid;
1173 padding: 0em 1em 0em 1em;
1180 text-decoration: none;
1185 text-decoration: none;
1189 text-decoration: underline;
1203 text-transform: none;
1204 border-left: 1pt solid #B8AE9C;
1217 background-color: #F7F3ED;
1221 background-color: transparent;
1225 /* users/index.php */
1231 border: rgb(204, 204, 204) 1px solid;
1232 background-color: #F7F7F7;
1244 font-weight: normal;
1250 background-color:#FBF4E9;
1251 border: #B8AE9C 1px solid;
1255 table.data .odd img.headicon{
1258 -webkit-border-radius:5px;
1262 -webkit-border-radius:10px;
1263 border-color: white;
1268 div.course div.shortcuts {
1271 vertical-align: middle;
1275 fieldset#shortcuts {
1277 background-color: #FEFDEF;
1278 border: 1pt solid #B8AE9C;
1279 margin: -5pt 5pt 5pt 5pt;
1280 padding-right: 10pt;
1281 padding-bottom: 5pt;
1290 margin-bottom: 10pt;
1291 -webkit-border-radius:5px;
1297 border:thin #6D7B8D solid;
1298 border:thin #A9ADB0 solid;
1308 list-style-type: none;
1312 /*a#guide,*/ a#my-courses-link {
1313 background-color: #6D84A2;
1324 div#content-test, div.content-from-module {
1341 ul#home-links, ul#home-detail-links {
1346 #my_courses_container{
1352 #my-courses-navlist{
1355 border: solid 1px #A9ADB0;
1356 -webkit-border-radius:8px;
1357 -moz-border-radius:8px;
1361 margin-bottom: .375em;
1365 .my-courses-list-ul{
1378 padding-left: 0.875em;
1379 padding-bottom: 0.875em;
1383 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1398 list-style-type: none;
1400 padding-bottom: .5em;
1404 .current_list_date_time{
1410 #show-all, #show-pages{
1414 /* enrollment tabs */
1420 margin-bottom: .25em;
1421 margin-top: 0.938em;
1422 white-space: nowrap;
1432 padding: 0.188em 0.563em;
1433 border: 1px solid #F7F3ED;
1434 border-bottom: none;
1435 background-color: #F7F3ED;
1436 text-decoration: none;
1438 white-space: nowrap;
1441 #navlist li a:hover, #navlist li a:active {
1443 background-color: #fff;
1448 vertical-align: middle;
1456 dl#public-profile dt {
1459 border-right: 1px solid #F7F3ED;
1460 padding: 0.313em 0.313em 0.313em 0;
1462 margin-right: 0.313em;
1464 dl#public-profile dd {
1482 padding-bottom: .375em;
1485 border: 1px #cccccc solid;
1493 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1494 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1495 #forum-thread li.odd { background-color: #fff; }
1496 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1497 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1498 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1499 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1500 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1501 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1502 div.forum-post-ctrl a { text-decoration: none; }
1503 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1504 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1505 div.forum-post-content div.body p { margin-bottom:1em; }
1506 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1507 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1511 /** inbox stuff - reuses some of the forum layout **/
1512 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1514 /* tool list on admin home and manage screens */
1517 padding: 0.125em 0.125em 0.125em 0.938em;
1518 margin-bottom: 0.313em;
1520 border: solid 1px #A9ADB0;
1521 -webkit-border-radius:5px;
1526 font-weight: normal;
1529 /* ol#tools>li>ul, */
1531 margin-top: -0.313em;
1539 margin-right: 0.313em;
1544 /* browse courses */
1546 padding-bottom: 0.625em;
1551 padding-bottom: 0.625em;
1552 background-color: #fffaf0;
1556 dl.browse-course dt {
1562 padding: 0.313em 0.625em 0.313em 0;
1563 vertical-align: middle;
1566 dl.browse-course dd {
1567 margin-bottom: 0.313em;
1569 padding: 0.313em 0 0.313em 0.625em;
1577 /* form fields grouping for WCAG 2.0 conformance*/
1579 fieldset.group_form{
1583 border: 1px #6D7B8D solid;
1584 -webkit-border-radius:5px;
1585 -moz-border-radius:5px;
1591 background-color:white;
1595 border: 1px #6D7B8D solid;
1596 -webkit-border-radius:5px;
1599 /* highlight active links for WCAG 2.0 conformance */
1601 a:active:not(.subnavcontain a),
1602 a:hover:not(.subnavcontain a),
1603 a:focus:not(.subnavcontain a),
1606 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1607 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1611 /*Overrides above a:active, a:hover, a:focus so the "Navigation" button itself isn't highlighted when activated.
1612 Ensure styling matches that in fl-tabs.*/
1613 .topnavlistcontainer a:hover, .topnavlistcontainer a:active, .topnavlistcontainer a:focus{
1614 background-image: -webkit-gradient(linear, left top, left bottom,
1616 color-stop(0.5, #374e6b),
1617 color-stop(0.50, #354d68),
1623 /*Added by Silvia */
1624 div.column_primary {
1629 min-width: 10.625em;
1630 /* position: relative;*/
1633 div.column_equivalent{
1636 margin-left: 0.938em;
1637 margin-top: 0.313em;
1638 margin-right: 0.313em;
1639 margin-bottom: 0.313em;
1640 min-width: 10.625em;
1642 border: 1px solid #EEE;
1643 background-color: #FFF;
1644 /* position: relative;*/
1649 border: 1px solid #aaa;
1654 background-color: #eee;
1655 /* position: relative;*/
1664 div.alternative_box{
1665 border: 1px solid #ddd;
1670 background-color: #fff;
1673 div.alternative_box legend {
1677 div.resource_box legend {
1683 font-weight: bolder;
1684 background-color: white;
1687 /* format of "table of contents" on content page */
1688 #toc a { display:block; margin:0.188em; }
1689 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1695 background-color: #FEFDEF;
1696 border: 1pt solid #B8AE9C;
1704 /* cleans up glossary question mark line spacing*/
1706 border: 1pt solid #B8AE9C;
1707 vertical-align:bottom;
1711 /* jQuery tooltip styles */
1715 border:3px solid #111;
1716 background-color:#eeeeee;
1719 #tooltip h3,#tooltip div{
1723 /* style for home page modules "detail view" */
1749 background-image:url(images/details_r.png);
1750 background-position: top right;
1751 background-repeat:no-repeat;
1757 background-image:url(images/details_l.png);
1758 background-position: top left;
1759 background-repeat:no-repeat;
1765 background-image:url(images/details_ir.png);
1766 background-position: top right;
1767 background-repeat:no-repeat;
1772 background-image:url(images/details_il.png);
1773 background-position: top left;
1774 background-repeat:no-repeat;
1785 .draggable_selected {
1786 background-color: lightgrey;
1793 border:1px solid #cccccc;
1796 list-style: disc url(../../images/folder.gif) outside;
1797 font-family: Helvetica,sans-serif;
1803 li.folders .disabled {
1808 list-style-image:none;
1809 list-style-position:outside;
1810 list-style-type:none;
1816 /* hiding/showing results-display */
1819 div#results-display{
1828 ul#topnavlist>li:hover,
1829 ul#topnavlist>li:hover a,
1830 ul#topnavlist>li:active,
1831 ul#topnavlist>li:active a,
1832 ul#topnavlist>li:focus,
1833 ul#topnavlist>li:focus a {
1835 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1836 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1839 ul#topnavlist li a {
1841 text-decoration: none;
1846 border: #cccccc 1px solid;
1847 -webkit-border-radius:5px;
1853 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{ /*
1855 text-decoration:none;*/
1860 ul#subnavlist li a, ul#subnavlist li a:visited {
1865 /* list attributes */
1875 /*border: 1px solid #e0e0e0;*/
1876 background-color: #e6e6e6;
1880 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1881 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1884 ol#tools>li:hover a{
1891 #content-contentwrapper{
1902 margin-left: 0.313em;
1903 margin-top:-0.625em;
1920 /* ATutor Social Styles */
1922 div .profile_container {
1923 background-color:#eee;
1924 border: 1px solid #8e8e8e;
1927 margin-bottom: 0.5em;
1930 div .profile_container .top_right {
1934 dl.public-profile dd{
1937 dl.public-profile dt {
1948 div .search_form .row{
1949 background-color: #DEDEC0;
1953 background-color: #eee;
1954 border: 1px solid #aaa;
1957 background-color: #cccccc;
1964 ul.social_side_menu {
1967 ul.social_side_menu li {
1968 padding-bottom: 0.2em;
1973 border-bottom:1px solid #C1C157;
1974 padding-bottom:0.5em;
1975 margin-bottom:0.5em;
1983 div.contentbox, input-form{
1986 background-color: #ffffff;
1988 border: #A9ADB0 solid 1px;
1989 -webkit-border-radius: 5px;
1993 border:1px solid #a50707;
1994 margin-left:0.625em;
2001 ul.social_inline_menu{
2002 background-color: #eeeeee;
2003 border:thin #cccccc solid;
2017 /*mobile FSS overrides */
2018 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:hover,
2019 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:focus,
2020 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:active {
2022 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
2023 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2026 ul#subnavlist li a:focus, ul#subnavlist li a:active, ul#subnavlist li a:hover{
2030 .fl-theme-iphone .fl-tabs li a, .fl-theme-iphone .fl-tabs .fl-tabs-active {
2031 background-color: white;
2035 /************************************************************************************************/
2036 /*Adds arrows to Fluid Tabs. Here is a good guide for creating triangles with CSS:
2037 http://jonrohan.me/guide/css/creating-triangles-in-css/ */
2038 /************************************************************************************************/
2042 ul.sequence-links li {
2050 ul.sequence-links li.back a:link,
2051 ul.sequence-links li.back a:visited {
2054 padding-left:0.438em;
2058 ul.sequence-links li.forward a:link,
2059 ul.sequence-links li.forward a:visited {
2062 padding-right:0.313em;
2066 ul.sequence-links li a:hover, ul.sequence-links li a:focus, ul.sequence-links li a:active,
2067 ul.sequence-links li.back a:hover, ul.sequence-links li.back a:focus, ul.sequence-links li.back a:active,
2068 ul.sequence-links li.forward a:hover, ul.sequence-links li.forward a:focus, ul.sequence-links li.forward a:active {
2070 background:transparent;
2074 ul.sequence-links li:before,
2075 ul.sequence-links li:after,
2076 ul.sequence-links li a:before,
2077 ul.sequence-links li a:after {
2084 ul.sequence-links li a:before,
2085 ul.sequence-links li a:after {
2089 ul.sequence-links li a:hover:before,
2090 ul.sequence-links li a:focus:before,
2091 ul.sequence-links li a:active:before {
2094 /*arrow that points to the left, beside the "Previous" text */
2095 .arrow.back a:after {/*arrow pointing to the left*/
2096 background: none repeat scroll 0% 0% transparent;
2097 border-color: transparent #005689;
2099 border-style: solid;
2100 border-width: 5px 0pt 5px 6px;
2102 margin-top: -0.39em;
2105 /*left and right triangle icons change color*/
2106 .arrow a:hover:after, .arrow a:focus:after, .arrow a:active:after,
2107 .arrow.forward a:hover:after, .arrow.forward a:focus:after, .arrow.forward a:active:after{
2108 border-color: transparent #4c96f4;
2111 .arrow.back a:after {
2112 border-width: 6px 6px 6px 0pt;
2117 .arrow.back:before {
2120 .arrow.forward:before {
2126 /*arrow that points to the right, beside the "Next" text */
2127 .arrow.forward a:after {
2128 background: none repeat scroll 0% 0% transparent;
2129 border-color: transparent #FFFFFF;
2130 border-style: solid;
2131 margin-top: -0.425em;
2132 margin-top: -0.313em;
2135 .arrow.forward a:after {
2137 background: none repeat scroll 0% 0% transparent;
2138 border-color: transparent transparent transparent #005689;
2140 border-style: solid;
2148 #content-sequence-links{/*
2151 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(black));
2152 background: #B6C0C6;
2155 margin-bottom: .313em;*/
2168 border-left: #A9ADB0 1px solid;
2169 border-right: #A9ADB0 1px solid;
2170 border-bottom: #A9ADB0 1px solid;
2171 -webkit-border-radius: 5px;
2172 -moz-border-radius: 5px;
2182 /*hiding and showing content */
2184 #results-hide-show-simple-content{
2185 -webkit-border-radius:5px;
2186 border: 1px #A9ADB0 solid;
2187 /*margin-top: 0.875em;
2188 margin-bottom: 0.875em;
2190 padding-right: .2em;*/
2192 padding-bottom: .6em;
2193 padding-right: .2em;
2195 margin-bottom: 0.875em;
2196 margin-top: 0.875em;
2198 /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(black));*/
2199 background-color: none;
2201 #results-hide-show-link{
2204 text-decoration: none;
2211 background-image:url("images/plus.png");
2212 background-position: 100% 100%;
2213 background-repeat: no-repeat;
2217 background-image:url("images/minus.png");
2218 background-position: 100% 100%;
2219 background-repeat: no-repeat;
2222 background-color: #F7F3ED;
2223 -webkit-border-radius:8px;
2224 border: 1px #A9ADB0 solid;
2228 .hide-show-container-surround a:active, .hide-show-container-surround a:focus, .hide-show-container-surround a:hover{
2229 background-color: transparent;
2232 .subnavcontain2, .subnavcontain{
2235 border: #A9ADB0 1px solid;
2236 -webkit-border-radius:8px;
2241 .fl-theme-iphone .subnavcontain a, .fl-theme-iphone .subnavcontain a:hover, .fl-theme-iphone .subnavcontain a:active, .fl-theme-iphone .subnavcontain a:focus {
2242 text-decoration: none;
2245 background-repeat: no-repeat;
2251 #page-title-back-to-page{
2252 display: inline-block;
2256 .page-title, #back-to-page{
2260 .fl-theme-iphone #subnavlist-link a:active,
2261 .fl-theme-iphone #subnavlist-link a:hover,
2262 .fl-theme-iphone #subnavlist-link a:focus{
2263 background-color: none;
2265 .fl-theme-iphone .subnavcontain{
2267 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
2268 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2271 display: inline-block;
2276 border-right: #A9ADB0 1px solid;
2279 .rectangle2:last-child{
2284 text-decoration: none;
2295 #content_link_phone a:active, #content_link_phone a:focus, #content_link_phone a:hover{
2297 background-color: white;
2299 /* style for "last modified" information of course content*/
2304 ul.my-courses-list-ul > li:hover{
2305 background-color: #e6e6e6;
2310 ul.my-courses-list-ul > li:hover a{