qmsk_www/static/style.css
changeset 204 99f9e50030ae
parent 193 87612e81aec5
child 208 1407c79961ef
equal deleted inserted replaced
203:8bfe3ab5e7fb 204:99f9e50030ae
     9  *      Header (bottom)
     9  *      Header (bottom)
    10  *      Content (left)
    10  *      Content (left)
    11  */
    11  */
    12 
    12 
    13 /*
    13 /*
    14  * Global styles
    14  * General
    15  */
    15  */
    16 body {
    16 a:hover {
    17     padding: 0px;
    17     color: inherit;
    18     margin: 0px;
       
    19 
       
    20     background-color: #ffffff;
       
    21     color: #000000;
       
    22 }
    18 }
    23 
    19 
    24 /*
    20 /*
    25  * Top header
    21  * Top header
    26  */
    22  */
    27 div#header {
    23 div#header {
    28     padding: 30px;
    24     padding: 30px;
    29     
    25     
       
    26     border-bottom: 1px dashed #a5a5a5;
       
    27 }
       
    28 
       
    29 div#header h1 {
    30     font-size: 48pt;
    30     font-size: 48pt;
    31     font-weight: bold;
    31     font-weight: bold;
    32 
       
    33     border-bottom: 1px dashed #a5a5a5;
       
    34 }
    32 }
    35 
    33 
    36 div#header a:hover {
    34 div#header a:hover {
    37     text-decoration: none;
    35     text-decoration: none;
    38 }
    36 }
    39 
    37 
    40 /*
    38 /*
    41  * Container for layout items
       
    42  */
       
    43  #container {
       
    44     overflow: hidden;
       
    45 }
       
    46 
       
    47 /*
       
    48  * Main navigation menu
    39  * Main navigation menu
    49  */
    40  */
    50 #nav { 
    41 #nav {
    51     float: left;
    42 
    52     
       
    53     padding-bottom: 2000px;
       
    54     margin-bottom: -2000px;
       
    55     
       
    56     border-right: 1px dashed #a5a5a5;
       
    57 }
    43 }
    58 
    44 
    59 #nav ul {
    45 #nav ul {
    60     margin: 0px;
       
    61     padding: 0px;
       
    62 
    46 
    63     list-style: none;
       
    64 
       
    65     width: 180px;
       
    66 
       
    67     padding-top: 25px;
       
    68 }
    47 }
    69 
    48 
    70 #nav ul ul {
    49 #nav ul ul {
    71     padding-top: 0px;
    50 
    72     border-left: 15px solid #d0d0d0;
       
    73 }
    51 }
    74 
    52 
    75 #nav li a {
    53 #nav li a {
    76     display: block;
    54 
    77     
       
    78     padding: 10px;
       
    79     padding-left: 20px;
       
    80 }
    55 }
    81 
    56 
    82 #nav li a:hover {
    57 #nav li a:hover {
    83     background-color: #d0d0d0;
    58     background-color: #d0d0d0;
    84     text-decoration: none;
    59     text-decoration: none;
    85 }
    60 }
    86 
    61 
    87 #nav li a.selected-page {
    62 #nav li.page-tree-active {
    88     border-left: 5px solid black;
    63     background-color: #808080;
    89     padding-left: 15px;
       
    90 }
    64 }
    91 
    65 
    92 /*
    66 /*
    93  * Content
    67  * Content
    94  */
    68  */
    95 div#content {
    69 div#content {
    96     margin-left: 180px;
       
    97     padding: 25px;
       
    98 
    70 
    99     padding-right: 50px;
       
   100 }
    71 }
   101 
    72 
   102 div#breadcrumb {
    73 div#breadcrumb {
       
    74     display: none;
   103     font-size: x-small;
    75     font-size: x-small;
   104 }
    76 }
   105 
    77 
   106 /*
    78 /*
   107  * Footer
    79  * Footer
   108  */
    80  */
   109 div#footer {
    81 div#footer {
   110     padding: 10px;
    82     margin: 40px 0px 0px 0px;
       
    83 
       
    84     padding: 20px 0px;
   111 
    85 
   112     border-top: 1px dashed #a5a5a5;
    86     border-top: 1px dashed #a5a5a5;
   113 
    87 
   114     font-size: x-small;
    88     font-size: x-small;
   115     font-style: italic;
    89     font-style: italic;
   117 
    91 
   118 div#footer-left {
    92 div#footer-left {
   119     float: left;
    93     float: left;
   120 }
    94 }
   121 
    95 
   122 div#footer-right {
    96 .page-footer-modified {
   123     float: right;
    97     float: right;
   124     text-align: right;
    98     text-align: right;
   125 }
    99 }
   126 
   100 
   127 div#footer-center {
   101 div#footer-center {
   147 
   121 
   148 h2 {
   122 h2 {
   149     font-size: large;
   123     font-size: large;
   150 }
   124 }
   151 
   125 
   152 div#content p {
   126 #content p {
   153     margin-left: 0.5em;
   127     margin-left: 0.5em;
   154 }
   128 }
   155 
   129 
   156 #content li {
   130 #content li {
   157     padding: 2px;
   131     padding: 2px;