theme/formfactor/style/core.css

   1 /* Core
   2 -------------------------*/
   3 body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
   4     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   5 }
   6
   7 /* Header
   8 -------------------------*/
   9 #page-header-wrapper {
  10     margin: 0 50px;
  11 }
  12 #page-header {
  13     float: none;
  14 }
  15 #page-header .headermain {
  16     margin: 0.75em 0;
  17     font-size: 2em;
  18 }
  19 #page-header .headermenu a:hover {
  20     color: #fff;
  21 }
  22
  23 #page-site-index .headermain {
  24     margin: 0.85em 0;
  25     font-size: 2.5em;
  26 }
  27 #course-header {
  28     margin: 0 50px;
  29 }
  30
  31 /* Page Navigation
  32 --------------------------*/
  33 #page-navigation {
  34     margin: 0;
  35     padding: 0 40px;
  36     font-size: 1.1em;
  37 }
  38 #page-navigation li {
  39     list-style: none;
  40     float: left; }
  41 #page-navigation a {
  42     display: block;
  43     padding: 5px 10px;
  44 }
  45 /* Breadcrumb
  46 ---------------------------*/
  47 .navbar {
  48     padding: 3px 50px;
  49 }
  50 .navbar .breadcrumb {
  51     font-size: 0.8em;
  52     color: #555;
  53 }
  54 /* Content
  55 ---------------------------*/
  56 #page-content-wrapper {
  57     margin: 10px 50px;
  58 }
  59 /* Tabs
  60 ---------------------------*/
  61 .tabtree .tabrow0 li.here a {
  62     background-color: #fff;
  63     background-image: url([[pix:theme|gradient-sb]]);
  64     background-repeat: repeat-x;
  65     background-position: left top;
  66 }
  67 .tabtree .tabrow0 .tabrow1 li a {
  68     background-image: none;
  69 }
  70 /* User
  71 ---------------------------*/
  72 .userinfobox .content {
  73     border-width: 2px;
  74     background-image: url([[pix:theme|gradient-sb]]);
  75     background-repeat: repeat-x;
  76     background-position: left top;
  77 }
  78 /* Forms
  79 ------------------------*/
  80 .mform fieldset {
  81     border-color: #ddd;
  82 }
  83 .mform legend {
  84     border: 1px solid #ddd;
  85     padding: 2px 7px;
  86     background-image: url([[pix:theme|gradient-sb]]);
  87     background-repeat: repeat-x;
  88     background-position: 0 -25%;
  89 }
  90 .mform .btn-cancel {
  91     color: #bf3503;
  92     text-decoration: none;
  93 }
  94 .mform .btn-cancel:hover,
  95 .mform .btn-cancel:focus {
  96     color: #3f5c10;
  97     text-decoration: none;
  98 }
  99 /* Footer
 100 --------------------------*/
 101 #page-footer {
 102     margin: 25px 0;
 103 }
 104 #page-footer .logininfo {
 105     margin: 1em 0;
 106 }
 107 #course-footer {
 108     margin: 0 50px;
 109 }
 110 /* Custum menu
 111 -------------------------*/
 112 #custommenu {
 113     margin: 0 50px;
 114 }
 115 #custommenu,
 116 #custommenu .yui3-menu,
 117 #custommenu .yui3-menu-content {
 118     border-width: 0;
 119 }
 120 #custommenu {
 121     background-image: url([[pix:theme|gradient-sb]]);
 122     background-repeat: repeat-x;
 123     background-position: 0 30%;
 124     padding-top: 4px;
 125     padding-bottom: 4px;
 126     border-right: 1px solid #eee;
 127     border-bottom: 1px solid #ccc;
 128     border-left: 1px solid #eee;
 129 }
 130 #custommenu .yui3-menu-label,
 131 #custommenu .yui3-menuitem-content {
 132     border-width: 0;
 133 }
 134 #custommenu .yui3-menu-content .yui3-menu-content {
 135     border: 1px solid #ccc;
 136     border-top-width: 0;
 137     margin-top: 3px;
 138 }
 139 #custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content {
 140     border-top: 1px solid #ccc;
 141 }
 142 #custommenu .yui3-menu-content .yui3-menu-content .yui3-menuitem-content,
 143 #custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-label {
 144     padding-top: 5px;
 145 }
 146 #custommenu .yui3-menu-label,
 147 #custommenu .yui3-menuitem-content {
 148     color: #bf3503;
 149 }
 150 #custommenu .yui3-menu .yui3-menuitem-active,
 151 #custommenu .yui3-menu-label-menuvisible,
 152 #custommenu .yui3-menu-label-active,
 153 #custommenu .yui3-menuitem-active .yui3-menuitem-content {
 154     background-color: #bf3503;
 155 }
 156 #custommenu .yui3-menu-label-active,
 157 #custommenu .yui3-menu-label-menuvisible,
 158 #custommenu .yui3-menuitem-active .yui3-menuitem-content {
 159     color: #fff;
 160 }
 161 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {
 162     border-width: 0;
 163 }