1 /* Style is optimized for iphone and android. 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;*/
86 background-color:white;
89 #site-name, h1#section-title{
99 /************************************************************************************************/
100 /* "Navigation" button, also this CSS creates a button that looks exactly like a Mobile FSS tab.*/
101 /************************************************************************************************/
102 .navigation-bar-button{
104 -webkit-border-radius: 5px;
105 -moz-border-radius:5px;
107 font-size: 18px;/*keep this in px*/
113 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
114 background-image: -webkit-gradient(linear, left top, left bottom,
116 color-stop(0.5, #374e6b),
117 color-stop(0.50, #354d68),
120 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
121 -webkit-border-left-image: none;
122 -webkit-background-origin: border;
123 -webkit-background-clip: border;
127 .navigation-bar-button a:hover, .navigation-bar-button a:active, .navigation-bar-button a:focus{
128 background-color: white;
131 .fl-theme-iphone .fl-tabs li{
132 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
133 background-image: -webkit-gradient(linear, left top, left bottom,
135 color-stop(0.5, #374e6b),
136 color-stop(0.50, #354d68),
140 .fl-theme-iphone .topnavlistcontainer .topnavlist-link {/*makes the navigation button link white*/
142 text-decoration: none;
146 #content_link_phone.topnavlist-link-highlight, .fl-theme-iphone .topnavlistcontainer .topnavlist-link-highlight {/*makes the navigation button link highlight*/
148 text-decoration: none;
158 /*background-color: white;*/
161 div#content-link-container.flc-screenNavigator-navbar {
165 .content-link-surround a:active, .content-link-surround a:focus, .content-link-surround a:hover{
169 #content_link_phone {
172 text-decoration: none;
187 font-size: 17px;/*keep this in px*/
192 ul.home-guide li a:hover, ul.home-guide li a:focus, ul.home-guide li a:active, ul.home-guide li.back a:hover, ul.home-guide li.back a:focus, ul.home-guide li.back a:active,
193 ul.home-guide li.forward a:hover, ul.home-guide li.forward a:focus, ul.home-guide li.forward a:active {
195 background:transparent;
198 /* main body attributes */
208 text-decoration: underline;
213 background-color: transparent;
217 background-color: transparent;
220 h1, h2, h3, h4, h5, h6 {
223 font: 100% Helvetica, Arial, sans-serif;
246 text-decoration: none;
255 a:hover, a:visited, a:focus {
257 text-decoration: underline;
260 /************************************************************************************************/
261 /* Preferences tabs */
262 /************************************************************************************************/
263 .etabbed-list-container {
277 padding:0.5em 0.3em 0;
284 padding:0.7em 0.3em 0;
293 /************************************************************************************************/
294 /* link attributes */
295 /************************************************************************************************/
296 a:link, /*a:visited*/ a:focus {
300 .top-tool a:link, .top-tool a:focus{
301 text-decoration: none;
304 /* main submit button */
306 background-color: #808080;
309 -webkit-border-radius:3px;
310 -moz-border-radius:3px;
312 padding-top: 0.313em;
313 padding-bottom: 0.313em;
317 border:1px solid #A50707;
318 background-color: #FFDAB9;
320 /* small submit button at top */
322 font-family: Helvetica,sans-serif;
323 background-color: #E9F4F3;
327 background-color: #E9F4F3;
328 border: #ACCFCC solid 1px;
331 /* Editor box large */
333 font-family: Helvetica,sans-serif;
334 background-color: #E9F4F3;
339 padding-bottom: .4em;
340 border: 1px #ACCFCC solid;
343 /* edit content tabs */
345 background-color: #E6E6E6;
348 padding-left: .188em;
349 padding-right: .188em;
356 background-color: #E6E6E6;
357 border-top: 1px #B8AE9C solid;
358 border-left: 1px #B8AE9C solid;
359 border-right: 1px #B8AE9C solid;
360 text-decoration: none;
366 .buttontab selected {
367 font-family: Helvetica, Arial, Helvetica, sans-serif;
368 background-color: #6F7172;
371 padding-left: .188em;
372 padding-right: .188em;
377 font-family: Helvetica, Arial, Helvetica, sans-serif;
379 text-decoration: none;
381 background-color: white;
382 border-top: 1px #B8AE9C solid;
383 border-left: 1px #B8AE9C solid;
384 border-right: 1px #B8AE9C solid;
387 .tab a:link, .etab a:visited {
389 background-color: white;
393 td.dropdown-heading {
394 background-color: #DBFDD4;
396 border-left: 1px solid #ECFEEA;
397 border-right: 1px solid #ECFEEA;
398 border-top: 1px solid #ECFEEA;
401 /* the side menu content */
404 background-color: white;
406 border-left: 1px solid #ECFEEA;
407 border-right: 1px solid #ECFEEA;
408 border-bottom: 1px solid #ECFEEA;
411 td.dropdown a, td.dropdown a:visited {
413 text-decoration: none;
415 td.dropdown a:hover {
417 text-decoration: underline;
420 /* added for 1.4.2: */
422 padding-left: 1.25em;
427 margin-bottom: 0.313em;
430 margin-left: 0.313em;
434 background-color: #F7F3ED;
436 border-left: 1px solid #595241;
437 border-right: 1px solid #595241;
438 border-top: 1px solid #595241;
448 border:thin black solid;
450 table.tabbed-table th#left-empty-tab {
451 background-color: transparent;
453 border-bottom: 1px solid #B8AE9C;
455 table.tabbed-table th#right-empty-tab {
457 background-color: transparent;
458 border-bottom: 1px solid #B8AE9C;
460 padding-right: 0.313em;
462 table.tabbed-table th#right-empty-tab a {
463 text-decoration: underline;
465 table.tabbed-table th.tab-spacer {
466 background-color: transparent;
468 border-bottom: 1px solid #B8AE9C;
471 table.tabbed-table th.tab {
472 padding-top: 0.125em;
473 padding-bottom: 0.125em;
475 background-color: #E9F4F3;
476 border-bottom: 1px solid #B8AE9C;
477 border-left: 1px solid #B8AE9C;
478 border-top: 1px solid #B8AE9C;
479 border-right: 1px solid #B8AE9C;
481 table.tabbed-table th.tab:hover {
482 background-color: #ACCFCC;
485 table.tabbed-table th.tab a:focus {
488 table.tabbed-table th.selected {
489 padding-top: 0.125em;
490 padding-bottom: 0.125em;
492 background-color: #ACCFCC;
493 border-left: 1px solid #B8AE9C;
494 border-top: 1px solid #B8AE9C;
495 border-right: 1px solid #B8AE9C;
498 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
500 text-decoration: none;
504 .preference-buttons-container{
505 background-color: red;
511 div.preference-buttons-container li{
528 font-family: monospace;
529 border: 2px solid rgb(0, 0, 0);
532 color: rgb(255, 255, 255);
533 background-color: rgb(0, 0, 0);
537 border-bottom-width: 0;
545 #display-settings-preview{
553 #defaultfontsize-wrapper{
559 padding-left: 0.938em;
560 background-repeat: no-repeat;
561 background-position: 0.125em 0.313em;
565 padding-left: 1.25em;
566 background-image: url(images/back.gif);
567 background-repeat: no-repeat;
568 background-position: 0 0;
571 .breadcrumbs, .previous-next /*a#guide*/{
572 /* The path bar, including breadcrumbs and add to favorites */
577 background-color: white;
580 #breadcrumbs-container{
581 background-color: #4d4d4d;
591 #subnavlistbacktopage{
596 margin-bottom: 0.313em;
602 border-left: 1px solid black;
603 border-right: 1px solid black;
604 border-bottom: 1px solid black;
605 padding-left: 0.313em;
606 padding-right: 0.313em;
607 padding-bottom: 0.313em;
608 background-color: #F7F3ED;
609 margin-left: 0.313em;
610 margin-right: 0.313em;
615 margin-left: 0.313em;
616 margin-right: 0.313em;
617 border-left: 1px solid black;
618 border-right: 1px solid black;
620 background-color: #F7F3ED;
623 border-bottom: 1px solid black;
632 padding-left: 0.625em;
638 /**********************************************************************/
640 /**********************************************************************/
647 background-color: #4b6b90;
654 ul.footer-links-tabs li a:hover, ul.footer-links-tabs li a:focus, ul.footer-links-tabs li a:active,
655 ul.footer-links-tabs li.back a:hover, ul.footer-links-tabs li.back a:focus, ul.footer-links-tabs li.back a:active,
656 ul.footer-links-tabs li.forward a:hover, ul.footer-links-tabs li.forward a:focus, ul.footer-links-tabs li.forward a:active {
658 background:transparent;
660 div#top-links a:link, div#top-links a:visited {
661 text-decoration:none;
665 background-color:#F6EAD6;
672 background-color: #F7F3ED;
673 padding-top: 0.063em;
674 padding-bottom: 0.063em;
675 padding-left: 0.938em;
676 padding-right: 0.5em;
677 border: 1px solid #cccccc;
679 text-decoration: none;
682 a#editor-link:hover {
683 background-color: #F7F3ED;
684 border: 1px solid #B8AE9C;
688 background-image: url(images/pen.gif);
689 background-repeat: no-repeat;
690 background-position: 0 0.125em;
693 background-image: url(images/pen2.gif);
694 background-repeat: no-repeat;
695 background-position: 0 0.125em;
699 /* for data tables */
701 border: #A9ADB0 1px solid;
702 border: #cccccc 1px solid;
703 -webkit-border-radius:5px;
704 -moz-border-radius:5px;
718 background-color: transparent;
720 /* contains the headings */
728 background-image: url('../default/images/sort.gif');
729 background-repeat: no-repeat;
730 background-position: right;
735 table.data tbody th {
746 table.data td a:link, a:visited{
751 /*should table.data tbody tr:hover and table.data tbody tr.selected highlighting
752 be improved to sync with Mobile FSS highlighting */
753 table.data tbody tr:hover {
754 background-color: #efefef;
758 table.data tbody tr.selected {
759 background-color: #E9F4F3;
761 border: 5px solid #E9F4F3;
765 background-color: #F7F3ED;
768 table.data tfoot tr:first-child td {
770 background-image: url('images/arrow_ltr.gif');
771 background-repeat: no-repeat;
772 background-position: .25em 0.313em;
775 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
777 background-image: none;
781 /* add borders to row in Required Information, Personal Information*/
786 #last-row, .row-buttons, #last-row1, .row-blurb{
789 #browse-courses-table{
795 table.data tfoot input {
796 background-color: #efefef;
799 table.data tfoot input:focus {
800 background-color: #FFDAB9;
804 /* used for static tables with no form elements: */
805 table.data.static tbody tr:hover {
806 background-color: transparent;
812 /* course browser: */
820 div.browse-selected {
821 background-image: url('images/side_arrow.gif');
822 background-repeat: no-repeat;
823 padding-left: 0.563em;
824 background-position: center left;
827 div.browse-unselected {
828 padding-left: 0.563em;
836 /* feedback /errors */
842 margin-bottom: 0.938em;
843 border: 1px solid #DD0000;
845 background-color: #F4DCDC;
847 background-color: #F4DCDC;
848 padding-left: 1.563em;
850 -webkit-border-radius:5px;
851 -moz-border-radius:5px;
859 div#error ul, div#feedback ul, div#help ul {
870 div#feedback, div#info {
875 margin-bottom: 0.313em;
877 font-family: Helvetica, Arial, sans-serif;
878 -webkit-border-radius:5px;
879 -moz-border-radius:5px;
881 border: 1px solid #17B506;
882 background-color: #E7EFD0;
887 div#feedback li, div#info li, div#error li{
897 margin-bottom: 0.938em;
898 border: 1px solid #ACCFCC;
900 background-color: #E9F4F3;
910 margin-bottom: 0.938em;
911 border: 1px solid #FF8400;
913 background-color: #FFF6ED;
926 font-family:Helevetica, Arial, sans-serif;
936 /* home page links */
945 div.home-link:hover {
947 background-color: #F7F3ED;
948 border: 1px solid #afafaf;
954 text-decoration: none;
966 div#sequence-links a {
967 text-decoration: none;
977 background-color: white;
979 border-left: 1px solid #ECFEEA;
980 border-right: 1px solid #ECFEEA;
981 border-bottom: 1px solid #ECFEEA;
985 div.dropdown-heading {
986 background-color: #ACCFCC;
988 border-left: 1px solid #ECFEEA;
989 border-right: 1px solid #ECFEEA;
990 border-top: 1px solid #ECFEEA;
1001 margin-top: -0.313em;
1003 padding-right: 0.125em;
1007 margin-left: 0.313em;
1011 padding-top: .313em;
1012 background-color: white;
1035 padding-left: 0.125em;
1036 padding-right: 0.125em;
1043 text-decoration: none;
1044 padding-left: 0.25em;
1045 padding-right: 0.25em;
1046 border-left: 1px solid white;
1047 border-right: 1px solid white;
1051 div.paging li a:hover, div.paging li a.current {
1052 border: 1px solid #4c96f4;
1054 background-color: #4c96f4;
1055 -webkit-border-radius: 3px;
1056 -moz-border-radius: 3px;
1062 background-image:url(images/tl_corner.gif);
1063 background-position: top left;
1064 background-repeat: no-repeat;
1069 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1070 background-color: transparent;
1071 border-collapse: collapse;
1072 border-bottom: 1px solid #B8AE9C;
1073 padding: 0.5em 0em 0em 2em;
1074 white-space: nowrap;
1078 /* The normal, unselected tabs. They are all links */
1079 background-color: transparent;
1080 border-color: #B8AE9C;
1082 border-style: solid solid none solid;
1085 margin-right: 0.5em;
1086 padding: 0em 2em 0em;
1090 div.tabs a.selected {
1091 /* The selected tab. There's only one of this */
1092 background-color: white;
1093 border-bottom: #B8AE9C 1px solid;
1095 font-weight: normal;
1098 div.tabs a:hover, div.tabs a.active {
1099 background-color: #B8AE9C;
1100 border-bottom: 1px solid #B8AE9C;
1107 .headingbox a:link, .headingbox a:visited{
1108 text-decoration: none;
1113 background-color: #F5F5F5;
1119 background-color: #F5F5F5;
1120 text-decoration: none;
1126 background-color: #F5F5F5;
1128 border: 1px solid #B8AE9C;
1130 font-weight: normal;
1135 background-color: #6F7172;
1136 border: 1px solid #B8AE9C;
1137 border-style: solid solid none solid;
1139 padding: 0em 1em 0em 1em;
1146 text-decoration: none;
1151 text-decoration: none;
1155 text-decoration: underline;
1169 text-transform: none;
1170 border-left: 1pt solid #B8AE9C;
1183 background-color: #F7F3ED;
1187 background-color: transparent;
1191 /* users/index.php */
1197 border: rgb(204, 204, 204) 1px solid;
1198 background-color: #F7F7F7;
1210 font-weight: normal;
1216 background-color:#FBF4E9;
1217 border: #B8AE9C 1px solid;
1221 table.data .odd img.headicon{
1224 -webkit-border-radius:5px;
1225 -moz-border-radius:5px;
1230 -webkit-border-radius:10px;
1231 -moz-border-radius:10px;
1232 border-radius: 10px;
1233 border-color: white;
1238 div.course div.shortcuts {
1241 vertical-align: middle;
1245 fieldset#shortcuts {
1247 background-color: #FEFDEF;
1248 border: 1pt solid #B8AE9C;
1249 margin: -5pt 5pt 5pt 5pt;
1250 padding-right: 10pt;
1251 padding-bottom: 5pt;
1256 margin-bottom: 10pt;
1257 -webkit-border-radius:5px;
1258 moz-border-radius:5px;
1265 border:thin #6D7B8D solid;
1266 border:thin #A9ADB0 solid;
1274 list-style-type: none;
1278 /*a#guide,*/ a#my-courses-link {
1279 background-color: #6D84A2;
1290 div#content-test, div.content-from-module {
1307 ul#home-links, ul#home-detail-links {
1312 #my_courses_container{
1319 border: solid 1px #A9ADB0;
1320 -webkit-border-radius:8px;
1321 -moz-border-radius:8px;
1325 margin-bottom: .375em;
1329 .my-courses-list-ul{
1342 padding-left: 0.875em;
1343 padding-bottom: 0.875em;
1347 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1362 list-style-type: none;
1364 padding-bottom: .5em;
1368 .current_list_date_time{
1371 #show-all, #show-pages{
1375 /* enrollment tabs */
1381 margin-bottom: .25em;
1382 margin-top: 0.938em;
1383 white-space: nowrap;
1393 padding: 0.188em 0.563em;
1394 border: 1px solid #F7F3ED;
1395 border-bottom: none;
1396 background-color: #F7F3ED;
1397 text-decoration: none;
1399 white-space: nowrap;
1402 #navlist li a:hover, #navlist li a:active {
1404 background-color: #fff;
1409 vertical-align: middle;
1416 dl#public-profile dt {
1419 border-right: 1px solid #F7F3ED;
1420 padding: 0.313em 0.313em 0.313em 0;
1422 margin-right: 0.313em;
1424 dl#public-profile dd {
1442 padding-bottom: .375em;
1445 border: 1px #cccccc solid;
1453 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1454 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1455 #forum-thread li.odd { background-color: #fff; }
1456 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1457 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1458 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1459 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1460 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1461 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1462 div.forum-post-ctrl a { text-decoration: none; }
1463 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1464 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1465 div.forum-post-content div.body p { margin-bottom:1em; }
1466 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1467 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1471 /** inbox stuff - reuses some of the forum layout **/
1472 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1474 /* tool list on admin home and manage screens */
1477 padding: 0.125em 0.125em 0.125em 0.938em;
1478 margin-bottom: 0.313em;
1480 border: solid 1px #A9ADB0;
1481 -webkit-border-radius:5px;
1482 -moz-border-radius:5px;
1488 font-weight: normal;
1492 margin-top: -0.313em;
1500 margin-right: 0.313em;
1505 /* browse courses */
1507 padding-bottom: 0.625em;
1512 padding-bottom: 0.625em;
1513 background-color: #fffaf0;
1517 dl.browse-course dt {
1523 padding: 0.313em 0.625em 0.313em 0;
1524 vertical-align: middle;
1527 dl.browse-course dd {
1528 margin-bottom: 0.313em;
1530 padding: 0.313em 0 0.313em 0.625em;
1538 /* form fields grouping for WCAG 2.0 conformance*/
1539 fieldset.group_form{
1543 border: 1px #6D7B8D solid;
1544 -webkit-border-radius:5px;
1545 -moz-border-radius:5px;
1551 background-color:white;
1555 border: 1px #6D7B8D solid;
1556 -webkit-border-radius:5px;
1557 -moz-border-radius:5px;
1561 /* highlight active links for WCAG 2.0 conformance */
1562 a:active:not(.subnavcontain a),
1563 a:hover:not(.subnavcontain a),
1564 a:focus:not(.subnavcontain a),
1567 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1568 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1572 /*Overrides above a:active, a:hover, a:focus so the "Navigation" button itself isn't highlighted when activated.
1573 Ensure styling matches that in fl-tabs.*/
1574 .topnavlistcontainer a:hover, .topnavlistcontainer a:active, .topnavlistcontainer a:focus{
1575 background-image: -webkit-gradient(linear, left top, left bottom,
1577 color-stop(0.5, #374e6b),
1578 color-stop(0.50, #354d68),
1585 /*Added by Silvia */
1586 div.column_primary {
1591 min-width: 10.625em;
1594 div.column_equivalent{
1597 margin-left: 0.938em;
1598 margin-top: 0.313em;
1599 margin-right: 0.313em;
1600 margin-bottom: 0.313em;
1601 min-width: 10.625em;
1603 border: 1px solid #EEE;
1604 background-color: #FFF;
1608 border: 1px solid #aaa;
1613 background-color: #eee;
1622 div.alternative_box{
1623 border: 1px solid #ddd;
1628 background-color: #fff;
1631 div.alternative_box legend {
1635 div.resource_box legend {
1641 font-weight: bolder;
1642 background-color: white;
1645 /* format of "table of contents" on content page */
1646 #toc a { display:block; margin:0.188em; }
1647 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1653 background-color: #FEFDEF;
1654 border: 1pt solid #B8AE9C;
1662 /* cleans up glossary question mark line spacing*/
1664 border: 1pt solid #B8AE9C;
1665 vertical-align:bottom;
1669 /* jQuery tooltip styles */
1673 border:3px solid #111;
1674 background-color:#eeeeee;
1677 #tooltip h3,#tooltip div{
1681 /* style for home page modules "detail view" */
1707 background-image:url(images/details_r.png);
1708 background-position: top right;
1709 background-repeat:no-repeat;
1715 background-image:url(images/details_l.png);
1716 background-position: top left;
1717 background-repeat:no-repeat;
1723 background-image:url(images/details_ir.png);
1724 background-position: top right;
1725 background-repeat:no-repeat;
1730 background-image:url(images/details_il.png);
1731 background-position: top left;
1732 background-repeat:no-repeat;
1743 .draggable_selected {
1744 background-color: lightgrey;
1751 border:1px solid #cccccc;
1754 list-style: disc url(../../images/folder.gif) outside;
1755 font-family: Helvetica,sans-serif;
1761 li.folders .disabled {
1766 list-style-image:none;
1767 list-style-position:outside;
1768 list-style-type:none;
1774 /* hiding/showing results-display */
1777 div#results-display{
1786 ul#topnavlist>li:hover, ul#topnavlist>li:hover a, ul#topnavlist>li:active, ul#topnavlist>li:active a, ul#topnavlist>li:focus,
1787 ul#topnavlist>li:focus a {
1789 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1790 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1793 ul#topnavlist li a {
1795 text-decoration: none;
1800 border: #cccccc 1px solid;
1801 -webkit-border-radius:5px;
1802 -moz-border-radius:5px;
1808 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{
1813 ul#subnavlist li a, ul#subnavlist li a:visited {
1818 /* list attributes */
1828 /*border: 1px solid #e0e0e0;*/
1829 background-color: #e6e6e6;
1833 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1834 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1837 ol#tools>li:hover a{
1844 #content-contentwrapper{
1855 margin-left: 0.313em;
1856 margin-top:-0.625em;
1873 /* ATutor Social Styles */
1875 div .profile_container {
1876 background-color:#eee;
1877 border: 1px solid #8e8e8e;
1880 margin-bottom: 0.5em;
1883 div .profile_container .top_right {
1887 dl.public-profile dd{
1890 dl.public-profile dt {
1901 div .search_form .row{
1902 background-color: #DEDEC0;
1906 background-color: #eee;
1907 border: 1px solid #aaa;
1910 background-color: #cccccc;
1917 ul.social_side_menu {
1920 ul.social_side_menu li {
1921 padding-bottom: 0.2em;
1926 border-bottom:1px solid #C1C157;
1927 padding-bottom:0.5em;
1928 margin-bottom:0.5em;
1936 div.contentbox, input-form{
1939 background-color: #ffffff;
1941 border: #A9ADB0 solid 1px;
1942 -webkit-border-radius: 5px;
1943 -moz-border-radius:5px;
1948 border:1px solid #a50707;
1949 margin-left:0.625em;
1956 ul.social_inline_menu{
1957 background-color: #eeeeee;
1958 border:thin #cccccc solid;
1972 /*mobile FSS override */
1973 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:hover,
1974 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:focus,
1975 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:active {
1977 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1978 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1981 ul#subnavlist li a:focus, ul#subnavlist li a:active, ul#subnavlist li a:hover{
1987 /************************************************************************************************/
1988 /*Adds arrows to Fluid Tabs. Here is a good guide for creating triangles with CSS:
1989 http://jonrohan.me/guide/css/creating-triangles-in-css/ */
1990 /************************************************************************************************/
1994 ul.sequence-links li {
2000 ul.sequence-links li.back a:link, ul.sequence-links li.back a:visited {
2002 padding-left:0.438em;
2006 ul.sequence-links li.forward a:link, ul.sequence-links li.forward a:visited {
2008 padding-right:0.313em;
2012 ul.sequence-links li a:hover, ul.sequence-links li a:focus, ul.sequence-links li a:active,
2013 ul.sequence-links li.back a:hover, ul.sequence-links li.back a:focus, ul.sequence-links li.back a:active,
2014 ul.sequence-links li.forward a:hover, ul.sequence-links li.forward a:focus, ul.sequence-links li.forward a:active {
2016 background:transparent;
2020 ul.sequence-links li:before, ul.sequence-links li:after, ul.sequence-links li a:before, ul.sequence-links li a:after {
2027 ul.sequence-links li a:before, ul.sequence-links li a:after {
2031 ul.sequence-links li a:hover:before, ul.sequence-links li a:focus:before, ul.sequence-links li a:active:before {
2034 /*arrow that points to the left, beside the "Previous" text */
2035 .arrow.back a:after {/*arrow pointing to the left*/
2036 background: none repeat scroll 0% 0% transparent;
2037 border-color: transparent #005689;
2039 border-style: solid;
2040 border-width: 5px 0pt 5px 6px;
2042 margin-top: -0.39em;
2045 /*left and right triangle icons change color*/
2046 .arrow a:hover:after, .arrow a:focus:after, .arrow a:active:after, .arrow.forward a:hover:after, .arrow.forward a:focus:after, .arrow.forward a:active:after{
2047 border-color: transparent #4c96f4;
2050 .arrow.back a:after {
2051 border-width: 6px 6px 6px 0pt;
2057 /*arrow that points to the right, beside the "Next" text */
2058 .arrow.forward a:after {
2059 background: none repeat scroll 0% 0% transparent;
2060 border-color: transparent #FFFFFF;
2061 border-style: solid;
2062 margin-top: -0.425em;
2063 margin-top: -0.313em;
2066 .arrow.forward a:after {
2068 background: none repeat scroll 0% 0% transparent;
2069 border-color: transparent transparent transparent #005689;
2071 border-style: solid;
2087 border-left: #A9ADB0 1px solid;
2088 border-right: #A9ADB0 1px solid;
2089 border-bottom: #A9ADB0 1px solid;
2090 -webkit-border-radius: 5px;
2091 -moz-border-radius: 5px;
2101 /*hiding and showing content */
2103 #results-hide-show-simple-content{
2104 -webkit-border-radius:5px;
2105 -moz-border-radius:5px;
2107 border: 1px #A9ADB0 solid;
2109 padding-bottom: .6em;
2110 padding-right: .2em;
2112 margin-bottom: 0.875em;
2113 margin-top: 0.875em;
2115 background-color: none;
2117 #results-hide-show-link{
2120 text-decoration: none;
2127 background-image:url("images/up.png");
2128 background-position: 100% 100%;
2129 background-repeat: no-repeat;
2133 background-image:url("images/down.png");
2134 background-position: 100% 100%;
2135 background-repeat: no-repeat;
2138 background-color: #F7F3ED;
2139 -webkit-border-radius:8px;
2140 -moz-border-radius:8px;
2142 border: 1px #A9ADB0 solid;
2146 .hide-show-container-surround a:active, .hide-show-container-surround a:focus, .hide-show-container-surround a:hover{
2147 background-color: transparent;
2150 .subnavcontain2, .subnavcontain{
2152 background-color: white;
2153 border: #A9ADB0 1px solid;
2154 -webkit-border-radius:8px;
2155 -moz-border-radius:8px;
2161 .fl-theme-iphone .subnavcontain a, .fl-theme-iphone .subnavcontain a:hover, .fl-theme-iphone .subnavcontain a:active, .fl-theme-iphone .subnavcontain a:focus {
2162 text-decoration: none;
2165 background-repeat: no-repeat;
2171 #page-title-back-to-page{
2172 display: inline-block;
2176 .page-title, #back-to-page{
2180 .fl-theme-iphone #subnavlist-link a:active,
2181 .fl-theme-iphone #subnavlist-link a:hover,
2182 .fl-theme-iphone #subnavlist-link a:focus{
2183 background-color: none;
2185 .fl-theme-iphone .subnavcontain{
2189 display: inline-block;
2194 border-right: #A9ADB0 1px solid;
2197 .rectangle2:last-child{
2202 text-decoration: none;
2213 #content_link_phone a:active, #content_link_phone a:focus, #content_link_phone a:hover{
2215 background-color: white;
2217 /* style for "last modified" information of course content*/
2222 ul.my-courses-list-ul > li:hover{
2223 background-color: #4c96f4;
2227 ul.my-courses-list-ul > li:hover a{