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;
126 .navigation-bar-button a:hover, .navigation-bar-button a:active, .navigation-bar-button a:focus{
127 background-color: white;
130 .fl-theme-iphone .fl-tabs li{
131 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
132 background-image: -webkit-gradient(linear, left top, left bottom,
134 color-stop(0.5, #374e6b),
135 color-stop(0.50, #354d68),
139 .fl-theme-iphone .topnavlistcontainer .topnavlist-link {/*makes the navigation button link white*/
141 text-decoration: none;
145 #content_link_phone.topnavlist-link-highlight, fl-theme-iphone .topnavlistcontainer .topnavlist-link-highlight{/*makes the navigation button link highlight*/
147 text-decoration: none;
156 /*background-color: white;*/
159 div#content-link-container.flc-screenNavigator-navbar {
163 .content-link-surround a:active, .content-link-surround a:focus, .content-link-surround a:hover{
167 #content_link_phone {
170 text-decoration: none;
185 font-size: 17px;/*keep this in px*/
190 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,
191 ul.home-guide li.forward a:hover, ul.home-guide li.forward a:focus, ul.home-guide li.forward a:active {
193 background:transparent;
196 /* main body attributes */
206 text-decoration: underline;
211 background-color: transparent;
215 background-color: transparent;
218 h1, h2, h3, h4, h5, h6 {
221 font: 100% Helvetica, Arial, sans-serif;
244 text-decoration: none;
254 /************************************************************************************************/
255 /* Preferences tabs */
256 /************************************************************************************************/
257 .etabbed-list-container {
271 padding:0.5em 0.3em 0;
278 padding:0.7em 0.3em 0;
287 /************************************************************************************************/
288 /* link attributes */
289 /************************************************************************************************/
290 a:link, /*a:visited*/ a:focus {
294 .top-tool a:link, .top-tool a:focus{
295 text-decoration: none;
298 /* main submit button */
300 background-color: #808080;
303 -webkit-border-radius:3px;
304 -moz-border-radius:3px;
306 padding-top: 0.313em;
307 padding-bottom: 0.313em;
311 border:1px solid #A50707;
312 background-color: #FFDAB9;
314 /* small submit button at top */
316 font-family: Helvetica,sans-serif;
317 background-color: #E9F4F3;
321 background-color: #E9F4F3;
322 border: #ACCFCC solid 1px;
325 /* Editor box large */
327 font-family: Helvetica,sans-serif;
328 background-color: #E9F4F3;
333 padding-bottom: .4em;
334 border: 1px #ACCFCC solid;
337 /* edit content tabs */
339 background-color: #E6E6E6;
342 padding-left: .188em;
343 padding-right: .188em;
350 background-color: #E6E6E6;
351 border-top: 1px #B8AE9C solid;
352 border-left: 1px #B8AE9C solid;
353 border-right: 1px #B8AE9C solid;
354 text-decoration: none;
360 .buttontab selected {
361 font-family: Helvetica, Arial, Helvetica, sans-serif;
362 background-color: #6F7172;
365 padding-left: .188em;
366 padding-right: .188em;
371 font-family: Helvetica, Arial, Helvetica, sans-serif;
373 text-decoration: none;
375 background-color: white;
376 border-top: 1px #B8AE9C solid;
377 border-left: 1px #B8AE9C solid;
378 border-right: 1px #B8AE9C solid;
381 .tab a:link, .etab a:visited {
383 background-color: white;
387 td.dropdown-heading {
388 background-color: #DBFDD4;
390 border-left: 1px solid #ECFEEA;
391 border-right: 1px solid #ECFEEA;
392 border-top: 1px solid #ECFEEA;
395 /* the side menu content */
398 background-color: white;
400 border-left: 1px solid #ECFEEA;
401 border-right: 1px solid #ECFEEA;
402 border-bottom: 1px solid #ECFEEA;
405 td.dropdown a, td.dropdown a:visited {
407 text-decoration: none;
409 td.dropdown a:hover {
411 text-decoration: underline;
414 /* added for 1.4.2: */
416 padding-left: 1.25em;
421 margin-bottom: 0.313em;
424 margin-left: 0.313em;
428 background-color: #F7F3ED;
430 border-left: 1px solid #595241;
431 border-right: 1px solid #595241;
432 border-top: 1px solid #595241;
442 border:thin black solid;
444 table.tabbed-table th#left-empty-tab {
445 background-color: transparent;
447 border-bottom: 1px solid #B8AE9C;
449 table.tabbed-table th#right-empty-tab {
451 background-color: transparent;
452 border-bottom: 1px solid #B8AE9C;
454 padding-right: 0.313em;
456 table.tabbed-table th#right-empty-tab a {
457 text-decoration: underline;
459 table.tabbed-table th.tab-spacer {
460 background-color: transparent;
462 border-bottom: 1px solid #B8AE9C;
465 table.tabbed-table th.tab {
466 padding-top: 0.125em;
467 padding-bottom: 0.125em;
469 background-color: #E9F4F3;
470 border-bottom: 1px solid #B8AE9C;
471 border-left: 1px solid #B8AE9C;
472 border-top: 1px solid #B8AE9C;
473 border-right: 1px solid #B8AE9C;
475 table.tabbed-table th.tab:hover {
476 background-color: #ACCFCC;
479 table.tabbed-table th.tab a:focus {
482 table.tabbed-table th.selected {
483 padding-top: 0.125em;
484 padding-bottom: 0.125em;
486 background-color: #ACCFCC;
487 border-left: 1px solid #B8AE9C;
488 border-top: 1px solid #B8AE9C;
489 border-right: 1px solid #B8AE9C;
492 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
494 text-decoration: none;
498 .preference-buttons-container{
499 background-color: red;
505 div.preference-buttons-container li{
522 font-family: monospace;
523 border: 2px solid rgb(0, 0, 0);
526 color: rgb(255, 255, 255);
527 background-color: rgb(0, 0, 0);
531 border-bottom-width: 0;
539 #display-settings-preview{
547 #defaultfontsize-wrapper{
553 padding-left: 0.938em;
554 background-repeat: no-repeat;
555 background-position: 0.125em 0.313em;
559 padding-left: 1.25em;
560 background-image: url(images/back.gif);
561 background-repeat: no-repeat;
562 background-position: 0 0;
565 .breadcrumbs, .previous-next /*a#guide*/{
566 /* The path bar, including breadcrumbs and add to favorites */
571 background-color: white;
574 #breadcrumbs-container{
575 background-color: #4d4d4d;
585 #subnavlistbacktopage{
590 margin-bottom: 0.313em;
596 border-left: 1px solid black;
597 border-right: 1px solid black;
598 border-bottom: 1px solid black;
599 padding-left: 0.313em;
600 padding-right: 0.313em;
601 padding-bottom: 0.313em;
602 background-color: #F7F3ED;
603 margin-left: 0.313em;
604 margin-right: 0.313em;
609 margin-left: 0.313em;
610 margin-right: 0.313em;
611 border-left: 1px solid black;
612 border-right: 1px solid black;
614 background-color: #F7F3ED;
617 border-bottom: 1px solid black;
626 padding-left: 0.625em;
632 /**********************************************************************/
634 /**********************************************************************/
641 background-color: #4b6b90;
648 ul.footer-links-tabs li a:hover, ul.footer-links-tabs li a:focus, ul.footer-links-tabs li a:active,
649 ul.footer-links-tabs li.back a:hover, ul.footer-links-tabs li.back a:focus, ul.footer-links-tabs li.back a:active,
650 ul.footer-links-tabs li.forward a:hover, ul.footer-links-tabs li.forward a:focus, ul.footer-links-tabs li.forward a:active {
652 background:transparent;
654 div#top-links a:link, div#top-links a:visited {
655 text-decoration:none;
659 background-color:#F6EAD6;
666 background-color: #F7F3ED;
667 padding-top: 0.063em;
668 padding-bottom: 0.063em;
669 padding-left: 0.938em;
670 padding-right: 0.5em;
671 border: 1px solid #cccccc;
673 text-decoration: none;
676 a#editor-link:hover {
677 background-color: #F7F3ED;
678 border: 1px solid #B8AE9C;
682 background-image: url(images/pen.gif);
683 background-repeat: no-repeat;
684 background-position: 0 0.125em;
687 background-image: url(images/pen2.gif);
688 background-repeat: no-repeat;
689 background-position: 0 0.125em;
693 /* for data tables */
695 border: #A9ADB0 1px solid;
696 border: #cccccc 1px solid;
697 -webkit-border-radius:5px;
698 -moz-border-radius:5px;
712 background-color: transparent;
714 /* contains the headings */
722 background-image: url('../default/images/sort.gif');
723 background-repeat: no-repeat;
724 background-position: right;
729 table.data tbody th {
740 table.data td a:link, a:visited{
745 /*should table.data tbody tr:hover and table.data tbody tr.selected highlighting
746 be improved to sync with Mobile FSS highlighting */
747 table.data tbody tr:hover {
748 background-color: #efefef;
752 table.data tbody tr.selected {
753 background-color: #E9F4F3;
755 border: 5px solid #E9F4F3;
759 background-color: #F7F3ED;
762 table.data tfoot tr:first-child td {
764 background-image: url('images/arrow_ltr.gif');
765 background-repeat: no-repeat;
766 background-position: .25em 0.313em;
769 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
771 background-image: none;
775 /* add borders to row in Required Information, Personal Information*/
780 #last-row, .row-buttons, #last-row1, .row-blurb{
783 #browse-courses-table{
789 table.data tfoot input {
790 background-color: #efefef;
793 table.data tfoot input:focus {
794 background-color: #FFDAB9;
798 /* used for static tables with no form elements: */
799 table.data.static tbody tr:hover {
800 background-color: transparent;
806 /* course browser: */
814 div.browse-selected {
815 background-image: url('images/side_arrow.gif');
816 background-repeat: no-repeat;
817 padding-left: 0.563em;
818 background-position: center left;
821 div.browse-unselected {
822 padding-left: 0.563em;
830 /* feedback /errors */
836 margin-bottom: 0.938em;
837 border: 1px solid #DD0000;
839 background-color: #F4DCDC;
841 background-color: #F4DCDC;
842 padding-left: 1.563em;
844 -webkit-border-radius:5px;
845 -moz-border-radius:5px;
853 div#error ul, div#feedback ul, div#help ul {
864 div#feedback, div#info {
869 margin-bottom: 0.313em;
871 font-family: Helvetica, Arial, sans-serif;
872 -webkit-border-radius:5px;
873 -moz-border-radius:5px;
875 border: 1px solid #17B506;
876 background-color: #E7EFD0;
881 div#feedback li, div#info li, div#error li{
891 margin-bottom: 0.938em;
892 border: 1px solid #ACCFCC;
894 background-color: #E9F4F3;
904 margin-bottom: 0.938em;
905 border: 1px solid #FF8400;
907 background-color: #FFF6ED;
920 font-family:Helevetica, Arial, sans-serif;
930 /* home page links */
939 div.home-link:hover {
941 background-color: #F7F3ED;
942 border: 1px solid #afafaf;
948 text-decoration: none;
960 div#sequence-links a {
961 text-decoration: none;
971 background-color: white;
973 border-left: 1px solid #ECFEEA;
974 border-right: 1px solid #ECFEEA;
975 border-bottom: 1px solid #ECFEEA;
979 div.dropdown-heading {
980 background-color: #ACCFCC;
982 border-left: 1px solid #ECFEEA;
983 border-right: 1px solid #ECFEEA;
984 border-top: 1px solid #ECFEEA;
995 margin-top: -0.313em;
997 padding-right: 0.125em;
1001 margin-left: 0.313em;
1005 padding-top: .313em;
1006 background-color: white;
1029 padding-left: 0.125em;
1030 padding-right: 0.125em;
1037 text-decoration: none;
1038 padding-left: 0.25em;
1039 padding-right: 0.25em;
1040 border-left: 1px solid white;
1041 border-right: 1px solid white;
1045 div.paging li a:hover, div.paging li a.current {
1046 border: 1px solid #4c96f4;
1048 background-color: #4c96f4;
1049 -webkit-border-radius: 3px;
1050 -moz-border-radius: 3px;
1056 background-image:url(images/tl_corner.gif);
1057 background-position: top left;
1058 background-repeat: no-repeat;
1063 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1064 background-color: transparent;
1065 border-collapse: collapse;
1066 border-bottom: 1px solid #B8AE9C;
1067 padding: 0.5em 0em 0em 2em;
1068 white-space: nowrap;
1072 /* The normal, unselected tabs. They are all links */
1073 background-color: transparent;
1074 border-color: #B8AE9C;
1076 border-style: solid solid none solid;
1079 margin-right: 0.5em;
1080 padding: 0em 2em 0em;
1084 div.tabs a.selected {
1085 /* The selected tab. There's only one of this */
1086 background-color: white;
1087 border-bottom: #B8AE9C 1px solid;
1089 font-weight: normal;
1092 div.tabs a:hover, div.tabs a.active {
1093 background-color: #B8AE9C;
1094 border-bottom: 1px solid #B8AE9C;
1101 .headingbox a:link, .headingbox a:visited{
1102 text-decoration: none;
1107 background-color: #F5F5F5;
1113 background-color: #F5F5F5;
1114 text-decoration: none;
1120 background-color: #F5F5F5;
1122 border: 1px solid #B8AE9C;
1124 font-weight: normal;
1129 background-color: #6F7172;
1130 border: 1px solid #B8AE9C;
1131 border-style: solid solid none solid;
1133 padding: 0em 1em 0em 1em;
1140 text-decoration: none;
1145 text-decoration: none;
1149 text-decoration: underline;
1163 text-transform: none;
1164 border-left: 1pt solid #B8AE9C;
1177 background-color: #F7F3ED;
1181 background-color: transparent;
1185 /* users/index.php */
1191 border: rgb(204, 204, 204) 1px solid;
1192 background-color: #F7F7F7;
1204 font-weight: normal;
1210 background-color:#FBF4E9;
1211 border: #B8AE9C 1px solid;
1215 table.data .odd img.headicon{
1218 -webkit-border-radius:5px;
1219 -moz-border-radius:5px;
1224 -webkit-border-radius:10px;
1225 -moz-border-radius:10px;
1226 border-radius: 10px;
1227 border-color: white;
1232 div.course div.shortcuts {
1235 vertical-align: middle;
1239 fieldset#shortcuts {
1241 background-color: #FEFDEF;
1242 border: 1pt solid #B8AE9C;
1243 margin: -5pt 5pt 5pt 5pt;
1244 padding-right: 10pt;
1245 padding-bottom: 5pt;
1250 margin-bottom: 10pt;
1251 -webkit-border-radius:5px;
1252 moz-border-radius:5px;
1259 border:thin #6D7B8D solid;
1260 border:thin #A9ADB0 solid;
1268 list-style-type: none;
1272 /*a#guide,*/ a#my-courses-link {
1273 background-color: #6D84A2;
1284 div#content-test, div.content-from-module {
1301 ul#home-links, ul#home-detail-links {
1306 #my_courses_container{
1313 border: solid 1px #A9ADB0;
1314 -webkit-border-radius:8px;
1315 -moz-border-radius:8px;
1319 margin-bottom: .375em;
1323 .my-courses-list-ul{
1336 padding-left: 0.875em;
1337 padding-bottom: 0.875em;
1341 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1356 list-style-type: none;
1358 padding-bottom: .5em;
1362 .current_list_date_time{
1365 #show-all, #show-pages{
1369 /* enrollment tabs */
1375 margin-bottom: .25em;
1376 margin-top: 0.938em;
1377 white-space: nowrap;
1387 padding: 0.188em 0.563em;
1388 border: 1px solid #F7F3ED;
1389 border-bottom: none;
1390 background-color: #F7F3ED;
1391 text-decoration: none;
1393 white-space: nowrap;
1396 #navlist li a:hover, #navlist li a:active {
1398 background-color: #fff;
1403 vertical-align: middle;
1410 dl#public-profile dt {
1413 border-right: 1px solid #F7F3ED;
1414 padding: 0.313em 0.313em 0.313em 0;
1416 margin-right: 0.313em;
1418 dl#public-profile dd {
1436 padding-bottom: .375em;
1439 border: 1px #cccccc solid;
1447 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1448 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1449 #forum-thread li.odd { background-color: #fff; }
1450 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1451 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1452 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1453 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1454 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1455 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1456 div.forum-post-ctrl a { text-decoration: none; }
1457 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1458 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1459 div.forum-post-content div.body p { margin-bottom:1em; }
1460 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1461 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1465 /** inbox stuff - reuses some of the forum layout **/
1466 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1468 /* tool list on admin home and manage screens */
1471 padding: 0.125em 0.125em 0.125em 0.938em;
1472 margin-bottom: 0.313em;
1474 border: solid 1px #A9ADB0;
1475 -webkit-border-radius:5px;
1476 -moz-border-radius:5px;
1482 font-weight: normal;
1486 margin-top: -0.313em;
1494 margin-right: 0.313em;
1499 /* browse courses */
1501 padding-bottom: 0.625em;
1506 padding-bottom: 0.625em;
1507 background-color: #fffaf0;
1511 dl.browse-course dt {
1517 padding: 0.313em 0.625em 0.313em 0;
1518 vertical-align: middle;
1521 dl.browse-course dd {
1522 margin-bottom: 0.313em;
1524 padding: 0.313em 0 0.313em 0.625em;
1532 /* form fields grouping for WCAG 2.0 conformance*/
1533 fieldset.group_form{
1537 border: 1px #6D7B8D solid;
1538 -webkit-border-radius:5px;
1539 -moz-border-radius:5px;
1545 background-color:white;
1549 border: 1px #6D7B8D solid;
1550 -webkit-border-radius:5px;
1551 -moz-border-radius:5px;
1555 /* highlight active links for WCAG 2.0 conformance */
1556 a:active:not(.subnavcontain a),
1557 a:hover:not(.subnavcontain a),
1558 a:focus:not(.subnavcontain a),
1561 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1562 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1566 /*Overrides above a:active, a:hover, a:focus so the "Navigation" button itself isn't highlighted when activated.
1567 Ensure styling matches that in fl-tabs.*/
1568 .topnavlistcontainer a:hover, .topnavlistcontainer a:active, .topnavlistcontainer a:focus{
1569 background-image: -webkit-gradient(linear, left top, left bottom,
1571 color-stop(0.5, #374e6b),
1572 color-stop(0.50, #354d68),
1578 /*Added by Silvia */
1579 div.column_primary {
1584 min-width: 10.625em;
1587 div.column_equivalent{
1590 margin-left: 0.938em;
1591 margin-top: 0.313em;
1592 margin-right: 0.313em;
1593 margin-bottom: 0.313em;
1594 min-width: 10.625em;
1596 border: 1px solid #EEE;
1597 background-color: #FFF;
1601 border: 1px solid #aaa;
1606 background-color: #eee;
1615 div.alternative_box{
1616 border: 1px solid #ddd;
1621 background-color: #fff;
1624 div.alternative_box legend {
1628 div.resource_box legend {
1634 font-weight: bolder;
1635 background-color: white;
1638 /* format of "table of contents" on content page */
1639 #toc a { display:block; margin:0.188em; }
1640 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1646 background-color: #FEFDEF;
1647 border: 1pt solid #B8AE9C;
1655 /* cleans up glossary question mark line spacing*/
1657 border: 1pt solid #B8AE9C;
1658 vertical-align:bottom;
1662 /* jQuery tooltip styles */
1666 border:3px solid #111;
1667 background-color:#eeeeee;
1670 #tooltip h3,#tooltip div{
1674 /* style for home page modules "detail view" */
1700 background-image:url(images/details_r.png);
1701 background-position: top right;
1702 background-repeat:no-repeat;
1708 background-image:url(images/details_l.png);
1709 background-position: top left;
1710 background-repeat:no-repeat;
1716 background-image:url(images/details_ir.png);
1717 background-position: top right;
1718 background-repeat:no-repeat;
1723 background-image:url(images/details_il.png);
1724 background-position: top left;
1725 background-repeat:no-repeat;
1736 .draggable_selected {
1737 background-color: lightgrey;
1744 border:1px solid #cccccc;
1747 list-style: disc url(../../images/folder.gif) outside;
1748 font-family: Helvetica,sans-serif;
1754 li.folders .disabled {
1759 list-style-image:none;
1760 list-style-position:outside;
1761 list-style-type:none;
1767 /* hiding/showing results-display */
1770 div#results-display{
1779 ul#topnavlist>li:hover,
1780 ul#topnavlist>li:hover a,
1781 ul#topnavlist>li:active,
1782 ul#topnavlist>li:active a,
1783 ul#topnavlist>li:focus,
1784 ul#topnavlist>li:focus a {
1786 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1787 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1790 ul#topnavlist li a {
1792 text-decoration: none;
1797 border: #cccccc 1px solid;
1798 -webkit-border-radius:5px;
1799 -moz-border-radius:5px;
1805 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{
1810 ul#subnavlist li a, ul#subnavlist li a:visited {
1815 /* list attributes */
1825 /*border: 1px solid #e0e0e0;*/
1826 background-color: #e6e6e6;
1830 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1831 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1834 ol#tools>li:hover a{
1841 #content-contentwrapper{
1852 margin-left: 0.313em;
1853 margin-top:-0.625em;
1870 /* ATutor Social Styles */
1872 div .profile_container {
1873 background-color:#eee;
1874 border: 1px solid #8e8e8e;
1877 margin-bottom: 0.5em;
1880 div .profile_container .top_right {
1884 dl.public-profile dd{
1887 dl.public-profile dt {
1898 div .search_form .row{
1899 background-color: #DEDEC0;
1903 background-color: #eee;
1904 border: 1px solid #aaa;
1907 background-color: #cccccc;
1914 ul.social_side_menu {
1917 ul.social_side_menu li {
1918 padding-bottom: 0.2em;
1923 border-bottom:1px solid #C1C157;
1924 padding-bottom:0.5em;
1925 margin-bottom:0.5em;
1933 div.contentbox, input-form{
1936 background-color: #ffffff;
1938 border: #A9ADB0 solid 1px;
1939 -webkit-border-radius: 5px;
1940 -moz-border-radius:5px;
1945 border:1px solid #a50707;
1946 margin-left:0.625em;
1953 ul.social_inline_menu{
1954 background-color: #eeeeee;
1955 border:thin #cccccc solid;
1969 /*mobile FSS override */
1970 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:hover,
1971 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:focus,
1972 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:active {
1974 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1975 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1978 ul#subnavlist li a:focus, ul#subnavlist li a:active, ul#subnavlist li a:hover{
1984 /************************************************************************************************/
1985 /*Adds arrows to Fluid Tabs. Here is a good guide for creating triangles with CSS:
1986 http://jonrohan.me/guide/css/creating-triangles-in-css/ */
1987 /************************************************************************************************/
1991 ul.sequence-links li {
1997 ul.sequence-links li.back a:link, ul.sequence-links li.back a:visited {
1999 padding-left:0.438em;
2003 ul.sequence-links li.forward a:link, ul.sequence-links li.forward a:visited {
2005 padding-right:0.313em;
2009 ul.sequence-links li a:hover, ul.sequence-links li a:focus, ul.sequence-links li a:active,
2010 ul.sequence-links li.back a:hover, ul.sequence-links li.back a:focus, ul.sequence-links li.back a:active,
2011 ul.sequence-links li.forward a:hover, ul.sequence-links li.forward a:focus, ul.sequence-links li.forward a:active {
2013 background:transparent;
2017 ul.sequence-links li:before, ul.sequence-links li:after, ul.sequence-links li a:before, ul.sequence-links li a:after {
2024 ul.sequence-links li a:before, ul.sequence-links li a:after {
2028 ul.sequence-links li a:hover:before, ul.sequence-links li a:focus:before, ul.sequence-links li a:active:before {
2031 /*arrow that points to the left, beside the "Previous" text */
2032 .arrow.back a:after {/*arrow pointing to the left*/
2033 background: none repeat scroll 0% 0% transparent;
2034 border-color: transparent #005689;
2036 border-style: solid;
2037 border-width: 5px 0pt 5px 6px;
2039 margin-top: -0.39em;
2042 /*left and right triangle icons change color*/
2043 .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{
2044 border-color: transparent #4c96f4;
2047 .arrow.back a:after {
2048 border-width: 6px 6px 6px 0pt;
2054 /*arrow that points to the right, beside the "Next" text */
2055 .arrow.forward a:after {
2056 background: none repeat scroll 0% 0% transparent;
2057 border-color: transparent #FFFFFF;
2058 border-style: solid;
2059 margin-top: -0.425em;
2060 margin-top: -0.313em;
2063 .arrow.forward a:after {
2065 background: none repeat scroll 0% 0% transparent;
2066 border-color: transparent transparent transparent #005689;
2068 border-style: solid;
2084 border-left: #A9ADB0 1px solid;
2085 border-right: #A9ADB0 1px solid;
2086 border-bottom: #A9ADB0 1px solid;
2087 -webkit-border-radius: 5px;
2088 -moz-border-radius: 5px;
2098 /*hiding and showing content */
2100 #results-hide-show-simple-content{
2101 -webkit-border-radius:5px;
2102 -moz-border-radius:5px;
2104 border: 1px #A9ADB0 solid;
2106 padding-bottom: .6em;
2107 padding-right: .2em;
2109 margin-bottom: 0.875em;
2110 margin-top: 0.875em;
2112 background-color: none;
2114 #results-hide-show-link{
2117 text-decoration: none;
2124 background-image:url("images/up.png");
2125 background-position: 100% 100%;
2126 background-repeat: no-repeat;
2130 background-image:url("images/down.png");
2131 background-position: 100% 100%;
2132 background-repeat: no-repeat;
2135 background-color: #F7F3ED;
2136 -webkit-border-radius:8px;
2137 -moz-border-radius:8px;
2139 border: 1px #A9ADB0 solid;
2143 .hide-show-container-surround a:active, .hide-show-container-surround a:focus, .hide-show-container-surround a:hover{
2144 background-color: transparent;
2147 .subnavcontain2, .subnavcontain{
2149 background-color: white;
2150 border: #A9ADB0 1px solid;
2151 -webkit-border-radius:8px;
2152 -moz-border-radius:8px;
2158 .fl-theme-iphone .subnavcontain a, .fl-theme-iphone .subnavcontain a:hover, .fl-theme-iphone .subnavcontain a:active, .fl-theme-iphone .subnavcontain a:focus {
2159 text-decoration: none;
2162 background-repeat: no-repeat;
2168 #page-title-back-to-page{
2169 display: inline-block;
2173 .page-title, #back-to-page{
2177 .fl-theme-iphone #subnavlist-link a:active,
2178 .fl-theme-iphone #subnavlist-link a:hover,
2179 .fl-theme-iphone #subnavlist-link a:focus{
2180 background-color: none;
2182 .fl-theme-iphone .subnavcontain{
2186 display: inline-block;
2191 border-right: #A9ADB0 1px solid;
2194 .rectangle2:last-child{
2199 text-decoration: none;
2210 #content_link_phone a:active, #content_link_phone a:focus, #content_link_phone a:hover{
2212 background-color: white;
2214 /* style for "last modified" information of course content*/
2219 ul.my-courses-list-ul > li:hover{
2220 background-color: #4c96f4;
2224 ul.my-courses-list-ul > li:hover a{