SEESenv/web/support/styles.css
changeset 2 52d12eb31c30
parent 0 8083d21c0020
equal deleted inserted replaced
1:672eaaab9204 2:52d12eb31c30
       
     1 body {
       
     2   background: #F2F1F0;
       
     3   font-family: verdana,sans-serif;
       
     4 }
       
     5 
       
     6 .navheader, .book, .preface, .chapter, .appendix, .bibliography, .navfooter, .basetemplate {
       
     7   width: 50em;
       
     8   margin-left: auto;
       
     9   margin-right: auto;
       
    10 }
       
    11 
       
    12 a.commenttoggle:hover, a.commenttoggle:active {
       
    13   opacity: 0.7;
       
    14 }
       
    15 
       
    16 .book, .preface, .chapter, .appendix, .bibliography, .basetemplate {
       
    17   background: white;
       
    18   padding: 2em;
       
    19 }
       
    20 
       
    21 h1 {
       
    22   margin-top: 1.5em;
       
    23 }
       
    24 
       
    25 span.beta {
       
    26   font-size: 80%;
       
    27   font-style: italic;
       
    28   opacity: 0.4;
       
    29 }
       
    30 
       
    31 h2, h3 {
       
    32   margin-top: 2em;
       
    33 }
       
    34 
       
    35 h1, h2, h3 {
       
    36   font-family: georgia,serif;
       
    37   font-weight: normal;
       
    38   margin-bottom: 0.5em;
       
    39 }
       
    40 
       
    41 h1.booktitle {
       
    42   margin-bottom: 0px;
       
    43 }
       
    44 
       
    45 h2.booktitle {
       
    46   text-align: center;
       
    47 }
       
    48 
       
    49 h2.booktitle > a {
       
    50   color: black;
       
    51 }
       
    52 
       
    53 .authors {
       
    54   font-size: 80%;
       
    55   opacity: 0.55;
       
    56   padding-left: 0.5em;
       
    57 }
       
    58 
       
    59 div.note th, div.tip th, div.warning th {
       
    60   font-family: georgia,serif;
       
    61   font-weight: normal;
       
    62   font-size: 110%;
       
    63 }
       
    64 
       
    65 div.navheader th, div.navfooter td {
       
    66   font-family: georgia,serif;
       
    67 }
       
    68 
       
    69 div.navheader th {
       
    70   opacity: 0;
       
    71   font-size: 0;
       
    72 }
       
    73 
       
    74 pre.screen {
       
    75   background-image: url(/support/icons/shell.png);
       
    76 }
       
    77 
       
    78 pre.programlisting {
       
    79   background-image: url(/support/icons/source.png);
       
    80 }
       
    81 
       
    82 pre.programlisting, pre.screen, p.remark {
       
    83   border-style: solid;
       
    84   border-width: 1px;
       
    85   font-size: medium;
       
    86   padding: 1em;
       
    87   background-repeat: no-repeat;
       
    88   background-position: 10px 10px;
       
    89   padding-left: 70px;
       
    90 }
       
    91 
       
    92 strong.command, code, pre, span.type {
       
    93   font-family: monospace;
       
    94   font-weight: normal;
       
    95 }
       
    96 
       
    97 strong.userinput > code {
       
    98   font-weight: bolder;
       
    99   color: #303030;
       
   100 }
       
   101 
       
   102 div.toc > p {
       
   103   opacity: 0.35;
       
   104   font-family: georgia,serif;
       
   105   cursor: pointer;
       
   106 }
       
   107 
       
   108 div.toc b {
       
   109   font-weight: normal;
       
   110   font-size: large;
       
   111 }
       
   112 
       
   113 ul.booktoc {
       
   114   padding-left: 0px;
       
   115   list-style-type: none;
       
   116 }
       
   117 
       
   118 .booktoc > li {
       
   119   padding: 0.5em;
       
   120 }
       
   121 
       
   122 .chapinfo {
       
   123   float: right;
       
   124   color: #a0a0a0;
       
   125 }
       
   126 
       
   127 .unpublished {
       
   128   color: #a0a0a0;
       
   129 }
       
   130 
       
   131 .chapinfo img {
       
   132   vertical-align: -35%;
       
   133   border: 0px;
       
   134 }
       
   135 
       
   136 .zebra_b {
       
   137   background: #f4f4f4;
       
   138 }
       
   139 
       
   140 .book .titlepage {
       
   141   display: none;
       
   142 }
       
   143 
       
   144 .chapter div.toc > dl {
       
   145   display: none;
       
   146 }
       
   147 
       
   148 pre.programlisting, pre.screen, p.remark {
       
   149   overflow: hidden;
       
   150 }
       
   151 
       
   152 p.remark {
       
   153   background-image: url(/support/icons/remark.png);
       
   154 }
       
   155 
       
   156 div.warning, p.remark {
       
   157   background-color: #FFEFE8;
       
   158   border-color: #e0a8a0;
       
   159 }
       
   160 
       
   161 span.remark {
       
   162   font-style: normal;
       
   163   color: #707070;
       
   164 }
       
   165 
       
   166 .screen {
       
   167   background: #e7ffc7 none repeat scroll 0% 50%;
       
   168   border-color: #94DA3A;
       
   169 }
       
   170 
       
   171 .programlisting {
       
   172   background: #F0F4FF none repeat scroll 0% 50%;
       
   173   border-color: #B4BAEA;
       
   174 }
       
   175 
       
   176 .prompt {
       
   177   color: #448844;
       
   178 }
       
   179 
       
   180 div.note, div.tip {
       
   181   background: #ffffc9;
       
   182   border-color: #B4BAEA;
       
   183 }
       
   184 
       
   185 div.note, div.warning, div.tip {
       
   186   border-style: solid;
       
   187   border-width: 1px;
       
   188   padding: 1em;
       
   189 }
       
   190 
       
   191 .note .title {
       
   192   font-size: 90%;
       
   193 }
       
   194 
       
   195 .comment {
       
   196   font-size: 80%;
       
   197 }
       
   198 
       
   199 div.comment, div.new_comment {
       
   200   padding: 0.5em;
       
   201   margin: 0.5em;
       
   202   margin-left: 2em;
       
   203   border-style: solid;
       
   204   border-width: 1px;
       
   205   border-color: #aaaaff;
       
   206 }
       
   207 
       
   208 div.comment {
       
   209   background: #eeeeff;
       
   210 }
       
   211 
       
   212 div.new_comment {
       
   213   background: #d0d0ff;
       
   214 }
       
   215 
       
   216 .commenttoggle {
       
   217   opacity: 0.35;
       
   218 }
       
   219 
       
   220 .comment_help {
       
   221   font-size: 80%;
       
   222 }
       
   223 
       
   224 .comment_header {
       
   225   opacity: 0.75;
       
   226 }
       
   227 
       
   228 .comment_id {
       
   229   float: right;
       
   230   opacity: 0.3;
       
   231   font-size: 60%;
       
   232 }
       
   233 
       
   234 .comment_name {
       
   235   font-weight: bolder;
       
   236 }
       
   237 
       
   238 .comment_reviewed {
       
   239   color: darkgreen;
       
   240   margin-left: 1em;
       
   241   font-style: italic;
       
   242 }
       
   243 
       
   244 .comment_date {
       
   245   opacity: 0.75;
       
   246 }
       
   247 
       
   248 .comment_thanks {
       
   249   color: darkblue;
       
   250   margin-left: 1em;
       
   251   font-style: italic;
       
   252   font-weight: bolder;
       
   253 }
       
   254 
       
   255 .comment_error {
       
   256   padding-left: 1em;
       
   257   font-weight: bolder;
       
   258   font-size: 80%;
       
   259   color: darkred;
       
   260 }
       
   261 
       
   262 .hgbookfooter {
       
   263   width: 60em;
       
   264   margin-left: auto;
       
   265   margin-right: auto;
       
   266   margin-top: 2em;
       
   267   padding: 2em;
       
   268   margin-bottom: 2em;
       
   269   font-size: 80%;
       
   270   color: #727272;
       
   271   border-top: 1px solid grey;
       
   272 }
       
   273 
       
   274 .hgbookfooter a {
       
   275   color: #5555ff;
       
   276 }
       
   277 
       
   278 .hgbookfooter a:visited {
       
   279   opacity: 0.7;
       
   280 }
       
   281 
       
   282 .hgbookfooter img {
       
   283   vertical-align: -45%;
       
   284 }
       
   285 
       
   286 table.equation a.commenttoggle {
       
   287   text-align: right;
       
   288   display: block;
       
   289 }
       
   290 
       
   291 div.comment, div.new_comment, form.comment {
       
   292   text-align: left;
       
   293 }