diff --git a/README.md b/README.md index 69429db..fc15425 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,14 @@ -![WiTeX screenshot](https://raw.githubusercontent.com/AndrewBelt/WiTeX/master/screenshot.png) +![WiTeX screenshot](https://raw.githubusercontent.com/jsmaniac/WiTeX/master/screenshot.gif) # WiTeX *If Donald Knuth had designed Wikipedia* +This is a fork of [Andrew Belt](https://github.com/AndrewBelt/WiTeX)'s WiTeX which shows the wikipedia toolbars when they are hovered, in a semi-transparent, non-obtrusive way. + ## Install If you have a Wikipedia account, open your [Preferences](https://en.wikipedia.org/wiki/Special:Preferences), go to the Appearance tab, and edit the Custom CSS for the Vector skin. -Paste the contents of [`style.css`](https://raw.githubusercontent.com/AndrewBelt/WiTeX/master/style.css) into the editor, and save. +Paste the contents of [`style.css`](https://raw.githubusercontent.com/jsmaniac/WiTeX/master/style.css) into the editor, and save. For better alignment of mathematical equations, enable MathML or Mathjax in the Appearance tab. Alternatively, you can load the CSS using a browser plugin (such as [Stylish for Firefox](https://addons.mozilla.org/en-US/firefox/addon/stylish/?src=external-userstyleshome) or [Stylish for Chrome](https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe)) for the domain `https?://*.wikipedia.org`. diff --git a/screenshot-empty.png b/screenshot-empty.png new file mode 100644 index 0000000..7df77ce Binary files /dev/null and b/screenshot-empty.png differ diff --git a/screenshot.gif b/screenshot.gif new file mode 100644 index 0000000..3fdd4a9 Binary files /dev/null and b/screenshot.gif differ diff --git a/screenshot.png b/screenshot.png index 144e8c7..09152d1 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/style.css b/style.css index a2cac86..4994f40 100644 --- a/style.css +++ b/style.css @@ -45,6 +45,10 @@ https://github.com/AndrewBelt/WiTeX src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmroman10-bolditalic.woff') format('woff'); } +pt-userpage, #ca-edit, #p-views, div.vectorTabs ul, div.vectorTabs span{ + background: none; +} + @font-face { font-family: 'Latin Modern Mono'; font-weight: normal; @@ -73,7 +77,7 @@ h1, h2, h3, h4, h5, h6 { font-weight: bold; } -a, a:visited { +a, a:visited, div.vectorTabs li a { color: #a00; } @@ -85,9 +89,58 @@ ul { list-style: disc; } -#mw-navigation, #mw-page-base, #mw-head-base, #footer { - /* nuke everything but the content */ - display: none; +/* Shift star on baseline */ +#ca-unwatch.icon a, #ca-watch.icon a, #ca-unwatch.icon a.loading, #ca-watch.icon a.loading { + /*background-position: 5px 21px !important;*/ + background-position: 5px 69% !important; + transform-origin: 50% 64% !important; /* Calculating with original WP values, should be y=66% but looks better with y=64% */ +} + +/* nuke most things */ +#mw-page-base,#mw-head-base{ + visibility:hidden; +} +#left-navigation, #mw-panel, #ca-view, #ca-history, #ca-watch, #p-cactions, #footer, #featured-star, .topicon{ + background: white !important; + opacity: 0; + -webkit-transition: opacity 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; +} + +#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{ + opacity: 0.55; + -webkit-transition: opacity 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; +} + +#mw-navigation:hover #mw-panel, #footer:hover { + opacity: 0.75; + -webkit-transition: opacity 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; +} + +#ca-edit, #ca-viewsource, #p-personal, #p-search{ + opacity: 0; + -webkit-transition: opacity 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; +} + +#mw-navigation:hover #ca-edit, #mw-navigation:hover #ca-viewsource, #mw-navigation:hover #p-personal, #mw-navigation:hover #p-search{ + opacity: 1; + -webkit-transition: opacity 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; +} + +#p-cactions-label, div.vectorTabs, div.vectorTabs ul li, .NavHead div, .NavFrame div, .navbox div, .navbox th, .navbox-title, .hlist div, th, table{ + background: none !important; +} +div.vectorMenu div.menu { + border-top-width: 1px; } /* Content Box */ @@ -163,7 +216,8 @@ ul { .mw-editsection { /* hide more non-content */ - display: none; + /* display: none; */ + opacity:0.1; } table.ambox {