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;
30 background-image: -moz-linear-gradient(
39 #header-section-title {
42 background-image: -webkit-gradient(linear, left top, left bottom,
44 color-stop(0.5, #6d8cb3),
45 color-stop(0.50, #4b6b90),
46 color-stop(0.5, #6d8cb3),
49 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d8cb3), to(#4b6b90));
53 .fl-theme-iphone .fl-navbar{
60 background-image: -webkit-gradient(linear, left top, left bottom,
62 color-stop(0.5, #6d8cb3),
63 color-stop(0.50, #4b6b90),
64 color-stop(0.5, #6d8cb3),
72 border-top: 1px solid black;
73 border-bottom: .5px solid black;
74 background-color: #4b6b90;
78 #navigation-contentwrapper{
80 background-color: #4b6b90;
86 border-bottom: .5px solid black;
87 /*padding-bottom: .3em;*/
96 background-color:white;
99 #site-name, h1#section-title{
108 /************************************************************************************************/
109 /* "Navigation" button, also this CSS creates a button that looks exactly like a Mobile FSS tab.*/
110 /************************************************************************************************/
111 .navigation-bar-button{
113 -webkit-border-radius: 5px;
114 -moz-border-radius:5px;
116 font-size: 18px;/*keep this in px*/
122 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
123 background-image: -webkit-gradient(linear, left top, left bottom,
125 color-stop(0.5, #374e6b),
126 color-stop(0.50, #354d68),
129 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
130 -webkit-border-left-image: none;
131 -webkit-background-origin: border;
132 -webkit-background-clip: border;
136 .navigation-bar-button a:hover, .navigation-bar-button a:active, .navigation-bar-button a:focus{
137 background-color: white;
140 .fl-theme-iphone .fl-tabs li{
141 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
142 background-image: -webkit-gradient(linear, left top, left bottom,
144 color-stop(0.5, #374e6b),
145 color-stop(0.50, #354d68),
149 .fl-theme-iphone .topnavlistcontainer .topnavlist-link {/*makes the navigation button link white*/
151 text-decoration: none;
154 -moz-border-image: url("images/navbar_normal_button_insetShadow.png") 5 5 5 5 stretch;
155 background-color: #354D68;
158 #content_link_phone.topnavlist-link-highlight {/*makes the content link highlight*/
160 text-decoration: none;
163 .fl-theme-iphone .topnavlistcontainer .topnavlist-link-highlight{/*makes the navigation button link highlight*/
165 text-decoration: none;
174 /*background-color: white;*/
177 div#content-link-container.flc-screenNavigator-navbar {
181 .content-link-surround a:active, .content-link-surround a:focus, .content-link-surround a:hover{
185 #content_link_phone {
188 text-decoration: none;
203 font-size: 17px;/*keep this in px*/
208 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,
209 ul.home-guide li.forward a:hover, ul.home-guide li.forward a:focus, ul.home-guide li.forward a:active {
211 background:transparent;
214 /* main body attributes */
224 text-decoration: underline;
229 background-color: transparent;
233 background-color: transparent;
236 h1, h2, h3, h4, h5, h6 {
239 font: 100% Helvetica, Arial, sans-serif;
262 text-decoration: none;
271 a:hover, a:visited, a:focus {
273 text-decoration: underline;
276 /************************************************************************************************/
277 /* Preferences tabs */
278 /************************************************************************************************/
279 .etabbed-list-container {
293 padding:0.5em 0.3em 0;
300 padding:0.7em 0.3em 0;
309 /************************************************************************************************/
310 /* link attributes */
311 /************************************************************************************************/
312 a:link, /*a:visited*/ a:focus {
316 .top-tool a:link, .top-tool a:focus{
317 text-decoration: none;
320 /* main submit button */
322 background-color: #808080;
325 -webkit-border-radius:3px;
326 -moz-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 {
516 text-decoration: none;
520 .preference-buttons-container{
521 background-color: red;
527 div.preference-buttons-container li{
544 font-family: monospace;
545 border: 2px solid rgb(0, 0, 0);
548 color: rgb(255, 255, 255);
549 background-color: rgb(0, 0, 0);
553 border-bottom-width: 0;
561 #display-settings-preview{
569 #defaultfontsize-wrapper{
575 padding-left: 0.938em;
576 background-repeat: no-repeat;
577 background-position: 0.125em 0.313em;
581 padding-left: 1.25em;
582 background-image: url(images/back.gif);
583 background-repeat: no-repeat;
584 background-position: 0 0;
587 .breadcrumbs, .previous-next /*a#guide*/{
588 /* The path bar, including breadcrumbs and add to favorites */
593 background-color: white;
596 #breadcrumbs-container{
597 background-color: #4d4d4d;
607 #subnavlistbacktopage{
612 margin-bottom: 0.313em;
618 border-left: 1px solid black;
619 border-right: 1px solid black;
620 border-bottom: 1px solid black;
621 padding-left: 0.313em;
622 padding-right: 0.313em;
623 padding-bottom: 0.313em;
624 background-color: #F7F3ED;
625 margin-left: 0.313em;
626 margin-right: 0.313em;
631 margin-left: 0.313em;
632 margin-right: 0.313em;
633 border-left: 1px solid black;
634 border-right: 1px solid black;
636 background-color: #F7F3ED;
639 border-bottom: 1px solid black;
648 padding-left: 0.625em;
652 /**********************************************************************/
654 /**********************************************************************/
661 background-color: #4b6b90;
668 ul.footer-links-tabs li a:hover, ul.footer-links-tabs li a:focus, ul.footer-links-tabs li a:active,
669 ul.footer-links-tabs li.back a:hover, ul.footer-links-tabs li.back a:focus, ul.footer-links-tabs li.back a:active,
670 ul.footer-links-tabs li.forward a:hover, ul.footer-links-tabs li.forward a:focus, ul.footer-links-tabs li.forward a:active {
672 background:transparent;
674 div#top-links a:link, div#top-links a:visited {
675 text-decoration:none;
679 background-color:#F6EAD6;
686 background-color: #F7F3ED;
687 padding-top: 0.063em;
688 padding-bottom: 0.063em;
689 padding-left: 0.938em;
690 padding-right: 0.5em;
691 border: 1px solid #cccccc;
693 text-decoration: none;
696 a#editor-link:hover {
697 background-color: #F7F3ED;
698 border: 1px solid #B8AE9C;
702 background-image: url(images/pen.gif);
703 background-repeat: no-repeat;
704 background-position: 0 0.125em;
707 background-image: url(images/pen2.gif);
708 background-repeat: no-repeat;
709 background-position: 0 0.125em;
713 /* for data tables */
715 border: #A9ADB0 1px solid;
716 border: #cccccc 1px solid;
717 -webkit-border-radius:5px;
718 -moz-border-radius:5px;
732 background-color: transparent;
734 /* contains the headings */
742 background-image: url('../default/images/sort.gif');
743 background-repeat: no-repeat;
744 background-position: right;
749 table.data tbody th {
760 table.data td a:link, a:visited{
765 /*should table.data tbody tr:hover and table.data tbody tr.selected highlighting
766 be improved to sync with Mobile FSS highlighting */
767 table.data tbody tr:hover {
768 background-color: #efefef;
772 table.data tbody tr.selected {
773 background-color: #E9F4F3;
775 border: 5px solid #E9F4F3;
779 background-color: #F7F3ED;
782 table.data tfoot tr:first-child td {
784 background-image: url('images/arrow_ltr.gif');
785 background-repeat: no-repeat;
786 background-position: .25em 0.313em;
789 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
791 background-image: none;
795 /* add borders to row in Required Information, Personal Information*/
800 #last-row, .row-buttons, #last-row1, .row-blurb{
803 #browse-courses-table{
809 table.data tfoot input {
810 background-color: #efefef;
813 table.data tfoot input:focus {
814 background-color: #FFDAB9;
818 /* used for static tables with no form elements: */
819 table.data.static tbody tr:hover {
820 background-color: transparent;
826 /* course browser: */
834 div.browse-selected {
835 background-image: url('images/side_arrow.gif');
836 background-repeat: no-repeat;
837 padding-left: 0.563em;
838 background-position: center left;
841 div.browse-unselected {
842 padding-left: 0.563em;
850 /* feedback /errors */
856 margin-bottom: 0.938em;
857 border: 1px solid #DD0000;
859 background-color: #F4DCDC;
861 background-color: #F4DCDC;
862 padding-left: 1.563em;
864 -webkit-border-radius:5px;
865 -moz-border-radius:5px;
873 div#error ul, div#feedback ul, div#help ul {
884 div#feedback, div#info {
889 margin-bottom: 0.313em;
891 font-family: Helvetica, Arial, sans-serif;
892 -webkit-border-radius:5px;
893 -moz-border-radius:5px;
895 border: 1px solid #17B506;
896 background-color: #E7EFD0;
901 div#feedback li, div#info li, div#error li{
911 margin-bottom: 0.938em;
912 border: 1px solid #ACCFCC;
914 background-color: #E9F4F3;
924 margin-bottom: 0.938em;
925 border: 1px solid #FF8400;
927 background-color: #FFF6ED;
940 font-family:Helevetica, Arial, sans-serif;
950 /* home page links */
959 div.home-link:hover {
961 background-color: #F7F3ED;
962 border: 1px solid #afafaf;
968 text-decoration: none;
980 div#sequence-links a {
981 text-decoration: none;
991 background-color: white;
993 border-left: 1px solid #ECFEEA;
994 border-right: 1px solid #ECFEEA;
995 border-bottom: 1px solid #ECFEEA;
999 div.dropdown-heading {
1000 background-color: #ACCFCC;
1002 border-left: 1px solid #ECFEEA;
1003 border-right: 1px solid #ECFEEA;
1004 border-top: 1px solid #ECFEEA;
1015 margin-top: -0.313em;
1017 padding-right: 0.125em;
1021 margin-left: 0.313em;
1025 padding-top: .313em;
1026 background-color: white;
1049 padding-left: 0.125em;
1050 padding-right: 0.125em;
1057 text-decoration: none;
1058 padding-left: 0.25em;
1059 padding-right: 0.25em;
1060 border-left: 1px solid white;
1061 border-right: 1px solid white;
1065 div.paging li a:hover, div.paging li a.current {
1066 border: 1px solid #4c96f4;
1068 background-color: #4c96f4;
1069 -webkit-border-radius: 3px;
1070 -moz-border-radius: 3px;
1076 background-image:url(images/tl_corner.gif);
1077 background-position: top left;
1078 background-repeat: no-repeat;
1083 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1084 background-color: transparent;
1085 border-collapse: collapse;
1086 border-bottom: 1px solid #B8AE9C;
1087 padding: 0.5em 0em 0em 2em;
1088 white-space: nowrap;
1092 /* The normal, unselected tabs. They are all links */
1093 background-color: transparent;
1094 border-color: #B8AE9C;
1096 border-style: solid solid none solid;
1099 margin-right: 0.5em;
1100 padding: 0em 2em 0em;
1104 div.tabs a.selected {
1105 /* The selected tab. There's only one of this */
1106 background-color: white;
1107 border-bottom: #B8AE9C 1px solid;
1109 font-weight: normal;
1112 div.tabs a:hover, div.tabs a.active {
1113 background-color: #B8AE9C;
1114 border-bottom: 1px solid #B8AE9C;
1121 .headingbox a:link, .headingbox a:visited{
1122 text-decoration: none;
1127 background-color: #F5F5F5;
1133 background-color: #F5F5F5;
1134 text-decoration: none;
1140 background-color: #F5F5F5;
1142 border: 1px solid #B8AE9C;
1144 font-weight: normal;
1149 background-color: #6F7172;
1150 border: 1px solid #B8AE9C;
1151 border-style: solid solid none solid;
1153 padding: 0em 1em 0em 1em;
1160 text-decoration: none;
1165 text-decoration: none;
1169 text-decoration: underline;
1183 text-transform: none;
1184 border-left: 1pt solid #B8AE9C;
1197 background-color: #F7F3ED;
1201 background-color: transparent;
1205 /* users/index.php */
1211 border: rgb(204, 204, 204) 1px solid;
1212 background-color: #F7F7F7;
1224 font-weight: normal;
1230 background-color:#FBF4E9;
1231 border: #B8AE9C 1px solid;
1235 table.data .odd img.headicon{
1238 -webkit-border-radius:5px;
1239 -moz-border-radius:5px;
1244 -webkit-border-radius:10px;
1245 -moz-border-radius:10px;
1246 border-radius: 10px;
1247 border-color: white;
1252 div.course div.shortcuts {
1255 vertical-align: middle;
1259 fieldset#shortcuts {
1261 background-color: #FEFDEF;
1262 border: 1pt solid #B8AE9C;
1263 margin: -5pt 5pt 5pt 5pt;
1264 padding-right: 10pt;
1265 padding-bottom: 5pt;
1270 margin-bottom: 10pt;
1271 -webkit-border-radius:5px;
1272 moz-border-radius:5px;
1279 border:thin #6D7B8D solid;
1280 border:thin #A9ADB0 solid;
1288 list-style-type: none;
1292 /*a#guide,*/ a#my-courses-link {
1293 background-color: #6D84A2;
1304 div#content-test, div.content-from-module {
1321 ul#home-links, ul#home-detail-links {
1326 #my_courses_container{
1333 border: solid 1px #A9ADB0;
1334 -webkit-border-radius:8px;
1335 -moz-border-radius:8px;
1339 margin-bottom: .375em;
1343 .my-courses-list-ul{
1356 padding-left: 0.875em;
1357 padding-bottom: 0.875em;
1361 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1376 list-style-type: none;
1378 padding-bottom: .5em;
1382 .current_list_date_time{
1385 #show-all, #show-pages{
1389 /* enrollment tabs */
1395 margin-bottom: .25em;
1396 margin-top: 0.938em;
1397 white-space: nowrap;
1407 padding: 0.188em 0.563em;
1408 border: 1px solid #F7F3ED;
1409 border-bottom: none;
1410 background-color: #F7F3ED;
1411 text-decoration: none;
1413 white-space: nowrap;
1416 #navlist li a:hover, #navlist li a:active {
1418 background-color: #fff;
1423 vertical-align: middle;
1430 dl#public-profile dt {
1433 border-right: 1px solid #F7F3ED;
1434 padding: 0.313em 0.313em 0.313em 0;
1436 margin-right: 0.313em;
1438 dl#public-profile dd {
1456 padding-bottom: .375em;
1459 border: 1px #cccccc solid;
1467 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1468 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1469 #forum-thread li.odd { background-color: #fff; }
1470 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1471 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1472 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1473 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1474 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1475 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1476 div.forum-post-ctrl a { text-decoration: none; }
1477 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1478 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1479 div.forum-post-content div.body p { margin-bottom:1em; }
1480 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1481 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1485 /** inbox stuff - reuses some of the forum layout **/
1486 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1488 /* tool list on admin home and manage screens */
1491 padding: 0.125em 0.125em 0.125em 0.938em;
1492 margin-bottom: 0.313em;
1494 border: solid 1px #A9ADB0;
1495 -webkit-border-radius:5px;
1496 -moz-border-radius:5px;
1502 font-weight: normal;
1506 margin-top: -0.313em;
1514 margin-right: 0.313em;
1519 /* browse courses */
1521 padding-bottom: 0.625em;
1526 padding-bottom: 0.625em;
1527 background-color: #fffaf0;
1531 dl.browse-course dt {
1537 padding: 0.313em 0.625em 0.313em 0;
1538 vertical-align: middle;
1541 dl.browse-course dd {
1542 margin-bottom: 0.313em;
1544 padding: 0.313em 0 0.313em 0.625em;
1552 /* form fields grouping for WCAG 2.0 conformance*/
1553 fieldset.group_form{
1557 border: 1px #6D7B8D solid;
1558 -webkit-border-radius:5px;
1559 -moz-border-radius:5px;
1565 background-color:white;
1569 border: 1px #6D7B8D solid;
1570 -webkit-border-radius:5px;
1571 -moz-border-radius:5px;
1575 /* highlight active links for WCAG 2.0 conformance */
1576 a:active:not(.subnavcontain a),
1577 a:hover:not(.subnavcontain a),
1578 a:focus:not(.subnavcontain a),
1581 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1582 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1586 /*Overrides above a:active, a:hover, a:focus so the "Navigation" button itself isn't highlighted when activated.
1587 Ensure styling matches that in fl-tabs.*/
1588 .topnavlistcontainer a:hover, .topnavlistcontainer a:active, .topnavlistcontainer a:focus{
1589 background-image: -webkit-gradient(linear, left top, left bottom,
1591 color-stop(0.5, #374e6b),
1592 color-stop(0.50, #354d68),
1599 /*Added by Silvia */
1600 div.column_primary {
1605 min-width: 10.625em;
1608 div.column_equivalent{
1611 margin-left: 0.938em;
1612 margin-top: 0.313em;
1613 margin-right: 0.313em;
1614 margin-bottom: 0.313em;
1615 min-width: 10.625em;
1617 border: 1px solid #EEE;
1618 background-color: #FFF;
1622 border: 1px solid #aaa;
1627 background-color: #eee;
1636 div.alternative_box{
1637 border: 1px solid #ddd;
1642 background-color: #fff;
1645 div.alternative_box legend {
1649 div.resource_box legend {
1655 font-weight: bolder;
1656 background-color: white;
1659 /* format of "table of contents" on content page */
1660 #toc a { display:block; margin:0.188em; }
1661 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1667 background-color: #FEFDEF;
1668 border: 1pt solid #B8AE9C;
1676 /* cleans up glossary question mark line spacing*/
1678 border: 1pt solid #B8AE9C;
1679 vertical-align:bottom;
1683 /* jQuery tooltip styles */
1687 border:3px solid #111;
1688 background-color:#eeeeee;
1691 #tooltip h3,#tooltip div{
1695 /* style for home page modules "detail view" */
1721 background-image:url(images/details_r.png);
1722 background-position: top right;
1723 background-repeat:no-repeat;
1729 background-image:url(images/details_l.png);
1730 background-position: top left;
1731 background-repeat:no-repeat;
1737 background-image:url(images/details_ir.png);
1738 background-position: top right;
1739 background-repeat:no-repeat;
1744 background-image:url(images/details_il.png);
1745 background-position: top left;
1746 background-repeat:no-repeat;
1757 .draggable_selected {
1758 background-color: lightgrey;
1765 border:1px solid #cccccc;
1768 list-style: disc url(../../images/folder.gif) outside;
1769 font-family: Helvetica,sans-serif;
1775 li.folders .disabled {
1780 list-style-image:none;
1781 list-style-position:outside;
1782 list-style-type:none;
1788 /* hiding/showing results-display */
1791 div#results-display{
1800 ul#topnavlist>li:hover, ul#topnavlist>li:hover a, ul#topnavlist>li:active, ul#topnavlist>li:active a, ul#topnavlist>li:focus,
1801 ul#topnavlist>li:focus a {
1803 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1804 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1807 ul#topnavlist li a {
1809 text-decoration: none;
1814 border: #cccccc 1px solid;
1815 -webkit-border-radius:5px;
1816 -moz-border-radius:5px;
1822 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{
1827 ul#subnavlist li a, ul#subnavlist li a:visited {
1832 /* list attributes */
1842 /*border: 1px solid #e0e0e0;*/
1843 background-color: #e6e6e6;
1847 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1848 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1851 ol#tools>li:hover a{
1858 #content-contentwrapper{
1869 margin-left: 0.313em;
1870 margin-top:-0.625em;
1887 /* ATutor Social Styles */
1889 div .profile_container {
1890 background-color:#eee;
1891 border: 1px solid #8e8e8e;
1894 margin-bottom: 0.5em;
1897 div .profile_container .top_right {
1901 dl.public-profile dd{
1904 dl.public-profile dt {
1915 div .search_form .row{
1916 background-color: #DEDEC0;
1920 background-color: #eee;
1921 border: 1px solid #aaa;
1924 background-color: #cccccc;
1931 ul.social_side_menu {
1934 ul.social_side_menu li {
1935 padding-bottom: 0.2em;
1940 border-bottom:1px solid #C1C157;
1941 padding-bottom:0.5em;
1942 margin-bottom:0.5em;
1950 div.contentbox, input-form{
1953 background-color: #ffffff;
1955 border: #A9ADB0 solid 1px;
1956 -webkit-border-radius: 5px;
1957 -moz-border-radius:5px;
1962 border:1px solid #a50707;
1963 margin-left:0.625em;
1970 ul.social_inline_menu{
1971 background-color: #eeeeee;
1972 border:thin #cccccc solid;
1986 /*mobile FSS override */
1987 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:hover,
1988 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:focus,
1989 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a:active {
1991 background: url(../images/themes/iphone/listmenu_loader.gif) no-repeat 97% center,
1992 -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
1995 ul#subnavlist li a:focus, ul#subnavlist li a:active, ul#subnavlist li a:hover{
2001 /************************************************************************************************/
2002 /*Adds arrows to Fluid Tabs. Here is a good guide for creating triangles with CSS:
2003 http://jonrohan.me/guide/css/creating-triangles-in-css/ */
2004 /************************************************************************************************/
2008 ul.sequence-links li {
2014 ul.sequence-links li.back a:link, ul.sequence-links li.back a:visited {
2016 padding-left:0.438em;
2020 ul.sequence-links li.forward a:link, ul.sequence-links li.forward a:visited {
2022 padding-right:0.313em;
2026 ul.sequence-links li a:hover, ul.sequence-links li a:focus, ul.sequence-links li a:active,
2027 ul.sequence-links li.back a:hover, ul.sequence-links li.back a:focus, ul.sequence-links li.back a:active,
2028 ul.sequence-links li.forward a:hover, ul.sequence-links li.forward a:focus, ul.sequence-links li.forward a:active {
2030 background:transparent;
2034 ul.sequence-links li:before, ul.sequence-links li:after, ul.sequence-links li a:before, ul.sequence-links li a:after {
2041 ul.sequence-links li a:before, ul.sequence-links li a:after {
2045 ul.sequence-links li a:hover:before, ul.sequence-links li a:focus:before, ul.sequence-links li a:active:before {
2048 /*arrow that points to the left, beside the "Previous" text */
2049 .arrow.back a:after {/*arrow pointing to the left*/
2050 background: none repeat scroll 0% 0% transparent;
2051 border-color: transparent #005689;
2053 border-style: solid;
2054 border-width: 5px 0pt 5px 6px;
2056 margin-top: -0.39em;
2059 /*left and right triangle icons change color*/
2060 .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{
2061 border-color: transparent #4c96f4;
2064 .arrow.back a:after {
2065 border-width: 6px 6px 6px 0pt;
2071 /*arrow that points to the right, beside the "Next" text */
2072 .arrow.forward a:after {
2073 background: none repeat scroll 0% 0% transparent;
2074 border-color: transparent #FFFFFF;
2075 border-style: solid;
2076 margin-top: -0.425em;
2077 margin-top: -0.313em;
2080 .arrow.forward a:after {
2082 background: none repeat scroll 0% 0% transparent;
2083 border-color: transparent transparent transparent #005689;
2085 border-style: solid;
2101 border-left: #A9ADB0 1px solid;
2102 border-right: #A9ADB0 1px solid;
2103 border-bottom: #A9ADB0 1px solid;
2104 -webkit-border-radius: 5px;
2105 -moz-border-radius: 5px;
2115 /*hiding and showing content */
2117 #results-hide-show-simple-content{
2118 -webkit-border-radius:5px;
2119 -moz-border-radius:5px;
2121 border: 1px #A9ADB0 solid;
2123 padding-bottom: .6em;
2124 padding-right: .2em;
2126 margin-bottom: 0.875em;
2127 margin-top: 0.875em;
2129 background-color: none;
2131 #results-hide-show-link{
2134 text-decoration: none;
2141 background-image:url("images/up.png");
2142 background-position: 100% 100%;
2143 background-repeat: no-repeat;
2147 background-image:url("images/down.png");
2148 background-position: 100% 100%;
2149 background-repeat: no-repeat;
2152 background-color: #F7F3ED;
2153 -webkit-border-radius:8px;
2154 -moz-border-radius:8px;
2156 border: 1px #A9ADB0 solid;
2160 .hide-show-container-surround a:active, .hide-show-container-surround a:focus, .hide-show-container-surround a:hover{
2161 background-color: transparent;
2164 .subnavcontain2, .subnavcontain{
2166 background-color: white;
2167 border: #A9ADB0 1px solid;
2168 -webkit-border-radius:8px;
2169 -moz-border-radius:8px;
2174 /* .fl-theme-iphone .subnavcontain a:hover, .fl-theme-iphone .subnavcontain a:active, .fl-theme-iphone .subnavcontain a:focus*/
2175 .fl-theme-iphone .subnavcontain a {
2176 text-decoration: none;
2179 .fl-theme-iphone .subnavcontain-active{
2181 text-decoration: none;
2185 background-image: -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
2186 border: #A9ADB0 1px solid;
2187 -webkit-border-radius:8px;
2188 -moz-border-radius:8px;
2196 #page-title-back-to-page{
2197 display: inline-block;
2201 .page-title, #back-to-page{
2205 .fl-theme-iphone #subnavlist-link a:active,
2206 .fl-theme-iphone #subnavlist-link a:hover,
2207 .fl-theme-iphone #subnavlist-link a:focus{
2208 background-color: none;
2210 .fl-theme-iphone .subnavcontain{
2214 display: inline-block;
2219 border-right: #A9ADB0 1px solid;
2222 .rectangle2:last-child{
2227 text-decoration: none;
2238 #content_link_phone a:active, #content_link_phone a:focus, #content_link_phone a:hover{
2240 background-color: white;
2242 /* style for "last modified" information of course content*/
2247 ul.my-courses-list-ul > li:hover{
2248 background-color: #4c96f4;
2252 ul.my-courses-list-ul > li:hover a{
2254 text-decoration: none;
2257 /* to be created as a separate desktop theme file */
2258 .fl-tabs li:first-child {
2259 border-bottom-left-radius: 5px;
2260 border-top-left-radius: 5px;
2263 .fl-theme-iphone .fl-tabs li {
2264 -moz-border-image: url("images/navbar_normal_button_insetShadow.png") 5 5 5 5 stretch;
2265 background-color: #354D68;