diff --git a/style.css b/style.css index 9848e56..2d78c8d 100644 --- a/style.css +++ b/style.css @@ -1,11 +1,19 @@ /********************************************************************* -This is free and unencumbered software released into the public domain. +The blue-star image (for watched pages) comes from the original Wikipedia Vector +theme, and is most likely under a Creative Commons licence. Check the original +source on Wikipedia for licensing conditions. It was copied into this file on +2016-08-10 from the URL: +https://fr.wikipedia.org/w/load.php?debug=false&lang=fr&modules=ext.cite.styles%7Cext.echo.badgeicons%7Cext.echo.styles.badge%7Cext.gadget.ArchiveLinks%2CExternalSearch%2CMonobookToolbarStandard%2CWdsearch%2CWikiMiniAtlas%2CWikiOpenStreetMap%2CnewCollapsible%7Cext.tmh.thumbnail.styles%7Cext.uls.nojs%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cmediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.page.gallery.styles%7Cmediawiki.sectionAnchor%7Cmediawiki.skinning.interface%7Cskins.vector.styles%7Cwikibase.client.init&only=styles&skin=vector + +The rest of this file is free and unencumbered software released into the public +domain. Anyone is free to copy, modify, publish, use, compile, sell, or distribute this software, either in source code form or as a compiled binary, for any purpose, commercial or non-commercial, and by any means. + For more information, please refer to *********************************************************************/ @@ -45,7 +53,7 @@ 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{ +pt-userpage, #ca-edit, #ca-ve-edit, #p-views, div.vectorTabs ul, div.vectorTabs span{ background: none; } @@ -89,18 +97,62 @@ ul { list-style: disc; } +/* 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; + background: none !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; } +#ca-unwatch > *{ + 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-unwatch > *{ + 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; +} + + +#ca-unwatch:before{ + /* This image comes from Wikipedia */ + background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c2edff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2368bdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%2213.47%22%20y1%3D%2214.363%22%20x2%3D%224.596%22%20y2%3D%223.397%22%20id%3D%22b%22%20xlink%3Ahref%3D%22%23a%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%237cb5d1%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E); + width:16px; + height:16px; + content: ""; + position: absolute; + top:2ex; + right:2ex; + opacity: 0.3; + -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-unwatch:before{ + opacity: 0; + -webkit-transition: opacity 0.2s ease-in-out; + -moz-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s 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; @@ -115,22 +167,25 @@ ul { transition: opacity 0.5s ease-in-out; } -#ca-edit, #ca-viewsource, #p-personal, #p-search{ +#ca-edit, #ca-ve-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{ +#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{ 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; } -.NavHead div, .NavFrame div, .navbox div, .navbox th, .navbox-title, .hlist div, th, table{ - background: white !important; +#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 */ @@ -276,4 +331,4 @@ pre, code { sup { text-indent: 0; -} \ No newline at end of file +}