User:PSL600/common.css: Difference between revisions

From Test Wiki
Jump to navigation Jump to search
Content deleted Content added
PSL600 (talk | contribs)
No edit summary
PSL600 (talk | contribs)
add
Line 54: Line 54:
}
}
.popupMoreLink {
/* ------ Scrollbar creds to dapper------ */
display: block;
::-webkit-scrollbar {
text-align: right;
background-color:#808080;
height: 15px;
cursor: pointer;
width: 15px;
}
}

::-webkit-scrollbar-thumb {
ins.popupDiff {
border:3px outset #c0c0c0;
border-radius: 4px;
background: #afe;
background-image:url('https://vignette.wikia.nocookie.net/minecraft/images/c/ce/For_profile_masterhead.jpg/revision/latest?cb=20170207211241.jpg');
background-size:cover;
}
}

::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {
del.popupDiff {
background-image:url('https://vignette.wikia.nocookie.net/minecraft/images/c/ce/For_profile_masterhead.jpg/revision/latest?cb=20170207211241.jpg');
background-size:cover;
background: #ffe6e6;
border:3px outset #c0c0c0;
}
}

#selectionPreview {
border: 2px solid #ddd;
background-color: #eef;
/*page headers credit to DapperFiz and colors to XXCastAwayXx */
padding: 6px;
.WikiaPageHeader h1 {
color:#7A757C;
font-family:'Orbitron','Monotxt';
font-weight:bold;
font-style:italic;
text-shadow:1px 2px 2px #808080,3px 4px 4px #29282A,5px 6px 6px #c0c0c0;
}
}

/* Code for wikia rail creds to XXCastAwayXx */
.navpopup {
.WikiaRail .module {
border: 1px solid #bbb;
background-image:url('https://vignette.wikia.nocookie.net/minecraft/images/b/b6/Diamond_wallpaper_for_wiki_rail.jpg/revision/latest?cb=20170206214055.jpg');
background-size:cover;
background-color: #fff;
padding: 10px;
box-shadow:7px 7px 5px #000000 inset;
padding-bottom: 5px;
border-radius:1pc 1pc 1pc 1pc;
font-size: 11px;
border:1px solid #420079;
box-shadow: 0 3px 8px rgba( 50, 50, 50, 0.35 );
word-wrap: break-word;
}
}

.navpopup hr {
/* Tabbers and Profile Tabs credits to XXCastAwayXx*/
color: #aaa !important;
/* --- Tabbers --- */
background-color: #aaa !important;
.tabbertab {
border: 2px ridge #06AE00 !important;
}
}

/* Configure Drag bar color */
.tabbernav {
.popupDrag {
background: transparent;
background-color: #ffbe20;
border-bottom: 0 !important;
height: 5px;
padding: 2px 0 !important;
margin-top: -5px;
margin-bottom: 5px;
}
}

.popupDragHandle {
ul.tabbernav li a {
cursor: move;
background: #047900 !important;
position: relative;
border: 2px ridge #06AE00 !important;
border-radius: 0 !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: normal !important;
margin-left: 0 !important;
padding: 2px !important;
}
}

/* menu magic - many thanks to [[User:Zocky]]! */
ul.tabbernav li.tabberactive a {

background-color: #047900 !important;
/* popups */
border: 2px ridge #06AE00 !important;
.popup_menu {
color: #ffffff !important;
display: none;
font-size: 14px !important;
position: absolute;
font-weight: bold !important;
left: 0;
margin: 0;
margin-top: 1.4em;
line-height: 1.25em;
top: 0;
z-index: 2;
width: 10em;
background: white;
border: 1px solid grey;
padding: 0 !important;
margin-left: -6px;
border-width: 1px 1px 1px 6px;
}
}

.popup_menu li { /* both: popup_menu_row and popup_menu_item */
ul.tabbernav li.tabberactive {
list-style: none;
line-height: 0 !important;
margin:0;
padding:0;
}
}

.popup_menu a {
ul.tabbernav li.tabberactive:first-child a {
display: block;
margin-left: 0 !important;
padding: 3px;
}
color: #555;
.tabbertab .ajax-poll {
border: none !important;
}
}

.popup_menu_row a {
.tabberlive .tabbertab h2,
display: inline-block;
.tabberlive .tabbertab h3 {
display: block !important;
}
}

.popup_menu_row {
/* User Tags */
color: #aaa;
.tag.usergroup-founder,
.tag.usergroup-bureaucrat,
.tag.usergroup-admin,
.tag.usergroup-sysop,
.tag.usergroup-council,
.tag.usergroup-rollback,
.tag.usergroup-patroller,
.tag.usergroup-threadmoderator,
.tag.usergroup-discussionmoderator,
.tag.usergroup-bannedfromchat,
.tag.usergroup-checkuser,
.tag.usergroup-checkuser-global,
.tag.usergroup-authenticated,
.tag.usergroup-chatmoderator,
.tag.usergroup-temp,
.tag.usergroup-util,
.tag.usergroup-bot,
.tag.usergroup-bot-global,
.tag.usergroup-staff,
.tag.usergroup-helper,
.tag.usergroup-vanguard,
.tag.usergroup-vstf,
.tag.usergroup-inactive,
.tag.usergroup-blocked,
.tag.usergroup-newuser,
.tag.usergroup-nonuser,
.tag.usergroup-notautoconfirmed,
.tag.usergroup-bannedfromchat {
}
}

.popup_drop {
/* Brightened Avatars || Credits to Whismical */
display: inline;
img.avatar {
position: relative;
-moz-transform: scale(1.01);
-webkit-transform: scale(1.01);
-o-transform: scale(1.01);
-ms-transform: scale(1.01);
border: 3px solid DarkGreen;
border-radius: 5px;
box-shadow: 0px 0px 9px DarkGreen;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;}
content_holder {
border: 3px ridge DarkGreen;
box-shadow: 0px 0px 9px DarkGreen;
-moz-box-shadow: 0px 0 9px DarkGreen;
-webkit-box-shadow: 0px 0px 9px DarkGreen;
-o-box-shadow: 0px 0px 9px DarkGreen;}
img.avatar:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
border: 3px solid lime;
box-shadow: 0px 0px 9px lime;
-webkit-box-shadow: 0px 0px 9px lime;
-moz-box-shadow: 0px 0px 9px lime;}
.UserProfileMasthead .masthead-avatar .avatar {
border: 4px solid DarkGreen;}
.UserProfileMasthead .masthead-avatar .avatar:hover {
border: 4px solid lime;}
.WikiHeader .navbackground .chevron {
display: none;
}
}

.popup_drop a,
/* Top of Masthead */
.popup_drop a:visited {
.UserProfileMasthead .masthead-info hgroup {
padding: 3px;
background: url("https://vignette.wikia.nocookie.net/minecraft/images/2/26/GrassTopLayer.png");
margin: 0;
padding: 4px 15px 4px 15px;
height: auto;
font-weight: bold;
min-height: 40px;
color: #0645ad;
}
}

/* Sign-Style Usertags */
.popup_drop:hover .popup_menu,
.UserProfileMasthead .masthead-info .tag {
.popup_drop .popup_menu:hover {
background: url("https://vignette.wikia.nocookie.net/minecraft/images/7/7d/SignTexture.png");
display: inline;
background-size:cover;
background: white;
color: #000000 !important;
padding: 2px;
font-family:'Arial';
font-weight: 800;
color: #555;
border: 2px #6b4226 outset;
box-shadow:0 2px 5px #000000;
}
}

.popup_drop:hover {
background: #ccf;
/* ~~ KEYFRAMES- Rainbow Text || Credits to DapperFiz ~~ */
color: #44f;
.rainbow {
animation:rainbow 2s infinite;
-webkit-animation:rainbow 2s infinite;
-moz-animation:rainbow 2s infinite;
}
}

@keyframes rainbow {
/* other colours, styles and so on */
0% {color: #fa5858;}
.popup_menu a:hover {
30% {color: #faac58;}
background: grey;
60% {color: #f4fa58;}
75% {color: #58fa58;}
color: #fff;
text-decoration: none;
90% {color: #58faf4;}
100% {color: #5858fa;}
}
}

@-webkit-keyframes rainbow {
.popup_mainlink {
0% {color: #fa5858;}
font-size: 140%;
30% {color: #faac58;}
font-weight: bold;
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #58faf4;}
100% {color: #5858fa;}
}
}

@-moz-keyframes rainbow {
.popup_mainlink a {
0% {color: #fa5858;}
30% {color: #faac58;}
color: #000;
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #994400;}
100% {color: #5858fa;}
}
}

/* Wordmark code || Credits to Parapraxis */
a.popup_change_title_link {
.wordmark.graphic:hover {
color: #152;
-webkit-animation: wordmarkblur 01s;
-moz-animation: wordmarkblur 1s;
}
}

.popup_diff_dates {
@-webkit-keyframes wordmarkblur {
font-style: italic;
50% {-webkit-filter: blur(2px) brightness(2);}
background: none;
}
}

.popup_menu_item a {
.i18ndoc {
display: block;
background-color: #FFF77D;
border-bottom: 1px solid lightgrey;
font-family: monospace;
font-size: 8pt;
height: 140px;
overflow: auto;
padding: 3px;
}
}

.popup_history_row_even {
/* Wiki Border || Credits to XXCastAwayXx */
background: #eee;
.WikiaPage {
border: 2px outset #96723A;
box-shadow:0 0 20px #96723A;
}
}

.popup_history_date {
/* 404 error image || Credits to Para*/
font-weight: bold;
#mw-content-text .noarticletext {
font-size: 120%;
border: 1px solid #91e6e6;
padding: 0 13px;
background-image: url('http://imgur.com/a/ZNkkY.png');
height:97px;
width:320px;}
/* Profile Code || Credits to XXCastAwayXx */
.UserProfileMasthead .masthead-info {
background-image: url(https://vignette.wikia.nocookie.net/minecraft/images/c/ce/For_profile_masterhead.jpg/revision/latest?cb=20170207211241);
}
}

/* disable interwiki styling */
.UserProfileMasthead .wikis span,
.popupPreview a.extiw,
.UserProfileMasthead .details span {
.popupPreview a.extiw:active {
color: #ffffff ;
color: #36b;
background: none;
padding: 0;
}
}

.popupPreview .external {
.tally {
color: #d5d4d4;
color: #36b;
}
}

/* this can be used in the content area to switch off
.UserProfileMasthead .details li,
special external link styling */
.UserProfileMasthead .wikis ul li a {
.popupPreview .plainlinks a {
color: #ffffff ;
background: none !important;
font-weight: 700;
padding: 0 !important;
}
}
.UserProfileMasthead .tally {
color: #ffffff ;
font-weight: 700;
}
.UserProfileMasthead .masthead-info-lower:before {
border-color: #008116 #008116 transparent transparent;
}
.module span,
.module h1,
.module p,
.module h2,
.module li {
color: #008116;
}
.module a,
.community-page-card-module .community-page-card-module-full-list-link {
color: #008116;
}
.UserProfileMasthead .masthead-avatar .avatar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.avatar {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
.WikiaUserPagesHeader {
background: linear-gradient(0deg,#FFFFFF,transparent);
}
.WikiaBlogListingHeader {
background: none !important;
}
/* -Shake- */
.shake {
animation:shake 0.5s infinite;
-webkit-animation:shake 0.5s infinite;
-moz-animation:shake 0.5s infinite;
}
@keyframes shake {
0% {transform: rotate(2deg) translateX(0) translateY(-1em);}
25% {transform: rotate(-2deg) translateX(1em) translateY(2em);}
50% {transform: rotate(2deg) translateX(2em) translateY(-2em);}
75% {transform: rotate(-2deg) translateX(1em) translateY(1em);}
100% {transform: rotate(2deg) translateX(0) translateY(-1em);}
}
@-webkit-keyframes shake {
0% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);}
25% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(2em);}
50% {-webkit-transform: rotate(2deg) translateX(2em) translateY(-2em);}
75% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(1em);}
100% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);}
}
@-moz-keyframes shake {
0% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);}
25% {-moz-transform: rotate(-2deg) translateX(1em) translateY(2em);}
50% {-moz-transform: rotate(2deg) translateX(2em) translateY(-2em);}
75% {-moz-transform: rotate(-2deg) translateX(1em) translateY(1em);}
100% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);}
}
/* -Spin- */
.spin {
text-align:center;
animation:spin 1.5s infinite;
-webkit-animation:spin 1.5s infinite;
-moz-animation:spin 1.5s infinite;
}
@keyframes spin {
from{transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@-webkit-keyframes spin {
from{-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
from{-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}
/* -Pong- */
.pong {
text-align:center;
animation:pong 2s infinite;
-webkit-animation:pong 2s infinite;
-moz-animation:pong 2s infinite;
}
@keyframes pong {
0% {transform: translateX(-50%);}
50% {transform: translateX(50%);}
100% {transform: translateX(-50%);}
}
@-webkit-keyframes pong {
0% {-webkit-transform: translateX(-50%);}
50% {-webkit-transform: translateX(50%);}
100% {-webkit-transform: translateX(-50%);}
}
@-moz-keyframes pong {
0% {-moz-transform: translateX(-50%);}
50% {-moz-transform: translateX(50%);}
100% {-moz-transform: translateX(-50%);}
}
/* -Pulse- */
.pulse {
animation:pulse 4s infinite;
-webkit-animation:pulse 4s infinite;
-moz-animation:pulse 4s infinite;
}
@keyframes pulse {
0% {opacity:0.5;}
50% {opacity:1; text-shadow:0 0 0.5em;}
100% {opacity:0.5;}
}
@-webkit-keyframes pulse {
0% {opacity:0.5;}
50% {opacity:1; text-shadow:0 0 0.5em;}
100% {opacity:0.5;}
}
@-moz-keyframes pulse {
0% {opacity:0.5;}
50% {opacity:1; text-shadow:0 0 0.5em;}
100% {opacity:0.5;}
}
/***********************
Chat
***********************/
/* ~~ Chat Customizations ~~ */
.Chat{
background-image:url('https://vignette.wikia.nocookie.net/minecraft/images/c/ce/For_profile_masterhead.jpg/revision/latest?cb=20170207211241');
background-size:cover;
}
/* AllY's Code */
a[href$=":XXCastAwayXx"],
a[href$="/XXCastAwayXx"]{
color:purple;
font-weight:bold;
font-family:'Homemade Apple';
background: -webkit-linear-gradient(330deg, #5B63FE, #8CCBFE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* AllY's [Name Above Messages]*/
body.ChatWindow #WikiaPage > .Chat li[data-user="XXCastAwayXx"] .username {
color:purple;
font-weight:bold;
font-family:'Homemade Apple';
background: -webkit-linear-gradient(330deg, #5B63FE, #8CCBFE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* AllY's [Sidebar Name] */
body.ChatWindow #Rail li[data-user="XXCastAwayXx"] .username {
color:purple;
font-weight:bold;
font-family:'Homemade Apple';
background: -webkit-linear-gradient(330deg, #5B63FE, #2D317F);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
/* AllY's [Text Color] */
body.ChatWindow #WikiaPage > .Chat li[data-user="XXCastAwayXx"] .message {
color: #B0B7EA !important;
font-family:'Trebuchet MS';
font-style:italic;
}
/***********************
Staff things that were already in css
***********************/
/* Wiki Mouse Cursor Icon (Sword) */
body{
cursor:url('https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png'), auto;
}
a:link{
cursor: url('https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png'), auto;
}
a:visited{
cursor: url('https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png'), auto;
}
a:hover{
cursor: url('https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png'), auto;
}
a:active{
cursor: url('https://vignette.wikia.nocookie.net/minecraft/images/e/e1/WikiSwordCursor.png'), auto;
}
/* Stone Button Icon/Texture (Currently non-functional) */
.bgcurtaintex {
background: url("http://static.planetminecraft.com/files/resource_media/screenshot/1307/2013-02-14_114038_4837850_lrg.jpg");
background-size: cover;
}
/*Per-Page Backgrounds*/
body.page-The_End{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/5/5c/The_End.png/revision/latest?cb=20120113132915) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Swamp_Biome,
body.page-Witch_Hut{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/9/9e/TypicalSwamp.png/revision/latest?cb=20171020011703) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Desert_Biome{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/2/25/Desert_Biome_Per_Page.png/revision/latest?cb=20171006092228) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Ocean_Biome{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/3/32/Ocean_Biome_Per_Page.png/revision/latest?cb=20171006092313) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Taiga_Biome{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/4/46/Taiga_Biome_Per_Page.png/revision/latest?cb=20171006092437) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Savanna_Biome{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/b/be/Savanna_Biome_Per_Page.png/revision/latest?cb=20171006092513) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Extreme_Hills_Biome{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/e/e7/Extreme_Hills_Biome_Per_Page.png/revision/latest?cb=20171006092601) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Horse{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/1/15/Jeb%27s_Horse_%282%29.jpg/revision/latest?cb=20171020012826) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Guardian{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/9/9e/Guardianmob.png/revision/latest?cb=20140619204711) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Parrot{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/7/71/FirstParrot.jpg/revision/latest?cb=20171020212138) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Wood{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/a/ac/Wooden_Logs_Per_Page.png/revision/latest?cb=20171012074827) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Wood_Planks{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/c/cc/Wooden_Planks_Per_Page.png/revision/latest?cb=20171012074721) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Wool{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/4/42/Wool_Background_Proposal.png/revision/latest?cb=20171005055628) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Blaze{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/5/54/BlazeAttack.png/revision/latest?cb=20171120161212) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-The_Nether{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/2/2e/NetherLandscape.png/revision/latest?cb=20171120163907) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Creeper{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/3/31/8A8757D2-521B-4E25-A0FF-CB2D3467F24B.png/revision/latest?cb=20180112113829) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
body.page-Far_Lands{
background: #000000 url(https://vignette.wikia.nocookie.net/minecraft/images/4/40/2C34ED46-1910-4BDF-8152-E635D63B1286.png/revision/latest?cb=20180113134728) 0 0 no-repeat;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}

Revision as of 17:57, 24 June 2018

 #content, #content table
 #p-cactions ul li a { background: #fcfffc; }

 .usermessage {
 background: #00E400;
 border: 1.1px dashed #060;
 }

 ul { list-style-File: url(http://img.photobucket.com/albums/v506/Kimi12715/MarioWiki/uldot.png); }
 h1 { font-family:Times New Roman; font-size:28px;color:#117611;}
 h2,h3,h4,h5,h6 { color:#020; }

 #catlinks {
 border: 1px dotted #272;
 background-color: #fdfffd;
 padding: 4px;
 }
 #siteNotice {
  background: #fcfffc;
 }
 select {
  border: 1px solid #2f6f2f; 
 }
 input {
 background-color: #fdfffd;
 }
 textarea {
  font-family: Courier;
  font-size: 14px;
 }

body { font-family:Myriad Web Pro; font-size:17px;}
a { color: #309; text-decoration: none; }
a:visited { color: #309; }
a:active { color: #309; }
#p-personal a.new { color: #c00; }
#p-personal a.new:visited { color:#c00; }
#bodyContent a.external { color: #09f; }
#bodyContent a.extiw:active { color: #09f; }
 
/* Emoticons page from SU */
.emotable {
    width: 98%;
}
 
.emotable td {
    vertical-align: top;
}
 
.emotable ul {
    margin: 0;
    text-align: center;
    list-style: none;
}
 
 .popupMoreLink {
  display: block;
  text-align: right;
  cursor: pointer;
}

ins.popupDiff {
  background: #afe;
}

del.popupDiff {
  background: #ffe6e6;
}

#selectionPreview {
  border: 2px solid #ddd;
  background-color: #eef;
  padding: 6px;
}

.navpopup {
  border: 1px solid #bbb;
  background-color: #fff;
  padding: 10px;
  padding-bottom: 5px;
  font-size: 11px;
  box-shadow: 0 3px 8px rgba( 50, 50, 50, 0.35 );
  word-wrap: break-word;
}

.navpopup hr {
  color: #aaa !important;
  background-color: #aaa !important;
}

/* Configure Drag bar color */
.popupDrag {
  background-color: #ffbe20;
  height: 5px;
  margin-top: -5px;
  margin-bottom: 5px;
}

.popupDragHandle {
  cursor: move;
  position: relative;
}

/* menu magic - many thanks to [[User:Zocky]]! */

/* popups */
.popup_menu {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  margin-top: 1.4em;
  line-height: 1.25em;
  top: 0;
  z-index: 2;
  width: 10em;
  background: white;
  border: 1px solid grey;
  padding: 0 !important;
  margin-left: -6px;
  border-width: 1px 1px 1px 6px;
}

.popup_menu li { /* both: popup_menu_row and popup_menu_item */
  list-style: none;
  margin:0;
  padding:0;
}

.popup_menu a {
  display: block;
  padding: 3px;
  color: #555;
}

.popup_menu_row a {
  display: inline-block;
}

.popup_menu_row {
  color: #aaa;
}

.popup_drop {
  display: inline;
  position: relative;
}

.popup_drop a,
.popup_drop a:visited {
  padding: 3px;
  margin: 0;
  font-weight: bold;
  color: #0645ad;
}

.popup_drop:hover .popup_menu,
.popup_drop .popup_menu:hover {
  display: inline;
  background: white;
  padding: 2px;
  color: #555;
}

.popup_drop:hover {
  background: #ccf;
  color: #44f;
}

/* other colours, styles and so on */
.popup_menu a:hover {
  background: grey;
  color: #fff;
  text-decoration: none;
}

.popup_mainlink {
  font-size: 140%;
  font-weight: bold;
}

.popup_mainlink a {
  color: #000;
}

a.popup_change_title_link {
  color: #152;
}

.popup_diff_dates {
  font-style: italic;
  background: none;
}

.popup_menu_item a {
  display: block;
}

.popup_history_row_even {
  background: #eee;
}

.popup_history_date {
  font-weight: bold;
  font-size: 120%;
}

/* disable interwiki styling */
.popupPreview a.extiw,
.popupPreview a.extiw:active {
  color: #36b;
  background: none;
  padding: 0;
}

.popupPreview .external {
  color: #36b;
}

/* this can be used in the content area to switch off
special external link styling */
.popupPreview .plainlinks a {
  background: none !important;
  padding: 0 !important;
}