Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf
Difference between revisions of "MediaWiki:Common.css"
on PidgiWiki, the video game media repository
Line 83: | Line 83: | ||
opacity:1; | opacity:1; | ||
filter:alpha(opacity=100); | filter:alpha(opacity=100); | ||
+ | transition: all 0.2s; | ||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||
overflow:hidden; | overflow:hidden; | ||
white-space:nowrap; | white-space:nowrap; | ||
} | } | ||
− | + | .Q:hover { | |
+ | background: #CF8B54; | ||
+ | padding: 0.2em; | ||
+ | text-align: left; | ||
+ | max-height: 200px; | ||
+ | width: 100%; | ||
+ | display:block; | ||
+ | overflow: hidden; | ||
+ | z-index:-1; | ||
+ | opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .Q:active { | ||
+ | background: #CF8B54; | ||
+ | padding: 0.2em; | ||
+ | text-align: left; | ||
+ | max-height: 200px; | ||
+ | width: 100%; | ||
+ | display:block; | ||
+ | overflow: hidden; | ||
+ | z-index:-1; | ||
+ | opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | transition: all 0.2s; | ||
+ | } | ||
.Q a{ | .Q a{ | ||
border-bottom: 1px dotted #fff; | border-bottom: 1px dotted #fff; |
Revision as of 17:19, 22 August 2013
/* <pre> */ /* Miscellaneous formatting features */ .sc { font-variant: small-caps } #siteSub { display: inline; font-size: 100%; font-weight: normal; } .metrobox { color:#fff; font-family:'Segoe UI','Segoe',Segoe,'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; } .metrobox a:link, .metrobox a:visited, .metrobox a:hover { color:#fff; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in [[MediaWiki:Common.js]] are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } /* In navboxes, the show/hide button balances the v·d·e links from [[Template:Navbar]], so they need to be the same width. */ .navbox .collapseButton { width: 6em; } /** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */ .mw-charinsert-buttons { margin-top: 10px; border: 0; padding: 3px; text-align: center; background-color: #131313 !important; line-height:32px; } .mw-charinsert-buttons a { color: white; background-color: #131313 !important; font-weight: bold; text-decoration: none; padding: 0.4em; } .mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active { background-color: #353535 !important; } .client-js .mw-edittools-section { display: inline; } .client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px; } .pidgicolor { background: #CF8B54; } .lighthover:hover, .lighthover:active { background: #BF824D; } /*For the FAQ page*/ .Q { background: #CF8B54; padding: 0.2em; text-align: left; max-height: 27px; width: 100%; display:block; z-index:-1; opacity:1; filter:alpha(opacity=100); transition: all 0.2s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .Q:hover { background: #CF8B54; padding: 0.2em; text-align: left; max-height: 200px; width: 100%; display:block; overflow: hidden; z-index:-1; opacity:1; filter:alpha(opacity=100); transition: all 0.2s; } .Q:active { background: #CF8B54; padding: 0.2em; text-align: left; max-height: 200px; width: 100%; display:block; overflow: hidden; z-index:-1; opacity:1; filter:alpha(opacity=100); transition: all 0.2s; } .Q a{ border-bottom: 1px dotted #fff; color:#fff !important; } .Q a:hover{ border-bottom: 1px solid #fff; text-decoration:none !important; } /*Admins*/ .page-Special_RecentChanges [title="User:Pika3323"], .page-Special_RecentChanges [title="User:Da braviary"], .page-Special_RecentChanges [title="User:Immewnity"], .page-Special_RecentChanges [title="User:Ash Pokemaster"], .page-Special_RecentChanges [title="User:Icysugarspike"], .page-Special_RecentChanges [title="User:S2daam"], .page-Special_RecentChanges [title="User:Vhayes1992"], .page-Special_RecentChanges [title="User:YoshiKong"], .page-Special_NewFiles [title="User:Pika3323"], .page-Special_NewFiles [title="User:Da braviary"], .page-Special_NewFiles [title="User:Immewnity"], .page-Special_NewFiles [title="User:Ash Pokemaster"], .page-Special_NewFiles [title="User:Icysugarspike"], .page-Special_NewFiles [title="User:S2daam"], .page-Special_NewFiles [title="User:Vhayes1992"], .page-Special_NewFiles [title="User:YoshiKong"] { background:#CF8B54; color:#fff; border-radius:3px; font-weight:bold; padding:0px 2px; } .page-Special_RecentChanges [title="User:Pika3323"]:hover, .page-Special_RecentChanges [title="User:Da braviary"]:hover, .page-Special_RecentChanges [title="User:Immewnity"]:hover, .page-Special_RecentChanges [title="User:Ash Pokemaster"]:hover, .page-Special_RecentChanges [title="User:Icysugarspike"]:hover, .page-Special_RecentChanges [title="User:S2daam"]:hover, .page-Special_RecentChanges [title="User:Vhayes1992"]:hover, .page-Special_RecentChanges [title="User:YoshiKong"]:hover, .page-Special_NewFiles [title="User:Pika3323"]:hover, .page-Special_NewFiles [title="User:Da braviary"]:hover, .page-Special_NewFiles [title="User:Immewnity"]:hover, .page-Special_NewFiles [title="User:Ash Pokemaster"]:hover, .page-Special_NewFiles [title="User:Icysugarspike"]:hover, .page-Special_NewFiles [title="User:S2daam"]:hover, .page-Special_NewFiles [title="User:Vhayes1992"]:hover, .page-Special_NewFiles [title="User:YoshiKong"]:hover { background:#9F6F40; text-decoration:none; } /*Junior admins*/ .page-Special_RecentChanges [title="User:JB2448"], .page-Special_RecentChanges [title="User:Takharii"], .page-Special_NewFiles [title="User:JB2448"], .page-Special_NewFiles [title="User:Takharii"] { color:#CF8B54; font-weight:bold; } .page-Special_RecentChanges [title="User:JB2448"]:hover, .page-Special_RecentChanges [title="User:Takharii"]:hover, .page-Special_NewFiles [title="User:JB2448"]:hover, .page-Special_NewFiles [title="User:Takharii"]:hover { color:#9F6F40; } .twitter{ background:#3cf url(http://images.pidgi.net/pwicon.png) no-repeat center center; width:80px; height:80px; float:left; margin-left:25%; } .twitter:active{ bakcground:#1ac6ff; } .facebook{ background:#3B5998 url(http://images.pidgi.net/pwicon.png) no-repeat center center; width:80px; height:80px; float:left; } .youtube{ background: #cd332d url(http://images.pidgi.net/pwicon.png) no-repeat center center; /* Old browsers */ width:80px; height:80px; float:left; } .mail{ background:#C8BB8B url(http://images.pidgi.net/pwicon.png) no-repeat center center; height:80px; width:80px; float:left; } /* </pre> */