style.css (7687B)
1 /* 2 This file is free and unencumbered software released into the public 3 domain. 4 5 Anyone is free to copy, modify, publish, use, compile, sell, or 6 distribute this software, either in source code form or as a compiled 7 binary, for any purpose, commercial or non-commercial, and by any 8 means. 9 10 11 For more information, please refer to <http://unlicense.org/> 12 *********************************************************************/ 13 14 /* 15 WiTeX 16 https://github.com/AndrewBelt/WiTeX 17 18 Version with transparent toolbars which appear on hover: 19 https://github.com/jsmaniac/WiTeX 20 21 */ 22 23 24 /* Latin Modern (LaTeX default) font */ 25 26 @font-face { 27 font-family: 'Latin Modern Roman'; 28 font-weight: normal; 29 font-style: normal; 30 src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmroman10-regular.woff') format('woff'); 31 } 32 33 @font-face { 34 font-family: 'Latin Modern Roman'; 35 font-weight: bold; 36 font-style: normal; 37 src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmroman10-bold.woff') format('woff'); 38 } 39 40 @font-face { 41 font-family: 'Latin Modern Roman'; 42 font-weight: normal; 43 font-style: italic; 44 src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmroman10-italic.woff') format('woff'); 45 } 46 47 @font-face { 48 font-family: 'Latin Modern Roman'; 49 font-weight: bold; 50 font-style: italic; 51 src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmroman10-bolditalic.woff') format('woff'); 52 } 53 54 pt-userpage, #ca-edit, #ca-ve-edit, #p-views, div.vectorTabs ul, div.vectorTabs span{ 55 background: none; 56 } 57 58 @font-face { 59 font-family: 'Latin Modern Mono'; 60 font-weight: normal; 61 font-style: normal; 62 src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmmono10-regular.woff') format('woff'); 63 } 64 65 @font-face { 66 font-family: 'Latin Modern Mono'; 67 font-weight: normal; 68 font-style: italic; 69 src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmmono10-italic.woff') format('woff'); 70 } 71 72 /* Page Layout */ 73 74 body { 75 background: none; 76 font-size: 14pt; 77 font-family: 'Latin Modern Roman', serif; 78 color: black; 79 } 80 81 h1, h2, h3, h4, h5, h6 { 82 border: none; 83 font-weight: bold; 84 } 85 86 a, a:visited, div.vectorTabs li a { 87 color: #a00; 88 } 89 90 a.new, a.new:visited { 91 color: black; 92 } 93 94 ul { 95 list-style: disc; 96 } 97 98 /* Shift star on baseline */ 99 #ca-unwatch.icon a, #ca-watch.icon a, #ca-unwatch.icon a.loading, #ca-watch.icon a.loading { 100 /*background-position: 5px 21px !important;*/ 101 background-position: 5px 69% !important; 102 transform-origin: 50% 64% !important; /* Calculating with original WP values, should be y=66% but looks better with y=64% */ 103 } 104 105 /* nuke most things */ 106 #mw-page-base,#mw-head-base{ 107 visibility:hidden; 108 } 109 #left-navigation, #mw-panel, #ca-view, #ca-history, #ca-watch, #p-cactions, #footer, #featured-star, .topicon{ 110 background: none !important; 111 opacity: 0; 112 -webkit-transition: opacity 0.5s ease-in-out; 113 -moz-transition: opacity 0.5s ease-in-out; 114 transition: opacity 0.5s ease-in-out; 115 } 116 117 #ca-unwatch { 118 background: none; 119 } 120 121 #ca-unwatch a:before{ 122 background-image: linear-gradient(transparent,transparent),url(/w/skins/Vector/resources/skins.vector.styles/images/unwatch-icon.svg?3de3e); 123 width:16px; 124 height:16px; 125 content: ""; 126 } 127 128 #mw-navigation #ca-unwatch a:before, #mw-navigation #ca-watch a:before { 129 content: ""; 130 opacity: 0; 131 height: 1.8em; 132 -webkit-transition: opacity 0.3s ease-in-out; 133 -moz-transition: opacity 0.3s ease-in-out; 134 transition: opacity 0.3s ease-in-out; 135 } 136 137 #ca-unwatch a { 138 overflow:visible !important; /* allow the #ca-unwatch to have a :after outside of the bounds of this element. */ 139 } 140 141 #ca-unwatch a:after { 142 content: ""; 143 width: 2em; 144 height: 2em; 145 position:fixed; 146 top:2ex; 147 right:2ex; 148 background-repeat: no-repeat; 149 background-position: top right; 150 background-image: linear-gradient(transparent,transparent),url(/w/skins/Vector/resources/skins.vector.styles/images/unwatch-icon.svg?3de3e); 151 opacity: 0.5; 152 -webkit-transition: opacity 0.2s ease-in-out; 153 -moz-transition: opacity 0.2s ease-in-out; 154 transition: opacity 0.2s ease-in-out; 155 transition-delay: 0.25s; 156 } 157 158 #ca-unwatch a, #ca-watch a { 159 color:transparent; 160 background:none; 161 } 162 #ca-talk, #ca-talk a, #p-namespaces { 163 background: none; 164 } 165 166 #mw-navigation:hover #ca-unwatch a:after { 167 opacity: 0; 168 -webkit-transition: opacity 0.2s ease-in-out; 169 -moz-transition: opacity 0.2s ease-in-out; 170 transition: opacity 0.2s ease-in-out; 171 } 172 173 #mw-navigation:hover #left-navigation, #mw-navigation:hover #ca-view, #mw-navigation:hover #ca-history, #mw-navigation:hover #ca-watch, #mw-navigation:hover #p-cactions, #featured-star:hover, .topicon:hover, #mw-navigation:hover #ca-unwatch a:before, #mw-navigation #ca-watch a:before { 174 opacity: 0.55; 175 -webkit-transition: opacity 0.5s ease-in-out; 176 -moz-transition: opacity 0.5s ease-in-out; 177 transition: opacity 0.5s ease-in-out; 178 } 179 180 #mw-navigation:hover #mw-panel, #footer:hover { 181 opacity: 0.75; 182 -webkit-transition: opacity 0.5s ease-in-out; 183 -moz-transition: opacity 0.5s ease-in-out; 184 transition: opacity 0.5s ease-in-out; 185 } 186 187 #ca-edit, #ca-ve-edit, #ca-viewsource, #p-personal, #p-search{ 188 opacity: 0; 189 -webkit-transition: opacity 0.5s ease-in-out; 190 -moz-transition: opacity 0.5s ease-in-out; 191 transition: opacity 0.5s ease-in-out; 192 } 193 194 #mw-navigation:hover #ca-edit, #mw-navigation:hover #ca-ve-edit, #mw-navigation:hover #ca-viewsource, #mw-navigation:hover #p-personal, #mw-navigation:hover #p-search{ 195 opacity: 1; 196 -webkit-transition: opacity 0.5s ease-in-out; 197 -moz-transition: opacity 0.5s ease-in-out; 198 transition: opacity 0.5s ease-in-out; 199 } 200 201 #p-cactions-label, div.vectorTabs, div.vectorTabs ul li, .NavHead div, .NavFrame div, .navbox div, .navbox th, .navbox-title, .hlist div, th, table{ 202 background: none !important; 203 } 204 div.vectorMenu div.menu { 205 border-top-width: 1px; 206 } 207 208 /* Content Box */ 209 210 .mw-body { 211 max-width: 720px; 212 margin: 1em auto; 213 } 214 215 #content, div#content { 216 border: none; 217 color: black; 218 } 219 220 #firstHeading, #siteSub { 221 text-align: center; 222 display: block; 223 } 224 225 #siteSub { 226 margin-top: -0.5em; 227 margin-bottom: 4em; 228 } 229 230 /* Article Body */ 231 232 .mw-body-content { 233 font-size: inherit; 234 text-align: justify; 235 -moz-hyphens: auto; 236 -webkit-hyphens: auto; 237 hyphens: auto; 238 line-height: 1.5em; 239 } 240 241 .mw-body { 242 padding: 2em 0; 243 } 244 245 .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, div#content h1, div#content h2, div#content #firstHeading { 246 font-family: inherit; 247 line-height: 1.5em; 248 margin-bottom: 0.5em; 249 } 250 251 .mw-body h1, div#content h1 { 252 font-size: 2em; 253 } 254 255 .mw-body h2, div#content h2 { 256 font-size: 1.5em; 257 } 258 259 .mw-body h3 { 260 font-size: 1.2em; 261 } 262 263 .mw-body h4 { 264 font-size: 1.1em; 265 } 266 267 .mw-body h5, .mw-body h6 { 268 font-size: 1.0em; 269 } 270 271 .mw-body p { 272 margin: 0; 273 } 274 275 .mw-body p + p { 276 text-indent: 2em; 277 } 278 279 .mw-editsection { 280 /* hide more non-content */ 281 /* display: none; */ 282 opacity:0.1; 283 } 284 285 table.ambox { 286 margin-bottom: 1em; 287 } 288 289 dl dd { 290 /* center definitions (most useful for display equations) */ 291 text-align: center; 292 } 293 294 span.texhtml { 295 /* revert inline math to default font */ 296 font-family: inherit; 297 font-size: inherit; 298 line-height: inherit; 299 } 300 301 /* Table of Contents */ 302 303 #toc, .toc { 304 border: none; 305 padding: 0; 306 background: none; 307 font-size: inherit; 308 /* span 100% of the width */ 309 display: block; 310 } 311 312 .mw-body #toc h2, .mw-body .toc h2 { 313 font-family: inherit; 314 font-size: 1.5em; 315 } 316 317 #toc h2, .toc h2 { 318 display: block; 319 } 320 321 #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { 322 text-align: left; 323 } 324 325 .toctoggle { 326 display: none; 327 } 328 329 /* Figures */ 330 331 div.tright { 332 margin: 0.5em 0 0.5em 1.5em; 333 } 334 335 div.tleft { 336 margin: 0.5em 1.5em 0.5em 0; 337 } 338 339 /* Code */ 340 341 .mw-code { 342 margin: 1em 0; 343 } 344 345 pre, code { 346 font-family: "Latin Modern Mono", monospace !important; 347 } 348 349 sup { 350 text-indent: 0; 351 }