suzanne.soy/WiTeX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hack to get the blue star for watched pages in the top-right corner, unless the toolbars are hovered, in which case the top right copy fades out and the actual copy fades in.

Browse Source
This commit is contained in:
Georges Dupéron 2016-08-10 17:13:08 +02:00
parent b12f29e98f
commit b5d823f17b
1 changed files with 63 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
style.css
View File

@ -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 Anyone is free to copy, modify, publish, use, compile, sell, or
distribute this software, either in source code form or as a compiled distribute this software, either in source code form or as a compiled
binary, for any purpose, commercial or non-commercial, and by any binary, for any purpose, commercial or non-commercial, and by any
means. means.
For more information, please refer to <http://unlicense.org/> For more information, please refer to <http://unlicense.org/>
*********************************************************************/ *********************************************************************/
@ -45,7 +53,7 @@ https://github.com/AndrewBelt/WiTeX
src: url('https://cdn.rawgit.com/AndrewBelt/WiTeX/master/fonts/lmroman10-bolditalic.woff') format('woff'); 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; background: none;
} }
@ -89,18 +97,62 @@ ul {
list-style: disc; 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 */ /* nuke most things */
#mw-page-base,#mw-head-base{ #mw-page-base,#mw-head-base{
visibility:hidden; visibility:hidden;
} }
#left-navigation, #mw-panel, #ca-view, #ca-history, #ca-watch, #p-cactions, #footer, #featured-star, .topicon{ #left-navigation, #mw-panel, #ca-view, #ca-history, #ca-watch, #p-cactions, #footer, #featured-star, .topicon{
background: white !important; background: none !important;
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out;
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{ #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; opacity: 0.55;
-webkit-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;
@ -115,22 +167,25 @@ ul {
transition: opacity 0.5s ease-in-out; 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; opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out;
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; opacity: 1;
-webkit-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out;
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{ #p-cactions-label, div.vectorTabs, div.vectorTabs ul li, .NavHead div, .NavFrame div, .navbox div, .navbox th, .navbox-title, .hlist div, th, table{
background: white !important; background: none !important;
}
div.vectorMenu div.menu {
border-top-width: 1px;
} }
/* Content Box */ /* Content Box */
@ -276,4 +331,4 @@ pre, code {
sup { sup {
text-indent: 0; text-indent: 0;
} }