theme/formal_white/style/formal_white.css

   1 /***
   2  *** Core
   3  ***/
   4
   5 html, body {
   6     font-family:Arial, Verdana, Helvetica, sans-serif;
   7     margin:0;
   8     padding:0;
   9     background-color:#EFEFEF;
  10     font-size:[[setting:fontsizereference]];
  11 }
  12
  13 a:link {text-decoration:none;color:black;}
  14 a:visited {text-decoration:none;color:black;}
  15 a:hover {text-decoration:underline;color:black;}
  16
  17 h1 {font-size:140%;font-weight:bold;}
  18 h2 {font-size:130%;}
  19 h3 {font-size:120%;}
  20 h4 {font-weight:bold;}
  21
  22 h1.headerheading {margin:14px 11px 8px 11px;float:left;font-size:200%;}
  23 h2.main, h3.main, h4.main {margin:0;padding:0;text-align:center;}
  24
  25 /* page-header */
  26 #page-header{line-height:0;overflow:hidden;}
  27
  28 /* headerlogo */
  29 #headerlogo {position:relative;margin:0.3em;}
  30   /* if I use: position:absolute; I even need height:105px; in #page-header */
  31   /* if I use: position:relative; z-index doesn't work*/
  32
  33 /* headermenu */
  34 .headermenu {position:absolute;text-align:right;line-height:1.7em;font-size:90%;margin:0.3em;right:[[setting:headermenuright]];top:15px;}
  35
  36 #dock {background-color:[[setting:blockcontentbgc]];border-right:1px #000 dashed;}
  37 #dock .dockeditem_container {margin-top: 10px;}
  38 #dock #dockeditempanel .dockeditempanel_hd {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;text-align:left;height:1.8em;background-color:#E3DFD4;}
  39 #dock #dockeditempanel .dockeditempanel_hd h2 {display:block;padding-left:0.3em;margin-top:0;text-align:left;}
  40 #dock #dockeditempanel .dockeditempanel_hd .commands {position:absolute;right:0.3em;top:0.25em;}
  41
  42 /* navbar */
  43 .navbar {width:auto;padding-top:0.35em;padding-bottom:0.15em;background-image:url([[pix:theme|bg_bread]]);background-color:#AB9D80;}
  44 .navbar li span {color:#E3DFD4;}
  45 .navbar li a:link, .navbar li a:visited {color:white;}
  46
  47 #page-content {
  48     /* min-width here is useless until min-width in frame.css/#frametop is gretaer enought to hold this #page-content min-width */
  49     /* #page-content min-width is inherited by parent themes */
  50     /* #page-content min-width = 0 frees me from possible related problems */
  51     min-width:0;
  52 }
  53
  54 /* navbutton */
  55 .navbutton {padding-right:0.5em;}
  56 .navbutton table td {padding:0;}
  57
  58 /*.block_navigation .block_tree li.type_category.contains_branch>p span {
  59     padding-left: 20px;
  60     background-image: url([[pix:theme|folderopen]]);
  61     background-repeat: no-repeat;
  62     background-position: 0 -1px;
  63 }
  64
  65 .block_navigation .block_tree li.type_category.contains_branch.collapsed>p span {
  66     padding-left: 20px;
  67     background-image: url([[pix:theme|folderclose]]);
  68     background-repeat: no-repeat;
  69     background-position: 0 -1px;
  70 }*/
  71
  72 .block_settings .block_tree .tree_item a:link,
  73 .block_settings .block_tree .tree_item a:visited,
  74 .block_settings .block_tree .tree_item a:active,
  75 .block_navigation .block_tree .tree_item a:link,
  76 .block_navigation .block_tree .tree_item a:visited,
  77 .block_navigation .block_tree .tree_item a:active {
  78     color:#000;
  79 }
  80
  81 /* breadcrumb */
  82 .breadcrumb {margin-left:0.8em;}
  83
  84 /* generalbox */
  85 .generalbox {border-color:#E3DFD4;padding:1em;}
  86
  87 /* generalbox */
  88 #page-admin-setting-manageauths .generalbox {border:none;}
  89
  90 /* generalbox */
  91 #page-enrol-instances .generalbox {border:none;}
  92 #page-enrol-instances .select.menujump {margin-left:0.5em;}
  93
  94 /* environmenttable */
  95 .environmenttable .error {
  96     background-color: red;
  97 }
  98
  99 .environmenttable .warn {
 100     background-color: yellow;
 101 }
 102
 103 .environmenttable .ok {
 104     background-color: lime;
 105 }
 106
 107 /* adminsettings */
 108 #adminsettings .form-overridden {
 109     background-color: yellow;
 110 }
 111
 112 /* tables */
 113 .editcourse th,
 114 .editcourse td,
 115 .generaltable th,
 116 .generaltable td,
 117 #page-admin-course-category .generalbox th,
 118 #page-admin-course-category .generalbox td,
 119 #attempts th,
 120 #attempts td,
 121 .plugincompattable th,
 122 .plugincompattable td,
 123 .environmenttable th,
 124 .environmenttable td,
 125 .forumheaderlist td,
 126 .forumheaderlist th {
 127     border: 1px solid #E3DFD4;
 128     border-collapse: collapse;
 129 }
 130
 131 th.header,
 132 .formtable tbody th,
 133 .generalbox th,
 134 .generaltable th.header {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;border-top:1px #C6BDA8 solid;background-color:#E3DFD4;}
 135 /*#modules, .compatibleblockstable {margin-left:auto; margin-right:auto;} waiting for MDL-26760*/
 136 table.flexible .r0, table.generaltable .r0 {background-color: #F0F0F0;}
 137 table.flexible .r1, table.generaltable .r1 {background-color: #FAFAFA;}
 138
 139 /* admin pages */
 140 div#chooseuser {border:0 transparent none;}
 141 table.groupmanagementtable,
 142 table.groupmanagementtable tr,
 143 table.groupmanagementtable td {border-width:0px;}
 144 table.groupmanagementtable td#buttonscell {vertical-align:middle;text-align:center;}
 145 table#defineroletable tr.rolecapheading {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;background-color:#E3DFD4;}
 146 /*table#defineroletable tr.rolecap {border-top:1px #F30 dashed;}*/
 147 tr.rolecap {border-top:1px #F30 dashed;}
 148 tr.rolecapheading + tr.rolecap {border-top:none;}
 149
 150 /* course categories */
 151 #page-admin-course-index .editcourse td div.singleselect {text-align:left;}
 152
 153 /* course */
 154 /* ul.topics .section span.commands {float:right;} /* distanza dei comandi dagli elementi del corso */
 155 ul.topics .section span.commands {position:absolute;right:1em;}
 156
 157 .mform fieldset {border:1px #DDD solid;}
 158 .mform .fitem .fitemtitle {width:25%;}
 159 .mform .fitem .fitemtitle label {padding-right:5px;}
 160 .mform .fitem .felement {margin-left:26%;width:73%;min-height: 0.8em;}
 161 /*.mform .fitem fieldset.felement {padding-left:0}*/
 162 .mform .fitem .fitemtitle .helplink img {margin-right:-5px;}
 163 .mform .fsubmit {text-align:left}
 164 table td.cell p {margin:0;}
 165
 166 /* block */
 167 .block {border:1px #C6BDA8 solid;margin-bottom:0.5em;}
 168 .block .header h2 {margin:0;padding-left:0.3em;}
 169 .block .header .title {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;clear:both;line-height:2em;background-color:#E3DFD4;}
 170 .block .header .title .commands {padding-left:0.3em;text-align:right;}
 171 .block .content {background-color:[[setting:blockcontentbgc]];}
 172
 173 /* block login */
 174 .block_login .btn {margin-top:0.5em;text-align:center;}
 175
 176 /* pagelayout-report */
 177 .pagelayout-report #page-header {float:left;}
 178 .pagelayout-report #page-content {overflow:hidden;}
 179
 180 /* notice */
 181 #notice div.buttons {margin-bottom:0;}
 182
 183 /* page-footer */
 184 #page-footer {text-align:center;width:100%;padding:0;}
 185 .noframefooter {background-color:#FFF;clear: both;float: left;width:100%;}
 186 #page-footer-content {text-align:center;border:7px #E3DFD4 double;margin:0;padding:0.5em;}
 187 #page-footer .logininfo {padding:0.3em 0 0.7em 0;}
 188 #page-footer .moodledocs {text-align:center;background-color:#EFEFEF;padding:0.7em 0 0.8em 0;}
 189
 190 /* js help messages */
 191 #helppopupbox .helpheading {margin-top:1em;}
 192
 193 /* pre, code, tt */
 194 pre, code, tt {
 195     font: 1em/1.3 monospace;
 196 }
 197
 198 /* colors in XMLDB editor section are important */
 199 #listdirectories,
 200 #listtables,
 201 #listfields {
 202     color:grey;
 203 }
 204
 205 #listdirectories tr.r0,
 206 #listtables tr.r0,
 207 #listfields tr.r0 {
 208     background: none repeat scroll 0 0 #F0F0F0;
 209 }
 210
 211 #listdirectories tr.r1,
 212 #listtables tr.r1,
 213 #listfields tr.r1 {
 214     background: none repeat scroll 0 0 #FAFAFA;
 215 }
 216
 217 #listdirectories .highlight,
 218 #listtables .highlight
 219 #listfields .highlight {
 220     background: none repeat scroll 0 0 [[setting:lblockcolumnbgc]];
 221 }
 222
 223 .notifytiny {
 224     font-size: 1em;
 225 }
 226
 227 /* MDL-29403 */
 228 .capdefault {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;background-color:#E3DFD4;}
 229 table#defineroletable th {border-top:none;}
 230
 231 form.loginform .rememberusername {
 232     padding-left:0.3em;
 233     width: auto;
 234 }
 235
 236 /* RSS - MDL-29367 */
 237 .block_rss_client .list li:first-child {
 238     border-top-width: 0;
 239 }
 240
 241 .block_rss_client .list li {
 242     border-top: 1px solid #DDDDDD;
 243     padding: 5px;
 244 }
 245
 246 /* Upcoming events - MDL-29367 */
 247 /* to have the same separator as in .block_rss_client .list li */
 248 .block_calendar_upcoming .content > hr {
 249     display:none;
 250 }
 251
 252 .block_calendar_upcoming .event {
 253     border-bottom: 1px solid #DDDDDD;
 254     padding: 5px;
 255 }
 256
 257 /** Custom CSS **/
 258 [[setting:customcss]]