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.
28 background-color: #4B6B90;
31 #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),
41 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d8cb3), to(#4b6b90));
45 .fl-theme-iphone .fl-navbar{
52 background-image: -webkit-gradient(linear, left top, left bottom,
54 color-stop(0.5, #6d8cb3),
55 color-stop(0.50, #4b6b90),
56 color-stop(0.5, #6d8cb3),
64 border-top: 1px solid black;
65 border-bottom: .5px solid black;
66 background-color: #4b6b90;
70 #navigation-contentwrapper{
72 background-color: #4b6b90;
78 border-bottom: .5px solid black;
79 /*padding-bottom: .3em;*/
88 background-color:white;
91 #site-name, h1#section-title{
101 /************************************************************************************************/
102 /* "Navigation" button, also this CSS creates a button that looks exactly like a Mobile FSS tab.*/
103 /************************************************************************************************/
104 .navigation-bar-button{
106 -webkit-border-radius: 5px;
107 -moz-border-radius:5px;
109 font-size: 18px;/*keep this in px*/
115 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
116 background-image: -webkit-gradient(linear, left top, left bottom,
118 color-stop(0.5, #374e6b),
119 color-stop(0.50, #354d68),
122 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
124 -webkit-border-left-image: none;
125 -webkit-background-origin: border;
127 -webkit-background-clip: border;
131 .navigation-bar-button a:hover, .navigation-bar-button a:active, .navigation-bar-button a:focus{
132 background-color: white;
135 .fl-theme-iphone .fl-tabs li{
136 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
137 background-image: -webkit-gradient(linear, left top, left bottom,
139 color-stop(0.5, #374e6b),
140 color-stop(0.50, #354d68),
144 .fl-theme-iphone .topnavlistcontainer .topnavlist-link {/*makes the navigation button link white*/
146 text-decoration: none;
150 #content_link_phone.topnavlist-link-highlight {/*makes the content link highlight*/
152 text-decoration: none;
155 .fl-theme-iphone .topnavlistcontainer .topnavlist-link-highlight{/*makes the navigation button link highlight*/
157 text-decoration: none;
166 /*background-color: white;*/
169 div#content-link-container.flc-screenNavigator-navbar {
173 .content-link-surround a:active, .content-link-surround a:focus, .content-link-surround a:hover{
177 #content_link_phone {
180 text-decoration: none;
195 font-size: 17px;/*keep this in px*/
200 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,
201 ul.home-guide li.forward a:hover, ul.home-guide li.forward a:focus, ul.home-guide li.forward a:active {
203 background:transparent;
206 /* main body attributes */
216 text-decoration: underline;
221 background-color: transparent;
225 background-color: transparent;
228 h1, h2, h3, h4, h5, h6 {
231 font: 100% Helvetica, Arial, sans-serif;
254 text-decoration: none;
263 a:hover, a:visited, a:focus {
265 text-decoration: underline;
268 /************************************************************************************************/
269 /* Preferences tabs */
270 /************************************************************************************************/
271 .etabbed-list-container {
285 padding:0.5em 0.3em 0;
292 padding:0.7em 0.3em 0;
301 /************************************************************************************************/
302 /* link attributes */
303 /************************************************************************************************/
304 a:link, /*a:visited*/ a:focus {
308 .top-tool a:link, .top-tool a:focus{
309 text-decoration: none;
312 /* main submit button */
314 background-color: #808080;
317 -webkit-border-radius:3px;
318 -moz-border-radius:3px;
320 padding-top: 0.313em;
321 padding-bottom: 0.313em;
325 border:1px solid #A50707;
326 background-color: #FFDAB9;
328 /* small submit button at top */
330 font-family: Helvetica,sans-serif;
331 background-color: #E9F4F3;
335 background-color: #E9F4F3;
336 border: #ACCFCC solid 1px;
339 /* Editor box large */
341 font-family: Helvetica,sans-serif;
342 background-color: #E9F4F3;
347 padding-bottom: .4em;
348 border: 1px #ACCFCC solid;
351 /* edit content tabs */
353 background-color: #E6E6E6;
356 padding-left: .188em;
357 padding-right: .188em;
364 background-color: #E6E6E6;
365 border-top: 1px #B8AE9C solid;
366 border-left: 1px #B8AE9C solid;
367 border-right: 1px #B8AE9C solid;
368 text-decoration: none;
374 .buttontab selected {
375 font-family: Helvetica, Arial, Helvetica, sans-serif;
376 background-color: #6F7172;
379 padding-left: .188em;
380 padding-right: .188em;
385 font-family: Helvetica, Arial, Helvetica, sans-serif;
387 text-decoration: none;
389 background-color: white;
390 border-top: 1px #B8AE9C solid;
391 border-left: 1px #B8AE9C solid;
392 border-right: 1px #B8AE9C solid;
395 .tab a:link, .etab a:visited {
397 background-color: white;
401 td.dropdown-heading {
402 background-color: #DBFDD4;
404 border-left: 1px solid #ECFEEA;
405 border-right: 1px solid #ECFEEA;
406 border-top: 1px solid #ECFEEA;
409 /* the side menu content */
412 background-color: white;
414 border-left: 1px solid #ECFEEA;
415 border-right: 1px solid #ECFEEA;
416 border-bottom: 1px solid #ECFEEA;
419 td.dropdown a, td.dropdown a:visited {
421 text-decoration: none;
423 td.dropdown a:hover {
425 text-decoration: underline;
428 /* added for 1.4.2: */
430 padding-left: 1.25em;
435 margin-bottom: 0.313em;
438 margin-left: 0.313em;
442 background-color: #F7F3ED;
444 border-left: 1px solid #595241;
445 border-right: 1px solid #595241;
446 border-top: 1px solid #595241;
456 border:thin black solid;
458 table.tabbed-table th#left-empty-tab {
459 background-color: transparent;
461 border-bottom: 1px solid #B8AE9C;
463 table.tabbed-table th#right-empty-tab {
465 background-color: transparent;
466 border-bottom: 1px solid #B8AE9C;
468 padding-right: 0.313em;
470 table.tabbed-table th#right-empty-tab a {
471 text-decoration: underline;
473 table.tabbed-table th.tab-spacer {
474 background-color: transparent;
476 border-bottom: 1px solid #B8AE9C;
479 table.tabbed-table th.tab {
480 padding-top: 0.125em;
481 padding-bottom: 0.125em;
483 background-color: #E9F4F3;
484 border-bottom: 1px solid #B8AE9C;
485 border-left: 1px solid #B8AE9C;
486 border-top: 1px solid #B8AE9C;
487 border-right: 1px solid #B8AE9C;
489 table.tabbed-table th.tab:hover {
490 background-color: #ACCFCC;
493 table.tabbed-table th.tab a:focus {
496 table.tabbed-table th.selected {
497 padding-top: 0.125em;
498 padding-bottom: 0.125em;
500 background-color: #ACCFCC;
501 border-left: 1px solid #B8AE9C;
502 border-top: 1px solid #B8AE9C;
503 border-right: 1px solid #B8AE9C;
506 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
508 text-decoration: none;
512 .preference-buttons-container{
513 background-color: red;
519 div.preference-buttons-container li{
536 font-family: monospace;
537 border: 2px solid rgb(0, 0, 0);
540 color: rgb(255, 255, 255);
541 background-color: rgb(0, 0, 0);
545 border-bottom-width: 0;
553 #display-settings-preview{
561 #defaultfontsize-wrapper{
567 padding-left: 0.938em;
568 background-repeat: no-repeat;
569 background-position: 0.125em 0.313em;
573 padding-left: 1.25em;
574 background-image: url(images/back.gif);
575 background-repeat: no-repeat;
576 background-position: 0 0;
579 .breadcrumbs, .previous-next /*a#guide*/{
580 /* The path bar, including breadcrumbs and add to favorites */
585 background-color: white;
588 #breadcrumbs-container{
589 background-color: #4d4d4d;
599 #subnavlistbacktopage{
604 margin-bottom: 0.313em;
610 border-left: 1px solid black;
611 border-right: 1px solid black;
612 border-bottom: 1px solid black;
613 padding-left: 0.313em;
614 padding-right: 0.313em;
615 padding-bottom: 0.313em;
616 background-color: #F7F3ED;
617 margin-left: 0.313em;
618 margin-right: 0.313em;
623 margin-left: 0.313em;
624 margin-right: 0.313em;
625 border-left: 1px solid black;
626 border-right: 1px solid black;
628 background-color: #F7F3ED;
631 border-bottom: 1px solid black;
640 padding-left: 0.625em;
646 /**********************************************************************/
648 /**********************************************************************/
655 background-color: #4b6b90;
662 ul.footer-links-tabs li a:hover, ul.footer-links-tabs li a:focus, ul.footer-links-tabs li a:active,
663 ul.footer-links-tabs li.back a:hover, ul.footer-links-tabs li.back a:focus, ul.footer-links-tabs li.back a:active,
664 ul.footer-links-tabs li.forward a:hover, ul.footer-links-tabs li.forward a:focus, ul.footer-links-tabs li.forward a:active {
666 background:transparent;
668 div#top-links a:link, div#top-links a:visited {
669 text-decoration:none;
673 background-color:#F6EAD6;
680 background-color: #F7F3ED;
681 padding-top: 0.063em;
682 padding-bottom: 0.063em;
683 padding-left: 0.938em;
684 padding-right: 0.5em;
685 border: 1px solid #cccccc;
687 text-decoration: none;
690 a#editor-link:hover {
691 background-color: #F7F3ED;
692 border: 1px solid #B8AE9C;
696 background-image: url(images/pen.gif);
697 background-repeat: no-repeat;
698 background-position: 0 0.125em;
701 background-image: url(images/pen2.gif);
702 background-repeat: no-repeat;
703 background-position: 0 0.125em;
707 /* for data tables */
709 border: #A9ADB0 1px solid;
710 border: #cccccc 1px solid;
711 -webkit-border-radius:5px;
712 -moz-border-radius:5px;
726 background-color: transparent;
728 /* contains the headings */
736 background-image: url('../default/images/sort.gif');
737 background-repeat: no-repeat;
738 background-position: right;
743 table.data tbody th {
754 table.data td a:link, a:visited{
759 /*should table.data tbody tr:hover and table.data tbody tr.selected highlighting
760 be improved to sync with Mobile FSS highlighting */
761 table.data tbody tr:hover {
762 background-color: #efefef;
766 table.data tbody tr.selected {
767 background-color: #E9F4F3;
769 border: 5px solid #E9F4F3;
773 background-color: #F7F3ED;
776 table.data tfoot tr:first-child td {
778 background-image: url('images/arrow_ltr.gif');
779 background-repeat: no-repeat;
780 background-position: .25em 0.313em;
783 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
785 background-image: none;
789 /* add borders to row in Required Information, Personal Information*/
794 #last-row, .row-buttons, #last-row1, .row-blurb{
797 #browse-courses-table{
803 table.data tfoot input {
804 background-color: #efefef;
807 table.data tfoot input:focus {
808 background-color: #FFDAB9;
812 /* used for static tables with no form elements: */
813 table.data.static tbody tr:hover {
814 background-color: transparent;
820 /* course browser: */
828 div.browse-selected {
829 background-image: url('images/side_arrow.gif');
830 background-repeat: no-repeat;
831 padding-left: 0.563em;
832 background-position: center left;
835 div.browse-unselected {
836 padding-left: 0.563em;
844 /* feedback /errors */
850 margin-bottom: 0.938em;
851 border: 1px solid #DD0000;
853 background-color: #F4DCDC;
855 background-color: #F4DCDC;
856 padding-left: 1.563em;
858 -webkit-border-radius:5px;
859 -moz-border-radius:5px;
867 div#error ul, div#feedback ul, div#help ul {
878 div#feedback, div#info {
883 margin-bottom: 0.313em;
885 font-family: Helvetica, Arial, sans-serif;
886 -webkit-border-radius:5px;
887 -moz-border-radius:5px;
889 border: 1px solid #17B506;
890 background-color: #E7EFD0;
895 div#feedback li, div#info li, div#error li{
905 margin-bottom: 0.938em;
906 border: 1px solid #ACCFCC;
908 background-color: #E9F4F3;
918 margin-bottom: 0.938em;
919 border: 1px solid #FF8400;
921 background-color: #FFF6ED;
934 font-family:Helevetica, Arial, sans-serif;
944 /* home page links */
953 div.home-link:hover {
955 background-color: #F7F3ED;
956 border: 1px solid #afafaf;
962 text-decoration: none;
974 div#sequence-links a {
975 text-decoration: none;
985 background-color: white;
987 border-left: 1px solid #ECFEEA;
988 border-right: 1px solid #ECFEEA;
989 border-bottom: 1px solid #ECFEEA;
993 div.dropdown-heading {
994 background-color: #ACCFCC;
996 border-left: 1px solid #ECFEEA;
997 border-right: 1px solid #ECFEEA;
998 border-top: 1px solid #ECFEEA;
1009 margin-top: -0.313em;
1011 padding-right: 0.125em;
1015 margin-left: 0.313em;
1019 padding-top: .313em;
1020 background-color: white;
1043 padding-left: 0.125em;
1044 padding-right: 0.125em;
1051 text-decoration: none;
1052 padding-left: 0.25em;
1053 padding-right: 0.25em;
1054 border-left: 1px solid white;
1055 border-right: 1px solid white;
1059 div.paging li a:hover, div.paging li a.current {
1060 border: 1px solid #4c96f4;
1062 background-color: #4c96f4;
1063 -webkit-border-radius: 3px;
1064 -moz-border-radius: 3px;
1070 background-image:url(images/tl_corner.gif);
1071 background-position: top left;
1072 background-repeat: no-repeat;
1077 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1078 background-color: transparent;
1079 border-collapse: collapse;
1080 border-bottom: 1px solid #B8AE9C;
1081 padding: 0.5em 0em 0em 2em;
1082 white-space: nowrap;
1086 /* The normal, unselected tabs. They are all links */
1087 background-color: transparent;
1088 border-color: #B8AE9C;
1090 border-style: solid solid none solid;
1093 margin-right: 0.5em;
1094 padding: 0em 2em 0em;
1098 div.tabs a.selected {
1099 /* The selected tab. There's only one of this */
1100 background-color: white;
1101 border-bottom: #B8AE9C 1px solid;
1103 font-weight: normal;
1106 div.tabs a:hover, div.tabs a.active {
1107 background-color: #B8AE9C;
1108 border-bottom: 1px solid #B8AE9C;
1115 .headingbox a:link, .headingbox a:visited{
1116 text-decoration: none;
1121 background-color: #F5F5F5;
1127 background-color: #F5F5F5;
1128 text-decoration: none;
1134 background-color: #F5F5F5;
1136 border: 1px solid #B8AE9C;
1138 font-weight: normal;
1143 background-color: #6F7172;
1144 border: 1px solid #B8AE9C;
1145 border-style: solid solid none solid;
1147 padding: 0em 1em 0em 1em;
1154 text-decoration: none;
1159 text-decoration: none;
1163 text-decoration: underline;
1177 text-transform: none;
1178 border-left: 1pt solid #B8AE9C;
1191 background-color: #F7F3ED;
1195 background-color: transparent;
1199 /* users/index.php */
1205 border: rgb(204, 204, 204) 1px solid;
1206 background-color: #F7F7F7;
1218 font-weight: normal;
1224 background-color:#FBF4E9;
1225 border: #B8AE9C 1px solid;
1229 table.data .odd img.headicon{
1232 -webkit-border-radius:5px;
1233 -moz-border-radius:5px;
1238 -webkit-border-radius:10px;
1239 -moz-border-radius:10px;
1240 border-radius: 10px;
1241 border-color: white;
1246 div.course div.shortcuts {
1249 vertical-align: middle;
1253 fieldset#shortcuts {
1255 background-color: #FEFDEF;
1256 border: 1pt solid #B8AE9C;
1257 margin: -5pt 5pt 5pt 5pt;
1258 padding-right: 10pt;
1259 padding-bottom: 5pt;
1264 margin-bottom: 10pt;
1265 -webkit-border-radius:5px;
1266 moz-border-radius:5px;
1273 border:thin #6D7B8D solid;
1274 border:thin #A9ADB0 solid;
1282 list-style-type: none;
1286 /*a#guide,*/ a#my-courses-link {
1287 background-color: #6D84A2;
1298 div#content-test, div.content-from-module {
1315 ul#home-links, ul#home-detail-links {
1320 #my_courses_container{
1327 border: solid 1px #A9ADB0;
1328 -webkit-border-radius:8px;
1329 -moz-border-radius:8px;
1333 margin-bottom: .375em;
1337 .my-courses-list-ul{
1350 padding-left: 0.875em;
1351 padding-bottom: 0.875em;
1355 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1370 list-style-type: none;
1372 padding-bottom: .5em;
1376 .current_list_date_time{
1379 #show-all, #show-pages{
1383 /* enrollment tabs */
1389 margin-bottom: .25em;
1390 margin-top: 0.938em;
1391 white-space: nowrap;
1401 padding: 0.188em 0.563em;
1402 border: 1px solid #F7F3ED;
1403 border-bottom: none;
1404 background-color: #F7F3ED;
1405 text-decoration: none;
1407 white-space: nowrap;
1410 #navlist li a:hover, #navlist li a:active {
1412 background-color: #fff;
1417 vertical-align: middle;
1424 dl#public-profile dt {
1427 border-right: 1px solid #F7F3ED;
1428 padding: 0.313em 0.313em 0.313em 0;
1430 margin-right: 0.313em;
1432 dl#public-profile dd {
1450 padding-bottom: .375em;
1453 border: 1px #cccccc solid;
1461 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1462 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1463 #forum-thread li.odd { background-color: #fff; }
1464 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1465 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1466 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1467 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1468 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1469 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1470 div.forum-post-ctrl a { text-decoration: none; }
1471 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1472 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1473 div.forum-post-content div.body p { margin-bottom:1em; }
1474 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1475 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1479 /** inbox stuff - reuses some of the forum layout **/
1480 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1482 /* tool list on admin home and manage screens */
1485 padding: 0.125em 0.125em 0.125em 0.938em;
1486 margin-bottom: 0.313em;
1488 border: solid 1px #A9ADB0;
1489 -webkit-border-radius:5px;
1490 -moz-border-radius:5px;
1496 font-weight: normal;
1500 margin-top: -0.313em;
1508 margin-right: 0.313em;
1513 /* browse courses */
1515 padding-bottom: 0.625em;
1520 padding-bottom: 0.625em;
1521 background-color: #fffaf0;
1525 dl.browse-course dt {
1531 padding: 0.313em 0.625em 0.313em 0;
1532 vertical-align: middle;
1535 dl.browse-course dd {
1536 margin-bottom: 0.313em;
1538 padding: 0.313em 0 0.313em 0.625em;
1546 /* form fields grouping for WCAG 2.0 conformance*/
1547 fieldset.group_form{
1551 border: 1px #6D7B8D solid;
1552 -webkit-border-radius:5px;
1553 -moz-border-radius:5px;
1559 background-color:white;
1563 border: 1px #6D7B8D solid;
1564 -webkit-border-radius:5px;
1565 -moz-border-radius:5px;
1569 /* highlight active links for WCAG 2.0 conformance */
1570 a:active:not(.subnavcontain a),
1571 a:hover:not(.subnavcontain a),
1572 a:focus:not(.subnavcontain a),
1575 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1576 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1580 /*Overrides above a:active, a:hover, a:focus so the "Navigation" button itself isn't highlighted when activated.
1581 Ensure styling matches that in fl-tabs.*/
1582 .topnavlistcontainer a:hover, .topnavlistcontainer a:active, .topnavlistcontainer a:focus{
1583 background-image: -webkit-gradient(linear, left top, left bottom,
1585 color-stop(0.5, #374e6b),
1586 color-stop(0.50, #354d68),
1593 /*Added by Silvia */
1594 div.column_primary {
1599 min-width: 10.625em;
1602 div.column_equivalent{
1605 margin-left: 0.938em;
1606 margin-top: 0.313em;
1607 margin-right: 0.313em;
1608 margin-bottom: 0.313em;
1609 min-width: 10.625em;
1611 border: 1px solid #EEE;
1612 background-color: #FFF;
1616 border: 1px solid #aaa;
1621 background-color: #eee;
1630 div.alternative_box{
1631 border: 1px solid #ddd;
1636 background-color: #fff;
1639 div.alternative_box legend {
1643 div.resource_box legend {
1649 font-weight: bolder;
1650 background-color: white;
1653 /* format of "table of contents" on content page */
1654 #toc a { display:block; margin:0.188em; }
1655 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1661 background-color: #FEFDEF;
1662 border: 1pt solid #B8AE9C;
1670 /* cleans up glossary question mark line spacing*/
1672 border: 1pt solid #B8AE9C;
1673 vertical-align:bottom;
1677 /* jQuery tooltip styles */
1681 border:3px solid #111;
1682 background-color:#eeeeee;
1685 #tooltip h3,#tooltip div{
1689 /* style for home page modules "detail view" */
1715 background-image:url(images/details_r.png);
1716 background-position: top right;
1717 background-repeat:no-repeat;
1723 background-image:url(images/details_l.png);
1724 background-position: top left;
1725 background-repeat:no-repeat;
1731 background-image:url(images/details_ir.png);
1732 background-position: top right;
1733 background-repeat:no-repeat;
1738 background-image:url(images/details_il.png);
1739 background-position: top left;
1740 background-repeat:no-repeat;
1751 .draggable_selected {
1752 background-color: lightgrey;
1759 border:1px solid #cccccc;
1762 list-style: disc url(../../images/folder.gif) outside;
1763 font-family: Helvetica,sans-serif;
1769 li.folders .disabled {
1774 list-style-image:none;
1775 list-style-position:outside;
1776 list-style-type:none;
1782 /* hiding/showing results-display */
1785 div#results-display{
1794 ul#topnavlist>li:hover, ul#topnavlist>li:hover a, ul#topnavlist>li:active, ul#topnavlist>li:active a, ul#topnavlist>li:focus,
1795 ul#topnavlist>li:focus a {
1797 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1798 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1801 ul#topnavlist li a {
1803 text-decoration: none;
1808 border: #cccccc 1px solid;
1809 -webkit-border-radius:5px;
1810 -moz-border-radius:5px;
1816 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{
1821 ul#subnavlist li a, ul#subnavlist li a:visited {
1826 /* list attributes */
1836 /*border: 1px solid #e0e0e0;*/
1837 background-color: #e6e6e6;
1841 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1842 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1845 ol#tools>li:hover a{
1852 #content-contentwrapper{
1863 margin-left: 0.313em;
1864 margin-top:-0.625em;
1881 /* ATutor Social Styles */
1883 div .profile_container {
1884 background-color:#eee;
1885 border: 1px solid #8e8e8e;
1888 margin-bottom: 0.5em;
1891 div .profile_container .top_right {
1895 dl.public-profile dd{
1898 dl.public-profile dt {
1909 div .search_form .row{
1910 background-color: #DEDEC0;
1914 background-color: #eee;
1915 border: 1px solid #aaa;
1918 background-color: #cccccc;
1925 ul.social_side_menu {
1928 ul.social_side_menu li {
1929 padding-bottom: 0.2em;
1934 border-bottom:1px solid #C1C157;
1935 padding-bottom:0.5em;
1936 margin-bottom:0.5em;
1944 div.contentbox, input-form{
1947 background-color: #ffffff;
1949 border: #A9ADB0 solid 1px;
1950 -webkit-border-radius: 5px;
1951 -moz-border-radius:5px;
1956 border:1px solid #a50707;
1957 margin-left:0.625em;
1964 ul.social_inline_menu{
1965 background-color: #eeeeee;
1966 border:thin #cccccc solid;
1980 /*mobile FSS override */
1981 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:hover,
1982 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:focus,
1983 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:active {
1985 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1986 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1989 ul#subnavlist li a:focus, ul#subnavlist li a:active, ul#subnavlist li a:hover{
1995 /************************************************************************************************/
1996 /*Adds arrows to Fluid Tabs. Here is a good guide for creating triangles with CSS:
1997 http://jonrohan.me/guide/css/creating-triangles-in-css/ */
1998 /************************************************************************************************/
2002 ul.sequence-links li {
2008 ul.sequence-links li.back a:link, ul.sequence-links li.back a:visited {
2010 padding-left:0.438em;
2014 ul.sequence-links li.forward a:link, ul.sequence-links li.forward a:visited {
2016 padding-right:0.313em;
2020 ul.sequence-links li a:hover, ul.sequence-links li a:focus, ul.sequence-links li a:active,
2021 ul.sequence-links li.back a:hover, ul.sequence-links li.back a:focus, ul.sequence-links li.back a:active,
2022 ul.sequence-links li.forward a:hover, ul.sequence-links li.forward a:focus, ul.sequence-links li.forward a:active {
2024 background:transparent;
2028 ul.sequence-links li:before, ul.sequence-links li:after, ul.sequence-links li a:before, ul.sequence-links li a:after {
2035 ul.sequence-links li a:before, ul.sequence-links li a:after {
2039 ul.sequence-links li a:hover:before, ul.sequence-links li a:focus:before, ul.sequence-links li a:active:before {
2042 /*arrow that points to the left, beside the "Previous" text */
2043 .arrow.back a:after {/*arrow pointing to the left*/
2044 background: none repeat scroll 0% 0% transparent;
2045 border-color: transparent #005689;
2047 border-style: solid;
2048 border-width: 5px 0pt 5px 6px;
2050 margin-top: -0.39em;
2053 /*left and right triangle icons change color*/
2054 .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{
2055 border-color: transparent #4c96f4;
2058 .arrow.back a:after {
2059 border-width: 6px 6px 6px 0pt;
2065 /*arrow that points to the right, beside the "Next" text */
2066 .arrow.forward a:after {
2067 background: none repeat scroll 0% 0% transparent;
2068 border-color: transparent #FFFFFF;
2069 border-style: solid;
2070 margin-top: -0.425em;
2071 margin-top: -0.313em;
2074 .arrow.forward a:after {
2076 background: none repeat scroll 0% 0% transparent;
2077 border-color: transparent transparent transparent #005689;
2079 border-style: solid;
2095 border-left: #A9ADB0 1px solid;
2096 border-right: #A9ADB0 1px solid;
2097 border-bottom: #A9ADB0 1px solid;
2098 -webkit-border-radius: 5px;
2099 -moz-border-radius: 5px;
2109 /*hiding and showing content */
2111 #results-hide-show-simple-content{
2112 -webkit-border-radius:5px;
2113 -moz-border-radius:5px;
2115 border: 1px #A9ADB0 solid;
2117 padding-bottom: .6em;
2118 padding-right: .2em;
2120 margin-bottom: 0.875em;
2121 margin-top: 0.875em;
2123 background-color: none;
2125 #results-hide-show-link{
2128 text-decoration: none;
2135 background-image:url("images/up.png");
2136 background-position: 100% 100%;
2137 background-repeat: no-repeat;
2141 background-image:url("images/down.png");
2142 background-position: 100% 100%;
2143 background-repeat: no-repeat;
2146 background-color: #F7F3ED;
2147 -webkit-border-radius:8px;
2148 -moz-border-radius:8px;
2150 border: 1px #A9ADB0 solid;
2154 .hide-show-container-surround a:active, .hide-show-container-surround a:focus, .hide-show-container-surround a:hover{
2155 background-color: transparent;
2158 .subnavcontain2, .subnavcontain{
2160 background-color: white;
2161 border: #A9ADB0 1px solid;
2162 -webkit-border-radius:8px;
2163 -moz-border-radius:8px;
2168 /* .fl-theme-iphone .subnavcontain a:hover, .fl-theme-iphone .subnavcontain a:active, .fl-theme-iphone .subnavcontain a:focus*/
2169 .fl-theme-iphone .subnavcontain a {
2170 text-decoration: none;
2173 .fl-theme-iphone .subnavcontain-active{
2175 text-decoration: none;
2179 background-image: -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2180 border: #A9ADB0 1px solid;
2181 -webkit-border-radius:8px;
2182 -moz-border-radius:8px;
2190 #page-title-back-to-page{
2191 display: inline-block;
2195 .page-title, #back-to-page{
2199 .fl-theme-iphone #subnavlist-link a:active,
2200 .fl-theme-iphone #subnavlist-link a:hover,
2201 .fl-theme-iphone #subnavlist-link a:focus{
2202 background-color: none;
2204 .fl-theme-iphone .subnavcontain{
2208 display: inline-block;
2213 border-right: #A9ADB0 1px solid;
2216 .rectangle2:last-child{
2221 text-decoration: none;
2232 #content_link_phone a:active, #content_link_phone a:focus, #content_link_phone a:hover{
2234 background-color: white;
2236 /* style for "last modified" information of course content*/
2241 ul.my-courses-list-ul > li:hover{
2242 background-color: #4c96f4;
2246 ul.my-courses-list-ul > li:hover a{