deplate 0.8.3 → 0.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/CHANGES.TXT +9 -27
- data/VERSION.TXT +1 -1
- data/lib/deplate.rb +1 -1
- data/lib/deplate/core.rb +3 -3
- data/lib/deplate/css/deplate.css +84 -28
- data/lib/deplate/css/doc.css +6 -4
- data/lib/deplate/css/highlight.css +19 -0
- data/lib/deplate/css/highstep.css +14 -3
- data/lib/deplate/css/htmldoc.css +7 -4
- data/lib/deplate/css/presentation.css +209 -0
- data/lib/deplate/css/presentation_highstep.css +29 -0
- data/lib/deplate/css/presentation_website.css +281 -0
- data/lib/deplate/css/screenplay.css +95 -0
- data/lib/deplate/css/tabbar-right.css +23 -17
- data/lib/deplate/css/tabbar-top.css +18 -9
- data/lib/deplate/css/websitary.css +88 -0
- data/lib/deplate/css/website.css +281 -0
- data/lib/deplate/fmt/html.rb +5 -7
- data/lib/deplate/input.rb +3 -3
- data/lib/deplate/locale/de.latin1 +3 -0
- data/lib/deplate/mod/guesslanguage.rb +7 -2
- data/lib/deplate/particles.rb +3 -3
- data/lib/deplate/template.rb +2 -2
- metadata +10 -3
| @@ -0,0 +1,29 @@ | |
| 1 | 
            +
            body {
         | 
| 2 | 
            +
                /* font-family: Georgia, Bookman, Times, Serif; */
         | 
| 3 | 
            +
            	font-family: Georgia, Minion Web, Palatino, "Book Antiqua", Utopia, "Times New Roman", serif;
         | 
| 4 | 
            +
            	/* font-size-adjust: .5; */
         | 
| 5 | 
            +
                font-size: 14px;
         | 
| 6 | 
            +
                /* line-height: 1.36em */
         | 
| 7 | 
            +
            }
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            span.steppreview {
         | 
| 10 | 
            +
                background-color: #f5f5f5;
         | 
| 11 | 
            +
                /* padding: 1px; */
         | 
| 12 | 
            +
                /* border: 1px solid #e0e0e0; */
         | 
| 13 | 
            +
                border: 1px solid #f0f0f0;
         | 
| 14 | 
            +
            }
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            span.stephighlight {
         | 
| 17 | 
            +
                background-color: #ffff60;
         | 
| 18 | 
            +
                /* padding: 1px; */
         | 
| 19 | 
            +
                border: 1px solid #e0e0e0;
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            span.steplast {
         | 
| 23 | 
            +
                background-color: #ffff90;
         | 
| 24 | 
            +
                border: 1px solid #e0540e;
         | 
| 25 | 
            +
            }
         | 
| 26 | 
            +
             | 
| 27 | 
            +
            /*
         | 
| 28 | 
            +
            vi: ft=css:tw=72:ts=4
         | 
| 29 | 
            +
            */
         | 
| @@ -0,0 +1,281 @@ | |
| 1 | 
            +
            @import url(doc.css);
         | 
| 2 | 
            +
             | 
| 3 | 
            +
            body {
         | 
| 4 | 
            +
                /* background: url(ecke_or.gif) top left no-repeat; */
         | 
| 5 | 
            +
                background-color: #eeeeee;
         | 
| 6 | 
            +
                padding: 10px;
         | 
| 7 | 
            +
                margin: 10px;
         | 
| 8 | 
            +
            }
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            #pageFrame {
         | 
| 11 | 
            +
            }
         | 
| 12 | 
            +
            #pageNavigation {
         | 
| 13 | 
            +
                vertical-align: middle;
         | 
| 14 | 
            +
                padding: 0 10px 0 10px;
         | 
| 15 | 
            +
                margin: 0 10px 0 10px;
         | 
| 16 | 
            +
            }
         | 
| 17 | 
            +
            #pageBodyFrame {
         | 
| 18 | 
            +
                margin: 0;
         | 
| 19 | 
            +
                padding: 0;
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
            #pageBodyText {
         | 
| 22 | 
            +
                text-align: left;
         | 
| 23 | 
            +
                vertical-align: top;
         | 
| 24 | 
            +
                padding: 0 10px 0 10px;
         | 
| 25 | 
            +
                margin: 0 10px 0 10px;
         | 
| 26 | 
            +
            }
         | 
| 27 | 
            +
            div.pagebody {
         | 
| 28 | 
            +
                /* border-left: 1px solid #aaaaaa; */
         | 
| 29 | 
            +
                /* border: 1px solid #aaaaaa; */
         | 
| 30 | 
            +
                border-left: 1px solid #aaaaaa;
         | 
| 31 | 
            +
                border-bottom: 1px solid #aaaaaa;
         | 
| 32 | 
            +
                border-right: 1px solid #aaaaaa;
         | 
| 33 | 
            +
                min-height: 500px;
         | 
| 34 | 
            +
                background-color: #ffffff;
         | 
| 35 | 
            +
            }
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            .navbar, .navmenu, .navgo {
         | 
| 38 | 
            +
                vertical-align: middle;
         | 
| 39 | 
            +
                border: 0;
         | 
| 40 | 
            +
                margin: 0;
         | 
| 41 | 
            +
                padding: 0;
         | 
| 42 | 
            +
                background-color: #eeeeee;
         | 
| 43 | 
            +
                /* opacity: 0.8; */
         | 
| 44 | 
            +
            }
         | 
| 45 | 
            +
            table.navbar {
         | 
| 46 | 
            +
                width: 100%;
         | 
| 47 | 
            +
                border: 0;
         | 
| 48 | 
            +
            }
         | 
| 49 | 
            +
            td.navbar {
         | 
| 50 | 
            +
                vertical-align: middle;
         | 
| 51 | 
            +
                text-align: center;
         | 
| 52 | 
            +
            }
         | 
| 53 | 
            +
            td.navmenu {
         | 
| 54 | 
            +
                vertical-align: middle;
         | 
| 55 | 
            +
                width: 80%;
         | 
| 56 | 
            +
                text-align: left;
         | 
| 57 | 
            +
            }
         | 
| 58 | 
            +
            select.navmenu {
         | 
| 59 | 
            +
                width:250px;
         | 
| 60 | 
            +
                border:0;
         | 
| 61 | 
            +
                padding: 2px;
         | 
| 62 | 
            +
                /* background-color: #fff2df; */
         | 
| 63 | 
            +
            }
         | 
| 64 | 
            +
             | 
| 65 | 
            +
            h1, h2, h3, h4, h5, h6 {
         | 
| 66 | 
            +
                background-color: #f5f5f5;
         | 
| 67 | 
            +
                /* background-color: #eeeeee; */
         | 
| 68 | 
            +
                color: #2f2f5f;
         | 
| 69 | 
            +
                border: 1px solid #aaaaaa;
         | 
| 70 | 
            +
                /* border: 0; */
         | 
| 71 | 
            +
                /* border-top: 1px solid #ffffff; */
         | 
| 72 | 
            +
                /* border-left: 1px solid #ffffff; */
         | 
| 73 | 
            +
                /* border-right: 1px solid #aaaaaa; */
         | 
| 74 | 
            +
                /* border-bottom: 1px solid #aaaaaa; */
         | 
| 75 | 
            +
                margin: 0;
         | 
| 76 | 
            +
                /* padding: 10px 10px 20px 10px; */
         | 
| 77 | 
            +
                padding: 20px;
         | 
| 78 | 
            +
            }
         | 
| 79 | 
            +
            h1 {
         | 
| 80 | 
            +
                font-size: 48px;
         | 
| 81 | 
            +
            }
         | 
| 82 | 
            +
            h2 {
         | 
| 83 | 
            +
                font-size: 40px;
         | 
| 84 | 
            +
            }
         | 
| 85 | 
            +
            h3 {
         | 
| 86 | 
            +
                font-size: 32px;
         | 
| 87 | 
            +
            }
         | 
| 88 | 
            +
            h4 {
         | 
| 89 | 
            +
                font-size: 24px;
         | 
| 90 | 
            +
            }
         | 
| 91 | 
            +
            h5 {
         | 
| 92 | 
            +
                font-size: 16px;
         | 
| 93 | 
            +
            }
         | 
| 94 | 
            +
            h6 {
         | 
| 95 | 
            +
                font-size: 16px;
         | 
| 96 | 
            +
            }
         | 
| 97 | 
            +
             | 
| 98 | 
            +
            h1:before {
         | 
| 99 | 
            +
                content: ": ";
         | 
| 100 | 
            +
            }
         | 
| 101 | 
            +
            h2:before {
         | 
| 102 | 
            +
                content: ":: ";
         | 
| 103 | 
            +
            }
         | 
| 104 | 
            +
            h3:before {
         | 
| 105 | 
            +
                content: "::: ";
         | 
| 106 | 
            +
            }
         | 
| 107 | 
            +
            h4:before {
         | 
| 108 | 
            +
                content: ":::: ";
         | 
| 109 | 
            +
            }
         | 
| 110 | 
            +
             | 
| 111 | 
            +
            p, ul, ol, dl {
         | 
| 112 | 
            +
                background: #ffffff;
         | 
| 113 | 
            +
                /* margin: 0 10px 0 10px; */
         | 
| 114 | 
            +
                margin: 0;
         | 
| 115 | 
            +
            }
         | 
| 116 | 
            +
            p {
         | 
| 117 | 
            +
                padding: 5px 40px 5px 40px;
         | 
| 118 | 
            +
            }
         | 
| 119 | 
            +
            p.bib {
         | 
| 120 | 
            +
                margin: 0;
         | 
| 121 | 
            +
                /* padding: 0; */
         | 
| 122 | 
            +
                text-indent: 0;
         | 
| 123 | 
            +
            }
         | 
| 124 | 
            +
             | 
| 125 | 
            +
            ul {
         | 
| 126 | 
            +
                padding: 5px 40px 5px 40px;
         | 
| 127 | 
            +
            }
         | 
| 128 | 
            +
            ol {
         | 
| 129 | 
            +
                padding: 5px 40px 5px 40px;
         | 
| 130 | 
            +
            }
         | 
| 131 | 
            +
            dl {
         | 
| 132 | 
            +
                padding: 5px 40px 5px 25px;
         | 
| 133 | 
            +
            }
         | 
| 134 | 
            +
            dt {
         | 
| 135 | 
            +
                padding:  2px 2px 2px 2px;
         | 
| 136 | 
            +
                margin: 0;
         | 
| 137 | 
            +
            }
         | 
| 138 | 
            +
            dd {
         | 
| 139 | 
            +
                padding:  2px 2px 2px 20px;
         | 
| 140 | 
            +
                margin: 0;
         | 
| 141 | 
            +
            }
         | 
| 142 | 
            +
            li {
         | 
| 143 | 
            +
                padding: 2px;
         | 
| 144 | 
            +
                margin: 0;
         | 
| 145 | 
            +
            }
         | 
| 146 | 
            +
             | 
| 147 | 
            +
            .meinung {
         | 
| 148 | 
            +
                position: absolute;
         | 
| 149 | 
            +
                right: 50px;
         | 
| 150 | 
            +
            }
         | 
| 151 | 
            +
            span.redner {
         | 
| 152 | 
            +
                font-weight: bold;
         | 
| 153 | 
            +
                background-color: #2f2f5f;
         | 
| 154 | 
            +
                color: #aaaaaa;
         | 
| 155 | 
            +
                padding: 1px 5px 1px 5px;
         | 
| 156 | 
            +
                font-family: Verdana, "Myriad Web", Syntax, sans-serif;
         | 
| 157 | 
            +
            }
         | 
| 158 | 
            +
            span.student {
         | 
| 159 | 
            +
                color: #aaaaaa;
         | 
| 160 | 
            +
            }
         | 
| 161 | 
            +
            span.lehrer {
         | 
| 162 | 
            +
                color: #b9dfff;
         | 
| 163 | 
            +
            }
         | 
| 164 | 
            +
            span.frage {
         | 
| 165 | 
            +
                color: #ff7979;
         | 
| 166 | 
            +
            }
         | 
| 167 | 
            +
             | 
| 168 | 
            +
            span.highlight {
         | 
| 169 | 
            +
                background-color: #ffffaf;
         | 
| 170 | 
            +
                font-style: normal;
         | 
| 171 | 
            +
                /* font-weight: bold; */
         | 
| 172 | 
            +
                border: 1px dotted #cfcfff;
         | 
| 173 | 
            +
                padding:  0 1px 0 1px;
         | 
| 174 | 
            +
            }
         | 
| 175 | 
            +
             | 
| 176 | 
            +
            div.title {
         | 
| 177 | 
            +
                text-align: left;
         | 
| 178 | 
            +
                padding: 20px;
         | 
| 179 | 
            +
                margin: 0;
         | 
| 180 | 
            +
                color: #2f2f5f;
         | 
| 181 | 
            +
                /* background-color: #eeeeee; */
         | 
| 182 | 
            +
                background-color: #f5f5f5;
         | 
| 183 | 
            +
                border: 1px solid #aaaaaa;
         | 
| 184 | 
            +
                /* border-top: 1px solid #ffffff; */
         | 
| 185 | 
            +
                /* border-left: 1px solid #ffffff; */
         | 
| 186 | 
            +
                /* border-right: 1px solid #aaaaaa; */
         | 
| 187 | 
            +
                /* border-bottom: 1px solid #aaaaaa; */
         | 
| 188 | 
            +
                /* border: 0; */
         | 
| 189 | 
            +
                /* border-right: 1px solid #aaaaaa; */
         | 
| 190 | 
            +
                /* border-bottom: 1px solid #aaaaaa; */
         | 
| 191 | 
            +
            }
         | 
| 192 | 
            +
            p.title, p.author, p.authornote, p.date {
         | 
| 193 | 
            +
                /* background-color: #eeeeee; */
         | 
| 194 | 
            +
                background-color: #f5f5f5;
         | 
| 195 | 
            +
            }
         | 
| 196 | 
            +
             | 
| 197 | 
            +
            div.toc, div.lot, div.lof {
         | 
| 198 | 
            +
                margin: 0;
         | 
| 199 | 
            +
                padding: 20px;
         | 
| 200 | 
            +
                background: #ffffff;
         | 
| 201 | 
            +
                border-left: 1px solid #aaaaaa;
         | 
| 202 | 
            +
                border-bottom: 1px solid #aaaaaa;
         | 
| 203 | 
            +
                border-right: 1px solid #aaaaaa;
         | 
| 204 | 
            +
            }
         | 
| 205 | 
            +
            ul.toc, ul.lot, ul.lof {
         | 
| 206 | 
            +
            }
         | 
| 207 | 
            +
            li.toc, li.lot, li.lof {
         | 
| 208 | 
            +
                list-style-type : none;
         | 
| 209 | 
            +
                padding: 1px;
         | 
| 210 | 
            +
            }
         | 
| 211 | 
            +
            div.Table_of_Contents {
         | 
| 212 | 
            +
                margin: 0;
         | 
| 213 | 
            +
                padding: 0;
         | 
| 214 | 
            +
            }
         | 
| 215 | 
            +
            blockquote {
         | 
| 216 | 
            +
                margin: 0;
         | 
| 217 | 
            +
                /* padding: 0; */
         | 
| 218 | 
            +
                padding: 20px 0 20px 0;
         | 
| 219 | 
            +
                background: #ffffff;
         | 
| 220 | 
            +
            }
         | 
| 221 | 
            +
             | 
| 222 | 
            +
            div.comment {
         | 
| 223 | 
            +
                margin: 40px 80px 10px 80px;
         | 
| 224 | 
            +
                color: #2f2f5f;
         | 
| 225 | 
            +
                font-size: 80%;
         | 
| 226 | 
            +
                line-height: 135%;
         | 
| 227 | 
            +
            }
         | 
| 228 | 
            +
            span.comment_author {
         | 
| 229 | 
            +
                font-weight: bold;
         | 
| 230 | 
            +
            }
         | 
| 231 | 
            +
            span.comment_author:after {
         | 
| 232 | 
            +
                content: ": ";
         | 
| 233 | 
            +
            }
         | 
| 234 | 
            +
            span.comment_subject {
         | 
| 235 | 
            +
                font-weight: bold;
         | 
| 236 | 
            +
            }
         | 
| 237 | 
            +
            span.comment_date {
         | 
| 238 | 
            +
                font-style: italic;
         | 
| 239 | 
            +
                font-size: 70%;
         | 
| 240 | 
            +
            }
         | 
| 241 | 
            +
            div.comment_title {
         | 
| 242 | 
            +
            }
         | 
| 243 | 
            +
            div.comment_text {
         | 
| 244 | 
            +
                margin: 0 0 0 20px;
         | 
| 245 | 
            +
            }
         | 
| 246 | 
            +
            div.comment_form {
         | 
| 247 | 
            +
                margin: 80px 80px 5px 80px;
         | 
| 248 | 
            +
            }
         | 
| 249 | 
            +
            table.comment_form {
         | 
| 250 | 
            +
                background-color: #eeeeee;
         | 
| 251 | 
            +
                border: 0;
         | 
| 252 | 
            +
            }
         | 
| 253 | 
            +
            tr.comment_form {
         | 
| 254 | 
            +
                background-color: #eeeeee;
         | 
| 255 | 
            +
                border: 0;
         | 
| 256 | 
            +
            }
         | 
| 257 | 
            +
            td.comment_form {
         | 
| 258 | 
            +
                background-color: #eeeeee;
         | 
| 259 | 
            +
                color: #2f2f5f;
         | 
| 260 | 
            +
                border: 0;
         | 
| 261 | 
            +
                vertical-align: top;
         | 
| 262 | 
            +
                font-size: 80%;
         | 
| 263 | 
            +
                line-height: 135%;
         | 
| 264 | 
            +
            }
         | 
| 265 | 
            +
             | 
| 266 | 
            +
            input, textarea {
         | 
| 267 | 
            +
            	font-family: Georgia, Minion Web, Palatino, "Book Antiqua", Utopia, "Times New Roman", serif;
         | 
| 268 | 
            +
                border: 1px solid #2f2f5f;
         | 
| 269 | 
            +
                background-color: #fff2df;
         | 
| 270 | 
            +
                font-size: 90%;
         | 
| 271 | 
            +
                line-height: 135%;
         | 
| 272 | 
            +
            }
         | 
| 273 | 
            +
            button {
         | 
| 274 | 
            +
                font-size: 90%;
         | 
| 275 | 
            +
                line-height: 135%;
         | 
| 276 | 
            +
            }
         | 
| 277 | 
            +
             | 
| 278 | 
            +
            .background, .footer {
         | 
| 279 | 
            +
                background-color: #eeeeee;
         | 
| 280 | 
            +
            }
         | 
| 281 | 
            +
             | 
| @@ -0,0 +1,95 @@ | |
| 1 | 
            +
            @page {
         | 
| 2 | 
            +
                size: portrait;
         | 
| 3 | 
            +
                margin: 1in 1in 1.5in 1.5in;
         | 
| 4 | 
            +
                orphans: 2;
         | 
| 5 | 
            +
                widows: 2;
         | 
| 6 | 
            +
            }
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            .screenplay {
         | 
| 9 | 
            +
                font-family : 'Monotype.com', Courier New, Courier, Monospace;
         | 
| 10 | 
            +
                font-size: 11pt;
         | 
| 11 | 
            +
                font-weight: normal;
         | 
| 12 | 
            +
                margin: 10px 0 10px 0;
         | 
| 13 | 
            +
                padding: 0;
         | 
| 14 | 
            +
            }
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            div.screenplay {
         | 
| 17 | 
            +
            }
         | 
| 18 | 
            +
             | 
| 19 | 
            +
            h1.screenplay {
         | 
| 20 | 
            +
                /* page-break-before: always; */
         | 
| 21 | 
            +
            }
         | 
| 22 | 
            +
             | 
| 23 | 
            +
            h1.screenplay, h2.screenplay, h3.screenplay, h4.screenplay, h5.screenplay {
         | 
| 24 | 
            +
                /* text-decoration: underline; */
         | 
| 25 | 
            +
                margin: 20px 0 10px 0;
         | 
| 26 | 
            +
                border: 0;
         | 
| 27 | 
            +
                border-bottom: 1px solid #000000;
         | 
| 28 | 
            +
                font-weight: bold;
         | 
| 29 | 
            +
                text-transform: uppercase;
         | 
| 30 | 
            +
                width: 100%;
         | 
| 31 | 
            +
            }
         | 
| 32 | 
            +
             | 
| 33 | 
            +
            span.screenplay-intext {
         | 
| 34 | 
            +
                /* padding-right: 1cm; */
         | 
| 35 | 
            +
            }
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            span.screenplay-location {
         | 
| 38 | 
            +
            }
         | 
| 39 | 
            +
             | 
| 40 | 
            +
            span.screenplay-timesep {
         | 
| 41 | 
            +
            }
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            span.screenplay-flexsep {
         | 
| 44 | 
            +
                visibility: hidden;
         | 
| 45 | 
            +
            }
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            span.screenplay-right {
         | 
| 48 | 
            +
                /* position: absolute; */
         | 
| 49 | 
            +
                /* right: 10px; */
         | 
| 50 | 
            +
                position: relative;
         | 
| 51 | 
            +
                left: 1in;
         | 
| 52 | 
            +
                text-align: right;
         | 
| 53 | 
            +
            }
         | 
| 54 | 
            +
             | 
| 55 | 
            +
            p.screenplay {
         | 
| 56 | 
            +
            }
         | 
| 57 | 
            +
             | 
| 58 | 
            +
            dl.screenplay {
         | 
| 59 | 
            +
                text-align: center;
         | 
| 60 | 
            +
            }
         | 
| 61 | 
            +
             | 
| 62 | 
            +
            span.screenplay-character {
         | 
| 63 | 
            +
                text-transform: uppercase;
         | 
| 64 | 
            +
            }
         | 
| 65 | 
            +
             | 
| 66 | 
            +
            dt.screenplay {
         | 
| 67 | 
            +
                /* margin: 10px 0 0 3.7in; */
         | 
| 68 | 
            +
                margin: 10px 10px 0 10px;
         | 
| 69 | 
            +
            }
         | 
| 70 | 
            +
             | 
| 71 | 
            +
            dd.screenplay {
         | 
| 72 | 
            +
                margin: 0 2.3in 10px 2.2in;
         | 
| 73 | 
            +
                /* margin: 0 10px 10px 2.2in; */
         | 
| 74 | 
            +
                padding: 0;
         | 
| 75 | 
            +
                /* width: 3in; */
         | 
| 76 | 
            +
                width: 7cm;
         | 
| 77 | 
            +
                /* text-align: justify; */
         | 
| 78 | 
            +
                text-align: left;
         | 
| 79 | 
            +
            }
         | 
| 80 | 
            +
             | 
| 81 | 
            +
            ul.screenplay {
         | 
| 82 | 
            +
                list-style-type: none;
         | 
| 83 | 
            +
            }
         | 
| 84 | 
            +
             | 
| 85 | 
            +
            li.screenplay[class~=dash] {
         | 
| 86 | 
            +
                margin-left: 1cm;
         | 
| 87 | 
            +
            }
         | 
| 88 | 
            +
             | 
| 89 | 
            +
            li.screenplay[class~=plus] {
         | 
| 90 | 
            +
                margin-left: 2cm;
         | 
| 91 | 
            +
            }
         | 
| 92 | 
            +
             | 
| 93 | 
            +
            /* 
         | 
| 94 | 
            +
            vi: ft=css:tw=72:ts=4
         | 
| 95 | 
            +
            */
         | 
| @@ -2,8 +2,9 @@ | |
| 2 2 |  | 
| 3 3 | 
             
            body {
         | 
| 4 4 | 
             
                /* background-color: #d9e0f0; */
         | 
| 5 | 
            -
                background-color: #e4e8f0;
         | 
| 6 | 
            -
                background- | 
| 5 | 
            +
                /* background-color: #e4e8f0; */
         | 
| 6 | 
            +
                background-color: #eeeef5;
         | 
| 7 | 
            +
                /* background-image: url(grad_blue.jpg); */
         | 
| 7 8 | 
             
                background-repeat: repeat-x;
         | 
| 8 9 | 
             
            }
         | 
| 9 10 |  | 
| @@ -25,7 +26,7 @@ body { | |
| 25 26 | 
             
                left: 780px;
         | 
| 26 27 | 
             
                text-align: left;
         | 
| 27 28 | 
             
                vertical-align: top;
         | 
| 28 | 
            -
                width:  | 
| 29 | 
            +
                width: 170px;
         | 
| 29 30 | 
             
                border: 0;
         | 
| 30 31 | 
             
                padding: 10px 0 0 0;
         | 
| 31 32 | 
             
                margin: 0;
         | 
| @@ -53,14 +54,15 @@ body { | |
| 53 54 | 
             
                vertical-align: top;
         | 
| 54 55 | 
             
                border: 0;
         | 
| 55 56 | 
             
                /* border: 1px dashed #cae0ea; */
         | 
| 56 | 
            -
                border: 1px solid #cae0ea;
         | 
| 57 57 | 
             
                /* border: 1px solid #cae0ea; */
         | 
| 58 58 | 
             
                padding: 10px;
         | 
| 59 59 | 
             
                /* margin: 10px 0 10px 10px; */
         | 
| 60 60 | 
             
                margin: 10px;
         | 
| 61 61 | 
             
                /* width: 700px; */
         | 
| 62 | 
            -
                border-radius: 15px;
         | 
| 62 | 
            +
                -webkit-border-radius: 15px;
         | 
| 63 63 | 
             
                -moz-border-radius: 15px;
         | 
| 64 | 
            +
                -khtml-border-top: 15px;
         | 
| 65 | 
            +
                border-radius: 15px;
         | 
| 64 66 | 
             
            }
         | 
| 65 67 |  | 
| 66 68 | 
             
            .tabFrameRow {
         | 
| @@ -77,18 +79,22 @@ body { | |
| 77 79 | 
             
            }
         | 
| 78 80 |  | 
| 79 81 | 
             
            .tabBarRight {
         | 
| 80 | 
            -
                background-color: # | 
| 82 | 
            +
                background-color: #eeeef5;
         | 
| 81 83 | 
             
            }
         | 
| 82 84 | 
             
            table.tabBarRight {
         | 
| 83 | 
            -
                border: 10px solid # | 
| 85 | 
            +
                border: 10px solid #eeeef5;
         | 
| 86 | 
            +
                color: #eeeef5;
         | 
| 84 87 | 
             
                margin: 0;
         | 
| 85 88 | 
             
                /* padding: 10px; */
         | 
| 86 89 | 
             
                border-spacing: 0;
         | 
| 90 | 
            +
                border-collapse: collapse;
         | 
| 87 91 | 
             
                /* max-width: 160px; */
         | 
| 88 92 | 
             
                width: 160px;
         | 
| 89 93 | 
             
                /* min-width: 140px; */
         | 
| 90 | 
            -
                border-radius: 15px;
         | 
| 94 | 
            +
                -webkit-border-radius: 15px;
         | 
| 91 95 | 
             
                -moz-border-radius: 15px;
         | 
| 96 | 
            +
                -khtml-border-top: 15px;
         | 
| 97 | 
            +
                border-radius: 15px;
         | 
| 92 98 | 
             
            }
         | 
| 93 99 | 
             
            tr.tabBarRight {
         | 
| 94 100 | 
             
            }
         | 
| @@ -124,8 +130,8 @@ tr.tabBarRightActive-Level4 { | |
| 124 130 | 
             
            }
         | 
| 125 131 |  | 
| 126 132 | 
             
            td.tabBarRightActive-Level1 {
         | 
| 127 | 
            -
                border-top: 1px solid #555555;
         | 
| 128 | 
            -
                border-left: 1px solid #555555;
         | 
| 133 | 
            +
                /* border-top: 1px solid #555555; */
         | 
| 134 | 
            +
                /* border-left: 1px solid #555555; */
         | 
| 129 135 | 
             
                border-bottom: 0 none;
         | 
| 130 136 | 
             
                background-color: #fff3d0;
         | 
| 131 137 | 
             
                margin: 5px;
         | 
| @@ -155,18 +161,18 @@ td.tabBarRightActive-Level4 { | |
| 155 161 | 
             
            }
         | 
| 156 162 |  | 
| 157 163 | 
             
            *[class|=tabBarRightInactive] {
         | 
| 158 | 
            -
                background-color: # | 
| 164 | 
            +
                background-color: #eeeef5;
         | 
| 159 165 | 
             
            }
         | 
| 160 166 | 
             
            tr[class|=tabBarRightInactive] {
         | 
| 161 167 | 
             
            }
         | 
| 162 168 | 
             
            td[class|=tabBarRightInactive] {
         | 
| 163 | 
            -
                border: 1px solid #fafafa;
         | 
| 169 | 
            +
                /* border: 1px solid #fafafa; */
         | 
| 164 170 | 
             
                padding: 2px;
         | 
| 165 171 | 
             
            }
         | 
| 166 172 | 
             
            td.tabBarRightInactive-Level1 {
         | 
| 167 173 | 
             
                border-top: 0 none;
         | 
| 168 174 | 
             
                border-bottom: 0 none;
         | 
| 169 | 
            -
                background-color: # | 
| 175 | 
            +
                background-color: #eeeef5;
         | 
| 170 176 | 
             
                margin: 5px;
         | 
| 171 177 | 
             
            }
         | 
| 172 178 |  | 
| @@ -176,8 +182,8 @@ tr.tabBarRightButtons { | |
| 176 182 | 
             
                border: 0;
         | 
| 177 183 | 
             
            }
         | 
| 178 184 | 
             
            td.tabBarRightButtons {
         | 
| 179 | 
            -
                background-color: # | 
| 180 | 
            -
                border: 1px solid #fafafa;
         | 
| 185 | 
            +
                background-color: #eeeef5;
         | 
| 186 | 
            +
                /* border: 1px solid #fafafa; */
         | 
| 181 187 | 
             
                padding: 2px;
         | 
| 182 188 | 
             
                text-align: center;
         | 
| 183 189 | 
             
            }
         | 
| @@ -185,8 +191,8 @@ td.tabBarRightButtons { | |
| 185 191 | 
             
            tr.tabBarRightAbout {
         | 
| 186 192 | 
             
            }
         | 
| 187 193 | 
             
            td.tabBarRightAbout {
         | 
| 188 | 
            -
                border-top: 10px solid # | 
| 189 | 
            -
                background-color: # | 
| 194 | 
            +
                border-top: 10px solid #eeeef5;
         | 
| 195 | 
            +
                background-color: #eeeef5;
         | 
| 190 196 | 
             
                text-align: center;
         | 
| 191 197 | 
             
            }
         | 
| 192 198 |  |