geovannefarell

core.css

Mar 16th, 2014
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 43.32 KB | None | 0 0
  1. body {
  2.     line-height: inherit;
  3.     background: #dddddd;
  4. }
  5. html {
  6.     height: 100%;
  7. }
  8. body {
  9.     margin: 0;
  10.     padding: 0;
  11.     height: 100%;
  12. }
  13. p {
  14.     margin: 0 0 0.5em;
  15. }
  16. h3, h1, h2 {
  17.     line-height: inherit;
  18. }
  19. ul {
  20.     margin: 0;
  21. }
  22. /* a few ui overrides */
  23. .ui-body-a legend.ftoggler {
  24.     color: #fff;
  25.     border-bottom: none;
  26. }
  27. #page-site-indexPAGE .ui-content .ui-controlgroup {
  28.     margin: 0.5em 0;
  29.     padding: 0;
  30. }
  31. h1.helpheading,
  32. h2.helpheading {
  33.     font-size: 1.6em;
  34. }
  35. /*extra line abve labels and remove padding right for no icon */
  36. .label .ui-btn-inner {
  37.     border-top: none !important;
  38.     padding-right: 15px;
  39. }
  40. .ui-header .ui-btn-left.ibrand {
  41.     top: 0.35em !important;
  42. }
  43. .ui-header .ui-btn-right.twor {
  44.     right: 3.3em;
  45. }
  46. li.modtype_label {
  47.     border-bottom: none;
  48. }
  49. .ui-li-count {
  50.     position: absolute;
  51.     font-size: 11px;
  52.     font-weight: bold;
  53.     padding: .2em .5em;
  54.     top: 50%;
  55.     margin-top: -.9em;
  56.     right: 38px;
  57. }
  58. /*fix for weird UI footer only small button */
  59. .ui-footer-fixed .ui-grid-null {
  60.     display: none;
  61. }
  62. /* over ride for section name titles allowing more space */
  63. .ui-header .sectionname.ui-title, .ui-footer .sectionname.ui-title {
  64.     margin-left: 40px;
  65.     margin-right: 40px;
  66. }
  67. /*hide turn editing on button */
  68. .settingsul li.Turn.editing.on {
  69.     display: none !important;
  70. }
  71. /*media plugin style overrides */
  72. span.mediaplugin {
  73.     clear: both;
  74.     display: block;
  75. }
  76. object.mediaplugin.mediaplugin_youtube, .mediaplugin object {
  77.     max-width: 100% !important;
  78. }
  79. /*front page spacing issue */
  80. .ui-bar.mymobilebar {
  81.     padding-bottom: 0;
  82.     padding-left: 10px;
  83. }
  84. #page-site-indexPAGE2 .ui-bar.mymobilebar {
  85.     padding-top: 0px;
  86.     margin-top: 0px;
  87. }
  88. .topic .ui-btn-inner, .answer .ui-btn-inner, #userselector_options_inner .ui-btn-inner, .contact .ui-btn-inner, .ui-checkbox .ui-btn-inner, fieldset div.ui-select .ui-btn-inner, #page-mod-lesson-viewPAGE .ui-btn-inner, .label .ui-btn-inner, .label.ui-li .ui-btn-text, .option .ui-btn-inner {
  89.     white-space: normal;
  90.     overflow: inherit;
  91. }
  92. .langmenu .ui-select {
  93.     float: left;
  94. }
  95. .que .control {
  96. width: auto;
  97. }
  98. .generalbox, .box {
  99.     border: none;
  100. }
  101. .sitetopic {
  102.     margin-bottom: .50em;
  103. }
  104. .generalfooter .smallicon.navicon {
  105.     display: none;
  106. }
  107. .mobile_blocksonly {
  108.     display: none;
  109. }
  110. .block.hidden .content {
  111.     display: block;
  112. }
  113. .ui-navbar .arrow.sep {
  114.     display: none;
  115. }
  116. .ui-navbar li, #page-user-filesPAGE li, #page-user-filesPAGE ul, .box.files ul, .box.files li {
  117.     list-style-type: none;
  118. }
  119. div.notifyproblem {
  120.     cursor:default !important;
  121. }
  122. /*under footer */
  123. #underfooter {
  124.     padding: 1em 0em;
  125.     font-size: 90%;
  126. }
  127. #underfooter .logininfo  {
  128.     text-align: center;
  129.     padding-top: .0em !important;
  130.     padding-bottom: .0em;
  131.     font-size: inherit;
  132.     font-weight: normal;
  133. }
  134. #underfooter #theme_switch_link {
  135.     padding-top: 0.5em;
  136.     text-align: center;
  137. }
  138.  
  139. #underfooter .noajax {
  140.     padding-bottom: .2em;
  141. }
  142. /* content for page redirect */
  143. .pagelayout-redirect #content2 {
  144.     text-align: center;
  145. }
  146. /* front page styles*/
  147. .coursebox h3 {
  148.     margin-bottom: 0;
  149.     line-height:inherit !important;
  150. }
  151. .coursebox h3 a, .categorylist .category a {
  152.     text-align: left;
  153. }
  154. .coursebox h3 a .ui-btn-inner, .category a .ui-btn-inner {
  155.     padding-left: .8em;
  156. }
  157. ul.section li.activity .mod-indent {
  158.     display: inline;
  159. }
  160.  .category a .ui-li-count {
  161.     right: 1em;
  162. }
  163. .coursebox > .info > .coursename {
  164.     font-size: 1.2em;
  165. }
  166. .coursebox div.summary {
  167.     display: none;
  168. }
  169. .coursebox div.info {
  170.     width: 100%;
  171. }
  172. .block_course_overview .coursebox .info {
  173.     float: none;
  174. }
  175. .coursebox ul.teachers {
  176.     display: none;
  177. }
  178. .coursebox, div.categorylist div.category {
  179.     margin-bottom: 0px;
  180.     border: none;
  181. }
  182. div.categorylist div.category {
  183.     padding: 0px;
  184. }
  185. .category span.numberofcourse {
  186.     display: none;
  187. }
  188. .categorylist .category .indentation {
  189.     float: none;
  190.     padding-left: 0px;
  191. }
  192. .block {
  193.     border: 0px;
  194.     margin-top: 0px !important;
  195.     padding-top: 0px !important;
  196.     margin-bottom: 0px !important;
  197.     padding-bottom: 0px !important;
  198. }
  199. #page-site-indexPAGE td {
  200.     padding: inherit;
  201. }
  202. #page-site-indexPAGE td .singlebutton form {
  203.     display: none;
  204. }
  205. /* frontpage logged in but no courses assigned fixes */
  206. #page-site-indexPAGE .categorylist .indentation {
  207.    padding-left: 0px;
  208. }
  209. #page-site-indexPAGE .categorylist .indentation div, #page-site-indexPAGE .categorylist .category .image, #page-site-indexPAGE .categorylist .category .name .ui-li-count {
  210.    display: none;
  211. }
  212. #page-site-indexPAGE .categorylist .category .name {
  213.     float: none !important;
  214. }
  215. /* all course list */
  216. #page-course-indexPAGE .ui-li-count, #page-course-indexPAGE .category .image {
  217.     display: none;
  218. }
  219. #page-course-indexPAGE .category .name {
  220.     float: none;
  221. }
  222. /* course stuff */
  223. /*coursebox summary has an empy   in it, which chops things up. need a fix...  hidesummary does this and is added via js... not anymore...*/
  224. .section div.summary {
  225.     height: auto;
  226.     padding-bottom: 0em;
  227.     padding-left: .4em;
  228.     padding-right: .4em;
  229.     line-height: 0px;
  230. }
  231. .section div.summary .no-overflow {
  232.     line-height: normal;
  233.     padding-bottom: .4em;
  234. }
  235. /* mod-indent change 11/25/10 to fix ... after activity names */
  236. #completionprogressid.completionprogress {
  237.     display: none;
  238.     font-size: 0.7em;
  239.     position: absolute;
  240.     right: 1em;
  241.     z-index: 2;
  242.     text-align: center;
  243.     white-space: normal;
  244.     width: 30px;
  245. }
  246. #completionprogressid .helplink2 {
  247.     float: right;
  248. }
  249. #completionprogressid.completionprogress img.iconhelp {
  250.     vertical-align: middle;
  251. }
  252. .mod-indent {
  253.     display: inline;
  254. }
  255. #completion_dynamic_change {
  256.     display: none;
  257.     width: 0px;
  258.     height: 0px;
  259. }
  260. input[type="hidden"] {
  261.     height: 0px !important;
  262.     width: 0px !important;
  263.     display: inline;
  264.     visibility: hidden;
  265.     background: none !important;
  266.     border: none !important;
  267.     background-color: transparent !important;
  268. }
  269. .mod-indent-1, .mod-indent {
  270.     margin-left:0;
  271. }
  272. li a.dimmed span {
  273.     color: #aaa !important;
  274. }
  275. .course-content .current {
  276.     background: none;
  277. }
  278. .path-course-view .section .content .weekdates {
  279.     color:inherit;
  280.     font-size:inherit;
  281.     font-weight:700;
  282. }
  283. .course-content ul.weeks li.section {
  284.     margin-bottom: .6em;
  285. }
  286. .course-content ul.topics li.section .content {
  287.     margin: 0 0px;
  288. }
  289. .course-content ul.topics li.section .left {
  290.     width: auto !important;
  291.     float: none;
  292.     clear: both !important;
  293.     margin-bottom: 5px;
  294. }
  295. /* push left on course items in course view
  296. .course-content li.activity.ui-btn .ui-btn-text a {
  297.     padding-left: 10px;
  298. }
  299. */
  300. .sitetopic li.activity.ui-li-static div.activityinstance,
  301. .course-content li.activity.ui-li-static div.activityinstance,
  302. .sitetopic li.activity.ui-btn .ui-btn-text a,
  303. .course-content li.activity.ui-btn .ui-btn-text a,
  304. .sitetopic .section .activity .availabilityinfo,
  305. .sitetopic .section .activity .contentafterlink,
  306. .course-content .section .activity .availabilityinfo,
  307. .course-content .section .activity .contentafterlink {
  308.     padding-left: 45px;
  309.     padding-right: 60px;
  310.     margin-left: 0;
  311.     margin-right: 0;
  312.     position: relative;
  313. }
  314. .sitetopic .section li.activity p.ui-li-desc a.autolink,
  315. .course-content .section li.activity p.ui-li-desc a.autolink {
  316.     padding: 0;
  317.     margin: 0;
  318. }
  319. .path-site li.activity.label > div,
  320. .path-course-view li.activity.label > div {
  321.     position: static;
  322. }
  323. .topics #section-0 div.left.side {
  324.     display: none;
  325. }
  326. .topics div.right.side {
  327.     display: none;
  328. }
  329. .topics li.activity {
  330. }
  331. .topics li.activity span.accesshide, .weeks li.activity span.accesshide, .ui-navbar span.accesshide {
  332.     display: none;
  333. }
  334. .sitetopic .section .activity img.activityicon,
  335. .course-content .section .activity img.activityicon {
  336.     margin-top: -.5em;
  337. }
  338. li.activity.ui-li-static span, li.activity div.availabilityinfo {
  339.     white-space: normal;
  340. }
  341. .topics img.spacer, .weeks img.spacer {
  342.     display: none;
  343. }
  344. form.togglecompletion a {
  345.     display: none !important;
  346. }
  347. form.togglecompletion {
  348.     right: auto !important;
  349.     position: inherit !important;
  350.     display: inline;
  351. }
  352. form.togglecompletion div {
  353.     display: inline;
  354. }
  355. form.togglecompletion input {
  356.     visibility: hidden;
  357. }
  358.  
  359. .path-course-view li.activity span.autocompletion {
  360.     position: static;
  361. }
  362. .path-course-view li.activity span.autocompletion img,
  363. .path-course-view li.activity form.togglecompletion [type="image"] {
  364.     display: block !important;
  365.     position: absolute !important;
  366.     top: 21%;
  367.     right: 4em !important;
  368.     left:auto !important;
  369.     visibility: visible;
  370.     width: 26px;
  371.     height: 23px;
  372. }
  373. .topics .content, .weeks .content {
  374.     padding-left: 0px !important;
  375.     padding-right: 0px !important;
  376.     margin: 0;
  377. }
  378. .course ul.section {
  379.     margin: 0px;
  380. }
  381. .resourceworkaround, .urlworkaround, .modified {
  382.     font-size: inherit;
  383. }
  384. /* image thumb replacement for main course overview uses a settings tag to decide whether this happens or not */
  385. .ithumb .course-content .summary img, .ithumb .course-content .activity.label img, .ithumb .sitetopic .no-overflow img {
  386.     background: url([[pix:theme|photos]]) no-repeat 50% 50%;
  387.    height:0;
  388.    overflow:hidden;
  389.    padding-top: 40px;
  390.    width: 40px;
  391.    background-size: 40px 40px;
  392.     -webkit-background-size: 40px 40px;
  393.     float: none !important;
  394.     margin-right: auto !important;
  395.     position: inherit !important;
  396.     left:auto !important;
  397. }
  398. ul.weeks .left.side, ul.weeks .right.side {
  399.     display: none;
  400. }
  401. .course-content ul.weeks li.section .content {
  402.     margin:0 0px;
  403. }
  404. .course-content ul.topics li.section {
  405.     margin-bottom: .6em;
  406. }
  407. .section .left.side {
  408.     font-weight: 700;
  409. }
  410. .section .content .headingwrap {
  411.     margin-bottom: .25em;
  412. }
  413. .weeks .section .content .headingwrap {
  414.     margin-bottom: .4em;
  415. }
  416. .weeks h3.weekdates {
  417.     display: block;
  418.     float: none;
  419.     padding-top: 0px;
  420.     padding-bottom: 0px;
  421. }
  422. li.activity.label {
  423.     padding: .6em !important;
  424.     cursor:default;
  425. }
  426. li.activity.label form.togglecompletion { position: relative; }
  427. .sitetopic .section .activity .activityinstance,
  428. .course-content .section .activity .activityinstance,
  429. .sitetopic .section .activity .activityinstance div,
  430. .course-content .section .activity .activityinstance div { display: block; }
  431. li.label .no-overflow ul, li.label .no-overflow ul li {
  432.     list-style-position: inside;
  433. }
  434. span.instancename {
  435.     font-size: 110%;
  436. }
  437. .path-course-view .section .content {
  438.     padding:0;
  439.     margin: 0px;
  440. }
  441. .section.hidden, .section.hidden a {
  442.     color: #aaaaaa !important;
  443. }
  444. .label div.no-overflow {
  445.     overflow:inherit !important;
  446. }
  447. /*forms */
  448. .buttons .singlebutton, .buttons .singlebutton form, .buttons .singlebutton div, .mform .fitem fieldset.fgroup label, .mform .fradio label, .mform .fcheckbox label, .mform fieldset.fdate_selector label  {
  449.     display: inherit;
  450. }
  451. .mform .fitemtitle {
  452.     text-align: center !important;
  453.     clear: both !important;
  454.     float: none !important;
  455.     width: 100% !important;
  456.     font-size: 16px;
  457. }
  458. .mform .felement.fstatic {
  459.     font-weight: 800;
  460.     font-size: 16px;
  461. }
  462. .mform .fitemtitle img.req {
  463.     display: inline;
  464. }
  465. .mform .fitem .felement {
  466.     margin-left: 0px;
  467.     width: 100%;
  468. }
  469. .mform .fitem .felement input[type="text"], .mform .fitem .felement textarea, .message .messagearea .messagesend .messagesendbox {
  470.     width: 92%;
  471. }
  472. .mform fieldset legend {
  473.     margin-left: 0em;
  474. }
  475. legend {
  476.     color: inherit;
  477. }
  478. .landscape .mform .fitem .ui-select {
  479.     width: 95%;
  480. }
  481. .mform .fitem .ui-checkbox {
  482.     display: block !important;
  483.     max-width: 95%;
  484. }
  485. input[name="mailnow"] {
  486.     display: none;
  487. }
  488. .mform .required {
  489.     color:inherit;
  490. }
  491. .loginbox .loginform .form-input #username, .loginbox .loginform .form-input #password {
  492.     color: inherit !important;
  493.     font-family: inherit !important;
  494.     font-size: 16px !important;
  495.     line-height: 1.4;
  496.     padding: .4em !important;
  497.     width: 98% !important;
  498. }
  499. .loginbox #loginbtn {
  500.     width: 100% !important;
  501. }
  502. .loginbox .loginform {
  503.     width: auto;
  504. }
  505. .loginbox .loginform .form-label {
  506.     float: none;
  507.     text-align: center;
  508.     width: auto;
  509. }
  510. .loginbox .loginform .form-input {
  511.     float: none;
  512.     width: auto;
  513. }
  514. .loginbox h2 {
  515.     margin: 0 0;
  516.     padding: 0 0;
  517. }
  518. .mform fieldset div {
  519. margin:0;
  520. }
  521. .mform fieldset div div {
  522.     margin: .5em;
  523. }
  524. /*admin forms and profile type forms */
  525. .portrait2 #page-user-editPAGE select, .portrait2 .pagelayout-admin select, .path-course-report2 select {
  526.     max-width: 200px;
  527. }
  528. .landscape2 #page-user-editPAGE select, .landscape2 .pagelayout-admin select, .path-course-report2 select {
  529.     max-width: 450px;
  530. }
  531. /*forums */
  532. .forumheaderlist {
  533.     border: 0px !important;
  534.     border-collapse:collapse;
  535.     width: 100%;
  536. }
  537. .forumheaderlist th {
  538.     text-align: left;
  539. }
  540. .forumheaderlist thead .ui-btn-inner, .topic .ui-btn {
  541.     text-align: left !important;
  542. }
  543. .forumheaderlist .ui-btn-icon-right .ui-btn-inner {
  544.     padding-right: 55px;
  545. }
  546. .forumheaderlist thead .ui-btn {
  547.     cursor: default;
  548. }
  549. .forumheaderlist, .forumheaderlist th, .forumheaderlist td{
  550.     background: none;
  551.     border: none ;
  552.     border: 0px !important;
  553.     border-collapse: collapse;
  554. }
  555. .forumheaderlist td.author, .forumheaderlist td.picture, .forumheaderlist th.author, .forumheaderlist th.replies, .forumheaderlist th.lastpost, .forumheaderlist td.replies, .forumheaderlist td.lastpost, #page-mod-quiz-reportPAGE .headingwrap {
  556.     display: none;
  557. }
  558. .forumheaderlist td, .forumheaderlist tr {
  559.     padding: 0px !important;
  560. }
  561. table.forumheaderlist2 td.topic a {
  562.     padding: 10px;
  563.     padding-right: 17px;
  564.     border-top: 1px solid #666;
  565. }
  566. .forumheaderlist th, .forumheaderlist td {
  567.     padding: 0px;
  568. }
  569. .forumpost .row.header.ui-li-divider {
  570.     padding-top: .2em;
  571. }
  572. .forumpost .picture img {
  573.     margin-left:0;
  574.     margin-top: .5em;
  575. }
  576. .forumpost .row.side .left {
  577.     display: none;
  578. }
  579. .forumpost .options .forum-post-rating {
  580.     float:none;
  581. }
  582. .forumpost {
  583.     margin-top: .4em;
  584. }
  585. .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
  586.     margin-left:0px;
  587.     margin-top: .4em;
  588. }
  589. .forumpost .row.maincontent .left {
  590.     display: none;
  591. }
  592. .forumpost .content  {
  593.     padding-top: .5em;
  594.     padding-left: .5em;
  595.     padding-right: .5em;
  596. }
  597. .forumpost .row {
  598.     width: auto;
  599. }
  600. div.discussioncontrols {
  601.     display: none;
  602. }
  603. .path-mod-forum div.subject {
  604.     font-size: 120%;
  605. }
  606. .forumpost td.picture.left, .forumpost td.left.side {
  607.     display: none;
  608. }
  609. .topic img.userpicture {
  610.     float: left;
  611.     margin-right: .3em;
  612. }
  613. .forumpost .topic {
  614.     border-bottom: none;
  615.     cursor: default;
  616. }
  617. #id_subscribe-button .ui-btn-text {
  618.     display: none;
  619. }
  620. .forumpost span.edited {
  621.     font-size: 80%;
  622. }
  623. .forumpost .author .ui-btn, .forumpost .author .ui-btn-inner {
  624.     padding: 0px;
  625.     background: none;
  626.     border: none;
  627.     -moz-box-shadow: none;
  628.     -webkit-box-shadow: none;
  629.     box-shadow: none;
  630. }
  631. /*profile */
  632. .userprofilebox .profilepicture {
  633.     float: none !important;
  634.     text-align: center !important;
  635. }
  636. .userprofilebox .profilepicture img {
  637.     text-align: center;
  638. }
  639. .userprofilebox div.descriptionbox {
  640.     margin: 0;
  641.     padding: 0 0 0 0;
  642.     border: 0px;
  643. }
  644. #page-user-editPAGE .ui-btn-inner, #page-mod-lesson-viewPAGE .ui-btn-inner {
  645.     white-space:normal;
  646. }
  647. .path-user .description {
  648.     border-bottom: none;
  649.  }
  650. .path-user img.userpicture {
  651.     margin: .25em;
  652. }
  653. .block_private_files ul li, .block_private_files ul {
  654.     list-style-type: none;
  655. }
  656. /*login */
  657. .loginbox.onecolumn {
  658.     margin: 0px;
  659. }
  660. .loginbox .guestsub {
  661.     border-top:0px solid #DDDDDD;
  662.     margin: 0px;
  663. }
  664. .loginbox .loginform {
  665.     width: 100%;
  666. }
  667. .loginbox.twocolumns {
  668.     width: 100%;
  669.     margin: 0;
  670. }
  671. .loginbox.twocolumns .loginpanel {
  672.     float: none;
  673.     border: none;
  674.     width: 100%;
  675.     padding: 0 0 0 0;
  676.     margin-bottom: 0px !important;
  677.     padding-bottom: 0px !important;
  678. }
  679. .loginbox.twocolumns .signuppanel {
  680.     float: none;
  681.     width: 100%;
  682.     margin: 0;
  683.     margin-bottom: 0px !important;
  684.     padding-bottom: 0px !important;
  685. }
  686. #intro {
  687.     margin: 0px 0px;
  688.     border: none !important;
  689. }
  690. /*signup forms*/
  691. #page-login-signup .mform .fitem .felement {
  692.     margin-left: auto;
  693. }
  694. #page-login-signup .mform {
  695.     margin: 0 auto;
  696.     width: 98%;
  697. }
  698. .loginbox .subcontent {
  699.     margin: 0px;
  700.     padding: 0px;
  701. }
  702. .loginbox .subcontent.loginsub {
  703.     margin: 0px;
  704.     padding: 8px;
  705. }
  706. .loginbox h2 {
  707.     padding-left: 0px;
  708.     padding-right: 0px;
  709.     margin-left: 0px;
  710.     margin-right: 0px;
  711. }
  712. #id_passwordunmaskdiv {
  713.     display: none;
  714. }
  715. /* quiz */
  716. #page-mod-quiz-reportPAGE label.ui-btn{
  717.     display: inherit;
  718.     width: 95%;
  719. }
  720. #page-mod-quiz-reportPAGE #preferencesuser, #page-mod-quiz-reportPAGE .graph {
  721.     display: none;
  722. }
  723. /* display quiz timer only on quiz pages if necessary */
  724. #quiz-timer {
  725.     display: none;
  726. }
  727. .path-mod-quiz #quiz-timer {
  728.     display: inherit;
  729.     text-align: center;
  730.     margin-top: 0em;
  731. }
  732. .que {
  733.     border: none;
  734. }
  735. .que .content {
  736.     width: 100%;
  737. }
  738. .que .prompt, .que .answer {
  739.     float: none;
  740.     clear: both;
  741. }
  742. .que .prompt {
  743.     width: auto !important;
  744. }
  745. .que .answer {
  746.     width: 100%;
  747. }
  748. .que .control {
  749.     width:95%;
  750. }
  751. .que .answer textarea {
  752.     min-width: 100%;
  753. }
  754. .que .feedback {
  755.     border: none;
  756. }
  757. .que .info {
  758.     float: none;
  759.     width: auto !important;
  760.     padding-top: .4em;
  761. }
  762. .que .info div {
  763.     display: inline;
  764.     margin-top: .5em !important;
  765.     margin-left: .2em;
  766. }
  767. .que .content {
  768.     margin: 0 0 0 0em;
  769. }
  770. .que .formulation, .que .outcome, .que .comment, .que .history {
  771.     margin: 0 0 0em;
  772.     padding: 0em;
  773.     clear: both;
  774.     float: none;
  775.     background: none;
  776. }
  777. .que .info h2, .que .info .grade, .que .info .questionflag {
  778.     display: inline;
  779. }
  780. input.questionflagimage {
  781.     vertical-align: middle;
  782.     padding: .2em;
  783.     height: 30px;
  784.     width: 30px;
  785. }
  786. .questionflagimage.ui-btn-hidden {
  787.     display: inline !important;
  788.     height: 30px;
  789.     width: 30px;
  790.     border: 1px solid #ccc;
  791. }
  792. /*hides extra checkbox */
  793. .questionflag input {
  794.     visibility: hidden !important;
  795. }
  796. .questionflag input.questionflagimage {
  797.     visibility: visible !important;
  798. }
  799. .questionflag .ui-btn.ui-btn-corner-all.ui-shadow {
  800.     display: none !important;
  801. }
  802. .truefalse2 .answer span {
  803.     float: none;
  804.     width: inherit;
  805.     padding: 0px;
  806.     padding-top: .4em;
  807.     padding-bottom: .4em;
  808. }
  809. .truefalse .answer span.r0, .truefalse .answer span.r1 {
  810.     float: none;
  811.     width: inherit;
  812.     padding: 0px;
  813.     padding-top: .4em;
  814.     padding-bottom: .4em;
  815. }
  816. .truefalse .answer span.r0 span, .truefalse .answer span.r1 span {
  817.     clear: both;
  818.     float: none;
  819.     padding: inherit;
  820.     width: inherit;
  821. }
  822. .truefalse2 .answer span .ui-icon {
  823.     padding: 0 10px;
  824. }
  825. .truefalse .answer span .ui-btn-inner {
  826.     padding-top: .5em;
  827.     padding-bottom: .5em;
  828. }
  829. table.quizattemptsummary .bestrow, table.quizattemptsummary .bestrow td {
  830.     background-color:inherit !important;
  831. }
  832. .questionflag div.ui-checkbox {
  833.     display: inline;
  834. }
  835. .answer .control label.ui-btn-up-a .ui-btn-text span {
  836.     color: #fff !important;
  837. }
  838. .answer .control label.ui-btn-up-a.ui-btn-active .ui-btn-text span {
  839.     color: #000 !important;
  840. }
  841. /* other modules */
  842. div#page-mod-data-viewPAGE img.iconsmall, #page-mod-glossary-viewPAGE img.iconsmall, #page-mod-data-view .approve img.icon {
  843.     height: 22px;
  844.     width: 22px;
  845.     padding-left: .5em;
  846.     padding-right: .5em;
  847. }
  848. .path-mod-glossary .glossarypost .commands {
  849.     white-space: normal;
  850.     width: auto;
  851. }
  852. /*tables */
  853. .pagelayout-report .no-overflow {
  854.     overflow: auto;
  855. }
  856. table.generaltable {
  857.     min-width: 98%;
  858.     margin-left: auto;
  859.     margin-right: auto;
  860.     margin-top: 1em;
  861.     overflow: auto;
  862.     border-collapse: collapse;
  863. }
  864. /*odd row highlight */
  865. .generaltable tbody tr.r0, .flexible tbody tr.r0  {
  866.     background: #eee;
  867.     color: #333;
  868. }
  869. .glossarycategoryheader {
  870.     width: 100%;
  871. }
  872. /*surveys activities */
  873. .surveytable {
  874.     width: 100%;
  875.     max-height: 200px;
  876.     overflow: auto !important;
  877.     display: block;
  878. }
  879. th.optioncell label.ui-input-text {
  880.     width: 100%;
  881. }
  882. /*graphs and summarys that also get scrollview */
  883. div.resultgraph, div.reportsummary {
  884.     max-height: 300px;
  885. }
  886. .surveytable .ui-radio .ui-btn .ui-btn-inner .ui-btn-text {
  887.     display: block;
  888.     padding: .8em;
  889.     padding-bottom: .3em;
  890. }
  891. table.generaltable thead, table.generaltable th.header {
  892.     background: none;
  893. }
  894. table.quizreviewsummary td.cell, table.quizreviewsummary th.cell {
  895.     background: none;
  896. }
  897. /*blocks */
  898. .block_messages .info, .block_online_users .info, .block_recent_activity .activitydate {
  899.     color: inherit !important;
  900. }
  901. .block .minicalendar {
  902.     width: 95%;
  903.     margin-left: auto;
  904.     margin-right: auto;
  905. }
  906. .minicalendar {
  907.     border-collapse:collapse;
  908. }
  909. .minicalendar td, .minicalendar th {
  910.     border-color:#FFFFFF;
  911.     border-width:1px 0;
  912. }
  913. .block .minicalendar td {
  914.     border-color: transparent;
  915. }
  916. /*grades */
  917. table.user-grade {
  918.      font-size:110%;
  919.      border:0px solid black;
  920. }
  921. table#user-grades {
  922.     border-width: 0px;
  923.     font-size: inherit;
  924. }
  925. table#user-grades .dimmed_text,
  926. table#user-grades .dimmed_text a {
  927.     color: #AAAAAA;
  928. }
  929. table.user-grade td.oddd1.b1t.b2b.b1l{
  930.     width: 0px;
  931. }
  932. .user-grade td.item {
  933.     border-left: 0px solid gray;
  934.     border-right: 1px solid #eee;
  935. }
  936. .user-grade thead {
  937.     border-bottom: 2px solid #666;
  938. }
  939. table#user-grades th.category {
  940.     border-width:0px 0px 0;
  941. }
  942. table.user-grade td.oddd1 {
  943.     background-color:inherit !important;
  944.     border: none;
  945. }
  946. table.user-grade td.b1b, table.user-grade td.b2b {
  947.     border-bottom:1px solid black;
  948.     padding-top: 5px;
  949.     padding-bottom: 5px;
  950. }
  951. table.user-grade td.b1b, table.user-grade td.b2b {
  952.     border-bottom:0px solid black;
  953. }
  954. /*lessons */
  955. div.ui-radio label.afirst, div.ui-checkbox label.afirst {
  956.     display: none;
  957. }
  958. #page-mod-lesson-viewPAGE input[type="radio"], .path-mod-lesson input[type="radio"], .fitem input[type="checkbox"], .path-calendar input[type="radio"], #page-mod-wiki-createPAGE input[type="radio"] {
  959.     width: 0px;
  960.     height: 0px;
  961.     position: absolute;
  962.     left: -1000px;
  963. }
  964. .path-mod-lesson .ongoing {
  965.     color:inherit;
  966.     border-bottom:  2px dashed #0000FF;
  967.     font-style: italic;
  968.     margin:0 0 1em;
  969. }
  970. .path-mod-lesson .branchbuttoncontainer.horizontal div, .path-mod-lesson .branchbuttoncontainer.horizontal form {
  971.     display: inherit;
  972. }
  973. /*tabs */
  974. .tabtree li.selected a {
  975.     cursor: default;
  976. }
  977. .tabtree ul li.here ul {
  978.     position: inherit;
  979.     top: inherit;
  980.     width: inherit;
  981. }
  982. /*messages and message areas */
  983.  .message .contactselector {
  984.     float:none;
  985.     width: 100%;
  986. }
  987. .message .messagearea {
  988.     border-left:0px solid #eee;
  989.     float:right;
  990.     min-height:200px;
  991.     padding-left:1%;
  992.     width:100%;
  993. }
  994. /*calendar and event stuff */
  995. .calendar_event_user {
  996.     background: none;
  997. }
  998. .calendartable .events-new ul, .calendartable .events-new li, .foldertree ul, .foldertree li {
  999.     list-style-type: none;
  1000.     margin-left: 0px;
  1001. }
  1002. #page-calendar-view .eventlist .event .topic {
  1003.     background:none;
  1004. }
  1005. .calendar-controls {
  1006.     text-align: center;
  1007. }
  1008. .calendar-controls h1 {
  1009.     text-align: center;
  1010.     float:left !important;
  1011.     display: inline;
  1012.     width: auto !important;
  1013.     text-align: center;
  1014. }
  1015. .calendar-controls .arrow_text {
  1016.     display: none;
  1017. }
  1018. .calendar-controls .arrow_link.next {
  1019.     float: right;
  1020. }
  1021. .calendar_event_course {
  1022.     background-color:inherit;
  1023.     border: 2px solid #FFD3BD;
  1024. }
  1025. .calendar_event_group {
  1026.     background-color:inherit;
  1027.     border: 2px solid #FEE7AE;
  1028. }
  1029. .calendar_event_global {
  1030.     background-color:inherit;
  1031.     border: 2px solid #D6F8CD;
  1032. }
  1033. .calendartable td.today.cell, .calendartable td.nottoday.cell {
  1034.     border: 1px solid       #ccc;
  1035.     background:             #eee;
  1036.     font-weight: bold;
  1037.     color:                  #444;
  1038.     text-shadow: 0 1px 1px #f6f6f6;
  1039.     background-image: -moz-linear-gradient(top,
  1040.                             #fefefe,
  1041.                             #eeeeee);
  1042.     background-image: -webkit-gradient(linear,left top,left bottom,
  1043.         color-stop(0,       #fdfdfd),
  1044.         color-stop(1,       #eeeeee));
  1045.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
  1046. }
  1047. .calendartable td.weekend.cell {
  1048.     border: 1px solid       #ccc;
  1049.     background:             #fff;
  1050.     font-weight: bold;
  1051.     color:                  #444;
  1052.     text-shadow: 0 1px 1px #fff;
  1053. }
  1054. .path-calendar .maincalendar .header .buttons {
  1055.     float:none;
  1056. }
  1057. table.event {
  1058.     width: 95%;
  1059. }
  1060. .event .picture.cell {
  1061.     width: 40px;
  1062. }
  1063. .maincalendar .bottom {
  1064.     margin-top: 1em;
  1065.     text-align: center;
  1066. }
  1067. .maincalendar .bottom img {
  1068.     background: #fff;
  1069.     padding: .5em;
  1070.     border: .2em solid #ccc;
  1071. }
  1072. /*hide calendar add event for now because of hash error on redirect of new event */
  1073. .maincalendar .header .buttons form {
  1074.     display: none;
  1075. }
  1076. .ui-icon.ui-icon-custom {
  1077.     -moz-border-radius:0px;
  1078.     background-color: inherit !important;
  1079.     height: 26px;
  1080.     width: 26px;
  1081. }
  1082. /*mymoodle */
  1083. #page-my-indexPAGE .headingwrap h3 a {
  1084.     color: inherit !important;
  1085. }
  1086. #page-my-indexPAGE .box.coursebox {
  1087.     padding: 0px;
  1088.     margin-bottom: .4em;
  1089.     width: 99%;
  1090. }
  1091. #page-my-indexPAGE h1 .header .title {
  1092.     font-size: 75%;
  1093.     text-align: center;
  1094. }
  1095. #page-my-indexPAGE .headingwrap {
  1096.     margin-bottom: .4em;
  1097. }
  1098. #page-my-indexPAGE .coursebox .overview .name {
  1099.     margin-left: 0px;
  1100. }
  1101. #page-my-indexPAGE .coursebox .overview .info {
  1102.     margin-left: 5px;
  1103. }
  1104. #page-my-indexPAGE .block h3 {
  1105.     text-align: left;
  1106.     margin-left: 15px;
  1107. }
  1108. #page-mod-folder-viewPAGE .foldertree {
  1109.     width: auto;
  1110.     padding-top: .5em;
  1111. }
  1112. .ui-icon-mynav {background-image:  url([[pix:theme|navs]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;
  1113. -webkit-background-size: 16px 16px;  }
  1114. #myuser .ui-icon {background-image:  url([[pix:theme|iuser]]); background-position:  50% 51%; background-repeat:  no-repeat; background-size: 14px 14px; -webkit-background-size: 14px 14px; }
  1115. #mycal .ui-icon {background-image:  url([[pix:theme|icalendar]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 14px 14px; -webkit-background-size: 14px 14px; }
  1116. #mymess .ui-icon {background-image:  url([[pix:theme|imessage]]); background-position:  50% 50%; background-repeat:  no-repeat; background-size: 14px 14px; -webkit-background-size: 14px 14px; }
  1117. #mypower .ui-icon {background-image:  url([[pix:theme|power]]);
  1118. background-position:  50% 50%; background-repeat:  no-repeat; background-size: 16px 16px;  }
  1119. .ui2-icon-mypower {
  1120.     background-image: url([[pix:theme|power]]) !important;
  1121.     background-repeat: no-repeat;
  1122.     background-position: 50% 50%;
  1123. }
  1124. /*iphone4 retina display icons */
  1125. @media all and (-webkit-min-device-pixel-ratio:2) {
  1126.     .ui-icon-mynav {
  1127.     background-image:  url([[pix:theme|navsI4]]);
  1128.      }
  1129.      #myuser .ui-icon {
  1130.     background-image:  url([[pix:theme|iuserI4]]);
  1131.      }
  1132.      #mycal .ui-icon {
  1133.      background-image:  url([[pix:theme|icalendarI4]]);
  1134.      }
  1135.      #mymess .ui-icon {
  1136.      background-image:  url([[pix:theme|imessageI4]]);
  1137.      }
  1138. }
  1139. .jsets {
  1140.     text-align: center;
  1141.     margin-top: .4em;
  1142. }
  1143. .label .ui-li-desc {
  1144.     margin:0em 0 0.6em;
  1145.     white-space:normal;
  1146. }
  1147. .redirectmessage .ui-btn-inner, #page-mid-quiz-reportPAGE .ui-btn-inner.ui-btn-corner-all {
  1148.     white-space:normal !important;
  1149. }
  1150. /*grades and tables */
  1151. div.gradeparent, #attemptsform .no-overflow, .usersubmissions .no-overflow {
  1152.     width: 95%;
  1153.     max-height: 400px;
  1154.     overflow: auto;
  1155.     padding-bottom: 3em;
  1156. }
  1157. #attemptsform .no-overflow, .usersubmissions .no-overflow {
  1158.     max-height: 200px;
  1159. }
  1160. .userenrolment .col_enrol .enrolment, #page-admin-course-manage .generalbox th, .editcourse .header, .results .header, #attempts .header, .generaltable .header, .plugincompattable th, .environmenttable th, .forumheaderlist th, .path-mod-assignment #dates .c0, .userenrolment tr.r1, .userenrolment tr.r0, table#user-grades .catlevel1, table#user-grades .catlevel2, table#user-grades .catlevel3, table#user-grades .categoryitem, table#user-grades .r1, .path-grade-report-grader table tr.even td.cell, .path-grade-report-grader table tr.even th, .gradestable .lastrow td.cell, .gradestable .lastrow th.header, table#user-grades td.controls, table#user-grades tr.avg td.cell, table#user-grades tr.groupavg td.cell, table#user-grades tr.range td.cell, table#fixed_column tr.odd th, table#user-grades tr.odd th, table#user-grades tr.odd td.cell, table#user-grades td.topleft, table#user-grades .catlevel1, table#user-grades .r1, .path-grade-report-grader table tr.even td.cell, .path-grade-report-grader table tr.even th {
  1161.     background-color:inherit !important;
  1162.     background: inherit !important;
  1163. }
  1164. table#user-grades tr.avg td.cell {
  1165.     color:inherit;
  1166.     text-decoration: underline;
  1167.     font-weight:800;
  1168. }
  1169. #outlinetable {
  1170.     width: 98% !important;
  1171. }
  1172. #graded_users_selector {
  1173.     float: none;
  1174.     text-align: inherit;
  1175. }
  1176. /*wiki */
  1177. #page-mod-wiki-editPAGE .hidden.ui-field-contain.ui-body.ui-br a.ui-btn, #page-mod-quiz-reportPAGE #commands .ui-btn {
  1178.     display: none;
  1179. }
  1180. .path-mod-wiki .ui-radio .ui-btn-inner {
  1181.    padding: 1.1em 35px 1.1em 1.1em;
  1182. }
  1183. .path-mod-wiki .mform .fitem {
  1184.     width: auto;
  1185.     margin: 0px 0px;
  1186.     overflow: visible;
  1187. }
  1188. /*questionarre */
  1189. body#page-mod-questionnaire-view .notice .buttons div, body#page-mod-questionnaire-view .notice .buttons form {
  1190.     display: block;
  1191. }
  1192. body#page-mod-questionnaire-view td.qnInner, body#page-mod-questionnaire-preview td.qnInner, body#page-mod-questionnaire-report td.qnInner, body#page-mod-questionnaire-myreport td.qnInner, .reportQuestionTitle, td.qnInner {
  1193.     background-color: transparent;
  1194.     border: none;
  1195.     display: inline;
  1196. }
  1197. .qnInnerTd, .reportQuestionNumber {
  1198.     display: inline;
  1199. }
  1200. body#page-mod-questionnaire-view td.qnType, body#page-mod-questionnaire-preview td.qnType, body#page-mod-questionnaire-report td.qnType, body#page-mod-questionnaire-myreport td.qnType {
  1201.     border-color: transparent;
  1202.     border: none;
  1203. }
  1204. /*messages and overlays */
  1205. #newmessageoverlay {
  1206.   font-weight: normal;
  1207.   border: 1px solid       #222;
  1208.   background:             #444;
  1209.   color:                  #ddd;
  1210.   text-shadow: 0 -1px 0px #000;
  1211.   background-image: -moz-linear-gradient(top,
  1212.                           #333  0%,
  1213.                           #333  5%,
  1214.                           #444  15%,
  1215.                           #444  60%,
  1216.                           #222  100%);
  1217.   background-image: -webkit-gradient(linear, center top, center bottom,
  1218.     color-stop(0,         #333),
  1219.     color-stop(5%,        #333),
  1220.     color-stop(15%,       #444),
  1221.     color-stop(60%,       #444),
  1222.     color-stop(1,         #222));
  1223.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222')";
  1224.     padding:20px;
  1225.     padding-left: 0px;
  1226.     padding-right: 10px;
  1227.     position: inherit;
  1228.     z-index: 9999;
  1229.     width: 90%;
  1230.     margin-left: auto;
  1231.     margin-right: auto;
  1232.     height: 100%;
  1233. }
  1234. #newmessageoverlay a {
  1235.  color: #e98a15;
  1236.   font-weight: bold;
  1237.   }
  1238. .resourcecontent.resourcepdf object {
  1239.     overflow: auto;
  1240. }
  1241. .resourcepdf #resourceobject {
  1242.     min-height: 400px;
  1243.     margin-bottom: 20px;
  1244. }
  1245. .mobileresource {
  1246.     border: 1px solid #666;
  1247.     z-index: 99999;
  1248.     position: absolute;
  1249.     top: 45px;
  1250.     right: 10px;
  1251.     width: 40px;
  1252.     height: 40px;
  1253.     background: #000 url([[pix:theme|clip]]) no-repeat 50% 50%;
  1254. }
  1255. /*end scrollview changes */
  1256. #dock {
  1257.     display: none;
  1258. }
  1259. /* reports and logs */
  1260. .groupmanagementtable td{
  1261. }
  1262. .boxwidthnormal, .boxwidthwide, .capabilitysearchui {
  1263.     width: auto;
  1264. }
  1265. /*choice */
  1266. ul.choices {
  1267.     margin-left: 0em;
  1268. }
  1269. ul.choices, ul.choices li {
  1270.     list-style-type: none;
  1271. }
  1272. .path-mod-choice .horizontal .choices .option {
  1273.     display: inherit;
  1274.     padding-right: 0px;
  1275. }
  1276. li.reportoption, #page-mod-choice-report .downloadreport ul li {
  1277.     display: block;
  1278.     float: none;
  1279.     list-style: none outside none;
  1280.     padding: 0;
  1281. }
  1282. #page-mod-scorm-player #tocbox {
  1283.     font-size:0.8em;
  1284.     left:0;
  1285.     position:relative;
  1286.     width:100% !important;
  1287. }
  1288. .path-mod-choice .anonymous, .path-mod-choice .names {
  1289.     margin-left:auto;
  1290.     margin-right:auto;
  1291.     width:100%;
  1292.     overflow: auto;
  1293. }
  1294. .path-mod-choice .names {
  1295.     max-width: 1500px;
  1296.     min-width: 480px;
  1297. }
  1298. .path-mod-choice .horizontal, .path-mod-choice .vertical {
  1299.     margin-left:1%;
  1300.     margin-right:1%;
  1301. }
  1302. table.results.anonymous {
  1303.     display: block;
  1304.     max-height: 300px;
  1305. }
  1306. /*chat */
  1307. .path-mod-chat-gui_ajax .ui-page {
  1308.     background: none !important;
  1309. }
  1310. .landscape #chatpage.ui-page, .portrait #chatpage.ui-page {
  1311.     min-height:0;
  1312. }
  1313. #page-mod-chat-gui_ajax-index #input-message {
  1314.     width: 70% !important;
  1315.     display: inline !important;
  1316. }
  1317. #chat-input-area {
  1318.     padding-bottom: 5px;
  1319. }
  1320. #chat-input-area div.ui-btn {
  1321.     float: right !important;
  1322.     max-width: 40%;
  1323.     margin-top: 0px !important;
  1324. }
  1325. #chat-input-area #choosetheme {
  1326.     display: none;
  1327. }
  1328. .path-mod-chat .userpicture {
  1329.     width: 20px;
  1330.     height: 20px;
  1331. }
  1332. #chatback {
  1333.     position: absolute;
  1334.     top: .5em;
  1335.     right: .1em;
  1336. }
  1337. #page-mod-chat-gui_ajax-index #layout-doc {
  1338.     width: 100% !important;
  1339. }
  1340. #page-mod-chat-gui_ajax-index #yui-gen5 {
  1341.     width: 100% !important;
  1342. }
  1343. #page-mod-chat-gui_ajax-index #yui-gen0, #page-mod-chat-gui_ajax-index yui-gen1, #page-mod-chat-gui_ajax-index #yui-gen0 .yui-layout-bd.yui-layout-bd-nohd.yui-layout-bd-noft {
  1344.     width: 25% !important;
  1345.     display: none;
  1346. }
  1347. #page-mod-chat-gui_ajax-index #yui-gen2 {
  1348.     display: none !important;
  1349. }
  1350. #page-mod-chat-gui_ajax-index #yui-gen6, #page-mod-chat-gui_ajax-index #yui-gen6 .yui-layout-bd.yui-layout-bd-nohd.yui-layout-bd-noft {
  1351.     width: 99% !important;
  1352. }
  1353. /*show nonjs comments only */
  1354. a.showcommentsnonjs {
  1355.     display: block !important;
  1356. }
  1357. a.comment-link, .block_comments a.showcommentsnonjs, .block_comments .comment-area {
  1358.     display: none !important;
  1359. }
  1360. .block_comments .comment-ctrl {
  1361.     display: block;
  1362. }
  1363.  
  1364. /*filemanager fixes and other button fixes and adds */
  1365. #page-mod-quiz-reportPAGE #commands input[type="submit"], #newmessagelinks a, .que input.submit {
  1366.     display: block !important;
  1367.     height: 3em !important;
  1368.     width: 95% !important;
  1369.     position: relative !important;
  1370.     left: 10px !important;
  1371.     margin-top: .3em;
  1372.     margin-bottom: .3em;
  1373.     border: 1px solid       #ccc;
  1374.     background:             #eee;
  1375.     font-weight: bold;
  1376.     color:                  #444;
  1377.     cursor: pointer;
  1378.     text-shadow: 0 1px 1px #f6f6f6;
  1379.     text-decoration: none;
  1380.     background-image: -moz-linear-gradient(top,
  1381.                             #fefefe,
  1382.                             #eeeeee);
  1383.     background-image: -webkit-gradient(linear,left top,left bottom,
  1384.         color-stop(0,       #fdfdfd),
  1385.         color-stop(1,       #eeeeee));
  1386.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
  1387.     -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
  1388. }
  1389. #newmessagelinks a {
  1390.     line-height: 3em;
  1391. }
  1392. .filemanager-toolbar a.ui-btn {
  1393.     display: none;
  1394. }
  1395. .yui-panel-container.show-scrollbars {
  1396.     position: absolute !important;
  1397.     top: 0px !important;
  1398.     left: 0px !important;
  1399.     width: 100% !important;
  1400. }
  1401. .yui-panel-container.show-scrollbars .yui-layout, .yui-panel-container.show-scrollbars .yui-layout-unit-center, .yui-panel-container.show-scrollbars .yui-layout-doc, .yui-panel-container.show-scrollbars .yui-layout-bd, .yui-panel-container.show-scrollbars .yui-layout-wrap {
  1402.     width: 100% !important;
  1403. }
  1404. .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
  1405. overflow:auto !important;
  1406. }
  1407. /*hide skip link br tags on front page only, hope this is fixed by moodle sometime soon */
  1408. #page-site-indexPAGE br, .section .content br {
  1409.     display: none;
  1410. }
  1411. /*settings to hide certain thins */
  1412. .topicnoshow .sitetopic {
  1413.     display: none !important;
  1414. }
  1415. /*hide category tree controls because they don't work with touch events. */
  1416. .course_category_tree .controls {
  1417.     display: none;
  1418. }
  1419. /*touch overflow to allow scrolling of divs, replaces old scrollview method*/
  1420. .gradeparent, .pagelayout-report .no-overflow, .path-mod-choice .response, .resourcecontent.resourceimg, .usersubmissions .no-overflow, .path-course-report-log .generaltable, table.results.anonymous, table.surveytable, div.resultgraph, div.reportsummary a, #completion-progress, #attempts {
  1421.     overflow: scroll;
  1422.     -webkit-overflow-scrolling: touch;
  1423. }
  1424. /*some loader overrides to hide the loading message */
  1425. .ui-loader-default {
  1426.     background: #000000;
  1427.     opacity: 0.8;
  1428. }
  1429. /*current highlight */
  1430. .weeks .current .headingwrap, .topics .current div.headingwrap, .current .ui-bar-b, .current .left.side, .tabtree ul.tabrow0 li.selected a, .ui-btn-active {
  1431.     border: 1px solid #F7C942;
  1432.     background: #fadb4e;
  1433.     color: #333;
  1434.     text-shadow: 0 1px 0    #fff;
  1435.     background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
  1436.     background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
  1437.     background-image:    -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
  1438.     background-image:     -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
  1439.     background-image:      -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
  1440.     background-image:         linear-gradient(top, #fceda7, #fadb4e);
  1441. }
  1442. .ui-btn-active a.ui-link-inherit {  color: #333; }
  1443. /*changes to nav bar at top and header */
  1444. /*necessary to set the navbar the same as the buttons because floats are not perfect ... */
  1445. .ui-header .ui-navbar {
  1446.     background:             #eee;
  1447.     background-image: -moz-linear-gradient(top,
  1448.                             #fefefe,
  1449.                             #e7e7e7);
  1450.     background-image: -webkit-gradient(linear,left top,left bottom,
  1451.         color-stop(0,       #fdfdfd),
  1452.         color-stop(1,       #e7e7e7));
  1453.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
  1454.     border-top: 1px solid #666;
  1455.     -webkit-box-shadow: inset 0px 1px 1px #fff;
  1456.      -moz-box-shadow: inset 0px 1px 1px #fff;
  1457.      box-shadow: inset 0px 1px 1px #fff;
  1458. }
  1459. .ui-bar-a.ui-header, .ui-bar-b.ui-header {
  1460.     border-bottom: 1px solid #ccc;
  1461. }
  1462. .ui-navbar .ui-select {
  1463.     width: 100% !important;
  1464.     display: block !important;
  1465. }
  1466. .ui-navbar .ui-select2 .ui-btn-corner-all, .ui-navbar .ui-select .ui-btn-inner {
  1467.     border-radius: 0em 0em 0em 0em;
  1468. }
  1469. .ui-navbar .ui-select .ui-btn-icon-right .ui-btn-inner2 {
  1470.     padding-right: 5px;
  1471. }
  1472. .ui-navbar .ui-select .ui-btn-icon-right .ui-btn-inner {
  1473.     padding-right: 15px;
  1474.     padding-left: 15px;
  1475. }
  1476. .ui-header .ui-navbar li .ui-btn {
  1477.     -webkit-border-radius:              .4em /*{global-radii-blocks}*/;
  1478.     -webkit-border-radius:  .4em .4em .4em .4em;
  1479.     -moz-border-radius:  .4em .4em .4em .4em;
  1480.      border-radius: .4em .4em .4em .4em;
  1481.      border: 1px solid #ccc !important;
  1482.      border-top: 1px solid #aaa !important;
  1483.      margin: .4em;
  1484.      margin-left: .4em;
  1485.      margin-right: 0em;
  1486.      -webkit-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
  1487.      -moz-box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
  1488.      box-shadow: 1px 1px 1px #fff, inset 1px 1px 1px #eee;
  1489.      text-shadow: 0 1px 1px #FFFFFF;
  1490. }
  1491. .ui-header .ui-navbar li:last-child .ui-btn {
  1492.     margin-right: .4em;
  1493. }
  1494. .ui-header .ui-navbar li .ui-btn .ui-btn-inner {
  1495.     padding-bottom: 0.6em;
  1496.     padding-top: 0.5em;
  1497. }
  1498. .ui-header .ui-fullsize .ui-btn-inner, .ui-footer .ui-fullsize .ui-btn-inner {
  1499.     font-size: 12.5px;
  1500. }
  1501. /*split page stuff for tablets */
  1502. div.tablets, #sliderdiv, .has-myblocks .jsetsbar {
  1503.     display: none;
  1504. }
  1505. @media all and (max-width: 480px){
  1506.     .ui-footer.mobilefooter .ui-btn-icon-top .ui-btn-inner, .mobilefooter .ui-mini .ui-btn-icon-top .ui-btn-inner {
  1507.     padding: 0.7em 3px 0.7em;
  1508.     }
  1509.     .ui-footer.mobilefooter .ui-btn-icon-top .ui-icon, .mobilefooter .ui-mini.ui-btn-icon-top .ui-icon, .mobilefooter .ui-mini .ui-btn-icon-top .ui-icon {
  1510.     display: none;
  1511.     }
  1512. }
  1513. @media all and (min-width: 650px){
  1514.     .has-myblocks div.tablets, .content-secondary, #sliderdiv {
  1515.         display: block;
  1516.     }
  1517.     .type-home .ui-content,
  1518.     .type-interior .ui-content {
  1519.         padding: 0;
  1520.     }
  1521.     .type-interior .ui-content {
  1522.         overflow: hidden;
  1523.     }
  1524.     .has-myblocks .content-secondary {
  1525.         text-align: left;
  1526.         float: left;
  1527.         width: 45%;
  1528.         background: none;
  1529.         border-top: 0;
  1530.     }
  1531.     .has-myblocks .content-secondary,
  1532.     .has-myblocks .type-interior .content-secondary {
  1533.         margin: 0px 0 20px 2%;
  1534.         padding: 10px 4% 0 0;
  1535.         background: none;
  1536.     }
  1537.     .type-index .content-secondary {
  1538.         padding: 0;
  1539.     }
  1540.     .type-index .content-secondary .ui-listview {
  1541.         margin: 0;
  1542.     }
  1543.     .has-myblocks .content-primary {
  1544.         width: 45%;
  1545.         float: right;
  1546.         margin-top: 0px;
  1547.         margin-right: 1%;
  1548.         padding-right: 1%;
  1549.     }
  1550.     .has-myblocks .content-primary ul:first-child {
  1551.         margin-top: 0;
  1552.     }
  1553.     .has-myblocks .content-secondary h2 {
  1554.         position: absolute;
  1555.         left: -9999px;
  1556.     }
  1557.     .has-myblocks .type-interior .content-primary {
  1558.         padding: 1.5em 6% 3em 0;
  1559.         margin: 0;
  1560.     }
  1561.     .has-myblocks .type-interior  .content-secondary .ui-li-divider {
  1562.         padding-top: 1em;
  1563.         padding-bottom: 1em;
  1564.     }
  1565.     .has-myblocks .type-interior .content-secondary {
  1566.         margin: 0;
  1567.         padding: 0;
  1568.     }
  1569. }
  1570. @media all and (min-width: 750px){
  1571.     .has-myblocks .content-secondary {
  1572.         width: 34%;
  1573.     }
  1574.     .has-myblocks .content-primary {
  1575.         width: 56%;
  1576.         padding-right: 1%;
  1577.     }
  1578. }
  1579. @media all and (min-width: 1200px){
  1580.     .has-myblocks .content-secondary {
  1581.         width: 30%;
  1582.         padding-right:6%;
  1583.         margin: 0px 0 20px 5%;
  1584.     }
  1585.     .has-myblocks .type-interior .content-secondary {
  1586.         margin: 0;
  1587.         padding: 0;
  1588.     }
  1589.     .has-myblocks .content-primary {
  1590.         width: 50%;
  1591.         margin-right: 5%;
  1592.         padding-right: 3%;
  1593.     }
  1594.     .has-myblocks .type-interior .content-primary {
  1595.         width: 60%;
  1596.     }
  1597. }
  1598. .tablets {
  1599.     text-align: center;
  1600.     padding-bottom: 1em;
  1601. }
  1602. .tablets span {
  1603.     font-weight: bold;
  1604.     line-height: 1.3;
  1605. }
  1606. .tablets h1 {
  1607.     text-align: center;
  1608.     margin-top: 0px;
  1609.     padding-bottom: .5em;
  1610.     background: url([[pix:theme|linevert]]) repeat-x 0 100%;
  1611. }
  1612. .has-myblocks .content-secondary .ui-collapsible-set {
  1613.     padding-bottom: 1em;
  1614. }
  1615. .has-myblocks .content-secondary div.ui-slider {
  1616.     width: 100%;
  1617. }
  1618. #profcol .userimg a img {
  1619.     display: block;
  1620.     margin: 0 auto;
  1621.     width: 100%;
  1622.     height: 100%;
  1623.     max-width: 100px;
  1624.     max-height: 100px;
  1625. }
  1626.  
  1627. /** Moodle 2.5 Changes */
  1628. .coursebox .name {
  1629.     width: 100%;
  1630. }
  1631. /** Custom CSS **/
  1632. [[setting:customcss]]
Advertisement
Add Comment
Please, Sign In to add comment