0.4.x/wiki/wiki.css

   1 /**\r
   2  *  sourceforge wiki.xml to multi page html\r
   3  *  version 1.1.2\r
   4  * \r
   5  * ------------------------------------------\r
   6  *  history\r
   7  *  - version 1.1.2\r
   8  *    fixed grouping and html structure at navi-group\r
   9  * \r
  10  *  - version 1.1.1\r
  11  *    fixed for ie6,7\r
  12  * \r
  13  *  - version 1.1.0\r
  14  *    grouping.\r
  15  * \r
  16  */\r
  17 \r
  18 #wiki-container {\r
  19         margin:                         1em 0 3em;\r
  20 }\r
  21 \r
  22 /*  navi\r
  23 --------------------------------------------------------------------------------------*/\r
  24         #page-navi-container {\r
  25                 width:                          180px;\r
  26                 float:                          left;\r
  27         }\r
  28                 #page-navi-container li,\r
  29                 #page-navi-container a {\r
  30                         display:                        block;\r
  31                         zoom:                           1;\r
  32                 }\r
  33                 \r
  34                 #page-total {\r
  35                         height:                         12px;\r
  36                         font-size:                      12px;\r
  37                         line-height:            12px;\r
  38                         padding:                        8px 1em;\r
  39                         color:                          #999;\r
  40                         border-top:                     1px solid #ccc;\r
  41                         border-bottom:          1px solid #ccc;\r
  42                 }\r
  43                 .page-navi,\r
  44                 .page-navi-current {\r
  45                         height:                         24px;\r
  46                         border-bottom:          1px solid #ccc;\r
  47                 }\r
  48                         /* under expander */\r
  49                         li .page-navi,\r
  50                         li .page-navi-current {\r
  51                                 border-bottom:          0;\r
  52                                 border-top:                     1px solid #ccc;\r
  53                         }\r
  54                 \r
  55                 .expander-open,\r
  56                 .expander-close {\r
  57                         border-bottom:          1px solid #ccc;\r
  58                         margin-top:                     1px;\r
  59                         *margin-top:            -1px;   /* fix ie7- */\r
  60                 }\r
  61                 .expander-close ul {\r
  62                         display:                        none;\r
  63                 }\r
  64                 #page-navi-container .group {\r
  65                         cursor:                         pointer;\r
  66                         height:                         24px;\r
  67                         background-color:       #eee;\r
  68                 }\r
  69                         #page-navi-container .group span {\r
  70                                 float:                          left;\r
  71                                 display:                        block;\r
  72                                 zoom:                           1;\r
  73                         }                       \r
  74                         #page-navi-container .group-toggle {\r
  75                                 width:                          12px;\r
  76                                 font:                           8px Arial,sans-serif !important;\r
  77                                 padding:                        6px 0 10px;\r
  78                                 color:                          #666;\r
  79                         }\r
  80                         #page-navi-container .group-title {\r
  81                                 width:                          134px;\r
  82                         }                       \r
  83                         #page-navi-container .group-count {\r
  84                                 width:                          16px;\r
  85                                 text-align:                     right;\r
  86                                 color:                          #999 !important;\r
  87                                 padding-left:           5px 0;\r
  88                         }\r
  89                 #page-navi-container li ul {\r
  90                         clear:                          both;\r
  91                 }\r
  92                         #page-navi-container a,\r
  93                         #page-navi-container a:link {\r
  94                                 font-size:                      12px;\r
  95                                 line-height:            24px;\r
  96                                 padding-left:           6px;\r
  97                                 color:                          #333;\r
  98                                 text-decoration:        none;\r
  99                                 overflow:                       hidden;\r
 100                         }\r
 101                         #page-navi-container li ul a {\r
 102                                 padding-left:           18px !important;\r
 103                         }                       \r
 104                         #page-navi-container a:hover {\r
 105                                 background-color:       #ccc;\r
 106                         }               \r
 107                 \r
 108                 .page-navi-current {\r
 109                         background-color:       #333;\r
 110                 }\r
 111                         .page-navi-current a:link,\r
 112                         .page-navi-current a:visited {\r
 113                                 color:                          #eee !important;\r
 114                         }\r
 115                         .page-navi-current a:hover {\r
 116                                 background-color:       #666;\r
 117                         }\r
 118 \r
 119 /*  page\r
 120 --------------------------------------------------------------------------------------*/\r
 121         #page-body-container {\r
 122                 width:                          580px;\r
 123                 float:                          right;\r
 124         }\r
 125                 .page-wrapper {\r
 126                         display:                        none;\r
 127                 }\r
 128                 .page-wrapper:target,\r
 129                 .page-wrapper-current {\r
 130                         display:                        block !important;\r
 131                 }\r
 132                         .page-header {\r
 133                                 position:                       relative;\r
 134                                 line-height:            56px;\r
 135                                 background-color:       #ddd;\r
 136                                 margin-bottom:          1em;\r
 137                                 height:                         56px;\r
 138                         }\r
 139                                 .page-title {\r
 140                                         position:                       absolute;\r
 141                                         top:                            0;\r
 142                                         left:                           -5px;\r
 143                                         font-size:                      56px;\r
 144                                         font-weight:            bold;\r
 145                                         line-height:            56px;\r
 146                                         height:                         56px;\r
 147                                         padding-left:           0;\r
 148                                         overflow:                       hidden;\r
 149                                         display:                        block;\r
 150                                         color:                          #fff;\r
 151                                         width:                          580px;\r
 152                                 }\r
 153                                 .page-title:first-letter {\r
 154                                         font-size:                      76px;\r
 155                                         line-height:            56px;\r
 156                                         color:                          #666;\r
 157                                 }\r
 158                                 .page-date {\r
 159                                         position:                       absolute;\r
 160                                         top:                            28px;\r
 161                                         right:                          0;\r
 162                                         display:                        block;\r
 163                                         color:                          #666;\r
 164                                         font-size:                      12px;\r
 165                                         font-weight:            bold;\r
 166                                         line-height:            12px;\r
 167                                         width:                          80px;\r
 168                                 }\r
 169         \r
 170         \r
 171         .internalLink {\r
 172                 border-bottom:          1px solid green;\r
 173         }                       \r
 174         .externalLink {\r
 175                 border-bottom:          1px solid red;\r
 176         }\r
 177         .internalLink:hover,                    \r
 178         .externalLink:hover {\r
 179                 text-decoration:        none;\r
 180         }\r
 181         .embed-image .internalLink,\r
 182         .embed-image .externalLink {\r
 183                 border:                         0;\r
 184         }\r
 185         .jump-to-top {\r
 186                 display:                        block;\r
 187                 text-align:                     right;\r
 188         }\r
 189         \r
 190 /*  Typography\r
 191 --------------------------------------------------------------------------------------*/\r
 192 #wiki-container h1 {\r
 193         text-align:             left;\r
 194         margin:                 1em 0 2em;\r
 195         font-size:              2em;\r
 196 }\r
 197 \r
 198 #wiki-container h2 {\r
 199         text-align:             left;\r
 200         margin:                 2em 0 1em 0;\r
 201 }\r
 202 #wiki-container h3,\r
 203 #wiki-container h4,\r
 204 #wiki-container h5,\r
 205 #wiki-container h6 {\r
 206         text-align:             left;\r
 207         margin:                 2em 0 1em;\r
 208 }\r
 209 \r
 210 img.embed-image {\r
 211         margin:                 0 0 1em;\r
 212         max-width:              580px;\r
 213 }\r
 214 div.embed-image-left {\r
 215         margin:                 0 1em 1em 0;\r
 216 }\r
 217 div.embed-image .caption {\r
 218         text-align:             center;\r
 219         font-weight:    bold;\r
 220 }\r
 221 \r
 222 #wiki-container {\r
 223         line-height: 1.6em;\r
 224 }\r
 225 \r
 226         #page-body-container ul,\r
 227         #page-body-container ol {\r
 228                 margin-bottom: 1em;\r
 229         }\r
 230         #page-body-container ul ul, #page-body-container ol ul {margin: 0 0 0 1.2em; font-size: 0.95em;}\r
 231         #page-body-container ul ol, #page-body-container ol ol {margin: 0 0 0 1.6em; font-size: 0.95em;}\r