Home | History | Annotate | Download | only in 5.1 
      1 /**
      2 * Link Styles
      3 */
      4 
      5 
      6 a:link {
      7     color: #09C;
      8     text-decoration: underline;
      9 }
     10 
     11 a:visited {
     12     color: #639;
     13 }
     14 
     15 a:hover,
     16 a:focus,
     17 a:active {
     18     color: #09C;
     19 }
     20 
     21 /**
     22 * Cover Styles
     23 */
     24 
     25 
     26 #cover {
     27     width: 10.5in;
     28     height: 13.25in;
     29     background-color: orange;
     30 }
     31 
     32 #cover-top {
     33     background-color: black;
     34     width: 100%;
     35     height: 3in;
     36     padding-top: 70px;
     37     margin-bottom: 10px;
     38 }
     39 
     40 #cover-image {
     41     background-color: black;
     42     width: 100%;
     43     height: 5in;
     44     padding: 0px;
     45     margin: 20px 0px 8px 0px;
     46 }
     47 
     48 #cover-bottom {
     49     background-color: black;
     50     width: 100%;
     51     height: 3.7in;
     52     padding: 40px 0px 40px 0px;
     53     margin-top: 8px;
     54 }
     55 
     56 #cover a:link,
     57 #cover a:visited,
     58 #cover a:hover {
     59  text-decoration: none;
     60 }
     61 
     62 #main {
     63     width: 950px;
     64     overflow: visible;
     65     page-break-before: always;
     66 }
     67 
     68 #footer {
     69     width: 8.5in;
     70     height: .75in;
     71     margin-top: .25in;
     72     color: #333;
     73     font: 10pt/14pt Roboto, Arial, Helvetica, sans-serif;
     74 }
     75 
     76 
     77 .title {
     78     color: white;
     79     font: 84px/90px Roboto, Arial, Helvetica, sans-serif;
     80     padding: 40pt 20pt 15pt 50pt;
     81     text-align: left;
     82 }
     83 
     84 .subtitle {
     85     color: white;
     86     font: 60px/70px Roboto, Arial, Helvetica, sans-serif;
     87     padding: 40pt 5pt 40pt 60pt;
     88     text-align: left;
     89 }
     90 
     91 .right {
     92     text-align: right;
     93 }
     94 
     95 .white {
     96     color: white;
     97 }
     98 
     99 .padding {
    100     padding: 20pt 20pt 0pt 60pt;
    101 }
    102 
    103 .cover-text {
    104     font: 20px/25px Roboto, Arial, Helvetica, sans-serif;
    105     color: white;
    106     padding: 5pt 5pt 5pt 60pt;
    107     text-align: left;
    108 }
    109 
    110 .small {
    111     font-size: 65%;
    112     font-weight: 700;
    113 }
    114 
    115 /**
    116 * Heading Styles
    117 */
    118 
    119 h1 {
    120     color: #333;
    121     font: 22pt/24pt Roboto, Arial, Helvetica, sans-serif;
    122     padding: 10pt 0pt 0pt 0pt;
    123     text-align: left;
    124 }
    125 
    126 h2 {
    127     color: #693;
    128     font: 20pt/22pt Roboto, Arial, Helvetica, sans-serif;
    129     padding: 8pt 0pt 0pt 0pt;
    130     text-align: left;
    131     page-break-after: avoid;
    132 }
    133 
    134 h3 {
    135     color: #333;
    136     font: bold 18pt/20pt Roboto, Arial, Helvetica, sans-serif;
    137     padding: 4pt 0pt 0pt 0pt;
    138     text-align: left;
    139     page-break-after: avoid;
    140 }
    141 
    142 h4 {
    143     color: #607D8B;
    144     font: bold 16pt/18pt Roboto, Arial, Helvetica, sans-serif;
    145     padding: 4pt 0pt 0pt 0pt;
    146     text-align: left;
    147     page-break-after: avoid;
    148 }
    149 
    150 
    151 h5 {
    152     color: #333;
    153     font: italic 16pt/18pt Roboto, Arial, Helvetica, sans-serif;
    154     padding: 0pt 0pt 0pt 0pt;
    155     text-align: left;
    156     page-break-after: avoid;
    157 }
    158 
    159 
    160 /**
    161 * Use h6 ONLY for table of contents
    162 */
    163 
    164 h6 {
    165     color: #333;
    166     font: bold 16pt/18pt Roboto, Arial, Helvetica, sans-serif;
    167     padding: 10pt 0pt 0pt 0pt;
    168     text-align: left;
    169     page-break-before: always;
    170 }
    171 
    172 /**
    173 * Body Styles
    174 */
    175 
    176 body {
    177     color: #333;
    178     font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif;
    179     margin: 0;
    180     padding: 5pt 5pt 5pt 10pt;
    181 }
    182 
    183 p {
    184     color: #333;
    185     font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif;
    186     margin: 0;
    187     padding: 5pt 0pt 1pt 0pt;
    188 }
    189 
    190 li {
    191     color: #333;
    192     font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif;
    193     margin: 0;
    194     padding: 2pt 50pt 2pt 0pt;
    195 }
    196 
    197 sup {
    198     font-weight: 800;
    199     font-size: 10pt;
    200 }
    201 
    202 /**
    203 * Table Styles
    204 */
    205 
    206 
    207 table {
    208     border: 1px solid gray;
    209     border-collapse: collapse;
    210     margin: 10px 0px 10px 0px;
    211     width: 100%;
    212     overflow: visible;
    213 }
    214 
    215 td {
    216     border: 1px solid gray;
    217     color: #333;
    218     font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif;
    219     padding: 5pt;
    220     overflow: visible;
    221 }
    222 
    223 th {
    224     background-color: #CCC;
    225     border: 1px solid gray;
    226     color: #333;
    227     font: bold 16pt/20pt Roboto, Arial, Helvetica, sans-serif;
    228     padding: 5pt;
    229     overflow: visible;
    230 }
    231 
    232 p.table_footnote {
    233     color: #333;
    234     font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif;
    235     margin: 0;
    236     padding: 5pt 5pt 5pt 5pt;
    237 }
    238 
    239 li.table_list {
    240     color: #333;
    241     font: 16pt/20t Roboto, Arial, Helvetica, sans-serif;
    242     margin-left: -10pt;
    243     padding: 2pt 0pt 2pt 0pt;
    244 }
    245 
    246 
    247 /**
    248 * Used in the footer
    249 */
    250 
    251 table.noborder {
    252     border: 0px;
    253     margin: 10px 0px 10px 0px;
    254     width: 100%;
    255 }
    256 
    257 td.noborder {
    258     border: 0px;
    259     color: #333;
    260     font: 10pt/12pt Roboto, Arial, Helvetica, sans-serif;
    261     padding: 10px 0px 5px 0px;
    262 }
    263 
    264 
    265 
    266 /**
    267 * TOC Styles
    268 */
    269 
    270 #toc a:link,
    271 #toc a:visited,
    272 #toc a:hover {
    273  color: black;
    274  text-decoration: none;
    275 }
    276 
    277 #toc p.toc_h1 a:link,
    278 #toc p.toc_h1 a:visited,
    279 #toc p.toc_h1 a:hover {
    280  color: #99CC00;
    281 }
    282 
    283 #toc {
    284     width: 950px;
    285 }
    286 
    287 #toc_left,
    288 #toc_left_2 {
    289     float: left;
    290     padding-top:15px;
    291     padding-bottom:15px;
    292     width: 470px;
    293 }
    294 
    295 #toc_right,
    296 #toc_right_2 {
    297     float: right;
    298     padding-top:15px;
    299     padding-bottom:15px;
    300     width: 470px;
    301 }
    302 
    303 p.toc_h1 {
    304     color: #99CC00;
    305     font: 20pt/22pt Roboto, Arial, Helvetica, sans-serif;
    306     padding: 15px 0px 0px 0px;
    307 }
    308 
    309 p.toc_h2 {
    310     color: black;
    311     font: 18pt/20pt Roboto, Arial, Helvetica, sans-serif;
    312     margin-left: 20px;
    313     padding: 15px 0px 0px 0px;
    314 }
    315 
    316 p.toc_h3 {
    317     color: black;
    318     font: 16pt/18pt Roboto, Arial, Helvetica, sans-serif;
    319     margin-left: 45px;
    320     padding: 10px 0px 0px 0px;
    321 }
    322 
    323 p.toc_h4 {
    324     color: black;
    325     font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif;
    326     margin-left: 85px;
    327     padding: 10px 0px 0px 0px;
    328 }
    329 
    330 p.toc_h5 {
    331     color: black;
    332     font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif;
    333     margin-left: 105px;
    334 }
    335 
    336 /**
    337 * Note Styles
    338 */
    339 
    340 
    341 div.note
    342     {
    343         border-left: 20px solid #0099cc;
    344         padding-left: 10px;
    345         margin: 5px 40px 5px 5px;
    346     }
    347 
    348 div.tip
    349     {
    350         border-left: 4px solid #93c47d;
    351         padding-left: 10px;
    352         margin: 5px 40px 5px 5px;
    353     }
    354 
    355 div.warning
    356     {
    357         border-left: 4px solid red;
    358         padding-left: 10px;
    359         margin: 5px 40px 5px 5px;
    360     }
    361 
    362 /**
    363 * Media Styles
    364 */
    365 
    366 @media print {
    367 
    368     @page {
    369         margin: 1in;
    370     }
    371 
    372  }