MediaWiki:Vector7.css: Difference between revisions
Jump to navigation
Jump to search
DokkeFyxen (talk | contribs) mNo edit summary |
DokkeFyxen (talk | contribs) mNo edit summary |
||
| Line 94: | Line 94: | ||
.vector-menu-dropdown { background: rgba(255, 255, 255, 0); padding: 10px 0px; font-family: "Omnes Regular"; } | .vector-menu-dropdown { background: rgba(255, 255, 255, 0); padding: 10px 0px; font-family: "Omnes Regular"; } | ||
#mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; } | #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; } | ||
#siteNotice { margin-top: 50px; } | |||
#p-cactions-label { padding: 11px 5px; } | #p-cactions-label { padding: 11px 5px; } | ||
Latest revision as of 15:09, 10 October 2024
/* All CSS here will be loaded for users of the Wilderness (Light) skin */
/* BACKGROUND */
@media screen {
#mw-page-base {
background-image: -webkit-linear-gradient(#88F0FF 10%, #0000 100%);
background-image: linear-gradient(#88F0FF 10%, #0000 100%);
background-color: rgba(255, 255, 255, 0);
}
#p-logo a { background-size: 150px; height:180px; }
#mw-head {
background-repeat: no-repeat;
background-position: top -180px right 20px;
background-size: 95px;
}
#mw-head-base {
background-color: rgba(255, 255, 255, 0);
background-position: 30% 70%;
background-size: 1000px;
background-repeat: repeat no-repeat;
padding-bottom: 60px;
}
#left-navigation, #right-navigation { padding-top: 100px; }
body {
background-color: #8DFAFF;
background-size: 2000px;
background-attachment: fixed;
background-repeat: repeat-x;
background-position-y: bottom;
background-image:
-webkit-linear-gradient(90deg,
hsla(0, 0%, 0%, 0) 0px,
hsla(0, 0%, 0%, 0) 0px,
#fff2 0px,
#fff0 80%),
-webkit-linear-gradient(90deg,
hsla(0, 0%, 0%, 0) 0px,
hsla(0, 0%, 0%, 0) 0px,
#bdf2 0px,
#fff0 80%),
-webkit-linear-gradient(270deg,
hsla(0, 0%, 0%, 0) 0px,
hsla(0, 0%, 0%, 0) 0px,
#0000 0px,
#fff0 80%),
url('https://wiki.imagisphere.me/images/a/a5/Site_Background_Wilderness_Light.png');
background-image:
linear-gradient(0deg,
hsla(0, 0%, 0%, 0) 0px,
hsla(0, 0%, 0%, 0) 0px,
#fff2 0px,
#fff0 80%),
linear-gradient(0deg,
hsla(0, 0%, 0%, 0) 0px,
hsla(0, 0%, 0%, 0) 0px,
#bdf2 0px,
#fff0 80%),
linear-gradient(180deg,
hsla(0, 0%, 0%, 0) 0px,
hsla(0, 0%, 0%, 0) 0px,
#0000 0px,
#fff0 80%),
url('https://wiki.imagisphere.me/images/a/a5/Site_Background_Wilderness_Light.png');
}
footer {
height: 180px;
background-position: 50% 0px;
background-size: 1000px;
background-repeat: no-repeat;
}
vector-menu-content-list {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
firstHeading, #firstHeading, mw-first-heading{ padding-top: 40px; }
#mw-indicator-mw-helplink { padding-top: 15px; }
.vector-menu-tabs-legacy { background-size: 0px; }
.vector-menu-tabs-legacy li { border-radius: 5px; font-family: "Omnes Regular"; padding: 0px 5px; }
.vector-menu-tabs-legacy ul { padding: 10px 10px; }
.vector-menu-tabs-legacy .selected a { border-radius: 5px; font-family: "Omnes SemiBold"; padding: 11px 12px; }
.vector-menu-tabs-legacy li a { background: rgba(255, 255, 255, 0); padding: 11px 12px; }
.vector-menu-dropdown { background: rgba(255, 255, 255, 0); padding: 10px 0px; font-family: "Omnes Regular"; }
#mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; }
#siteNotice { margin-top: 50px; }
#p-cactions-label { padding: 11px 5px; }
.vector-search-box-input { border-radius: 8px; }
.vector-search-box-form { padding: 10px 0px; font-family: "Omnes Regular"; }
#p-logo {
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: 1px 50%;
background-image: url("https://wiki.imagisphere.me/images/f/f4/Sticker_Unthemed_Color_White_Square.png");
}
}
/* PERSONAL */
#p-personal {
padding: 5px;
font-family: "Omnes Regular";
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
background-image: -webkit-linear-gradient(#416482 10%, #41648240 100%);
background-image: linear-gradient(#416482 10%, #41648240 100%);
border-style: solid;
border-color: #628db8;
border-width: 3px;
padding: 10px 14px 10px 0px;
-webkit-box-shadow: 0px 0px 5px 0px #628db8d0;
box-shadow: 0px 0px 5px 0px #628db8d0;
margin-right: 80px;
top: -8px;
}
/* PERSONAL TEXT */
.vector-user-menu-legacy .vector-menu-content-list li a {color: #fff;}
.vector-user-menu-legacy .vector-menu-content-list li a:visited {color: #ccf;}
/* CUSTOM ICONS */
.vector-user-menu-legacy #pt-userpage a {
background-image: url(https://wiki.imagisphere.me/images/2/25/Site_UserIcon.png);
background-size: 16px;
}
.vector-menu-dropdown .vector-menu-heading::after { background-image: url(https://wiki.imagisphere.me/images/a/ab/Tweak_Output_MinimumValue.png); }
#mw-indicator-mw-helplink a { background-image: url(https://wiki.imagisphere.me/images/3/3a/UI_Popit_Item_Tutorial.png); background-size: 18px; }
.oo-ui-icon-helpNotice { background-image: url(https://wiki.imagisphere.me/images/3/3a/UI_Popit_Item_Tutorial.png); }
.oo-ui-icon-play { background-image: url(https://wiki.imagisphere.me/images/d/d4/Tweak_Base_Logic_Gate_NOP_Icon.png); }
.oo-ui-icon-menu { background-image: url(https://wiki.imagisphere.me/images/1/1e/Tweak_Speech_Bubble_Subtitles.png); }
.oo-ui-icon-article { background-image: url(https://wiki.imagisphere.me/images/b/bc/Tweak_Text_ActorName.png); }
.oo-ui-icon-highlight, .oo-ui-image-invert.oo-ui-icon-highlight, .mw-ui-icon-highlight-invert::before { background-image: url(https://wiki.imagisphere.me/images/2/28/Tweak_Light_High_Beam.png); }
.oo-ui-icon-reload, .oo-ui-image-progressive.oo-ui-icon-reload, .mw-ui-icon-reload-progressive::before, .oo-ui-iconElement-icon .oo-ui-icon-reload .oo-ui-image-progressive { background-image: url(https://wiki.imagisphere.me/images/3/31/UI_Pod_Level_Replay.png); }
.oo-ui-icon-reference { background-image: url(https://wiki.imagisphere.me/images/6/64/Tool_Text_Chat.png); }
.oo-ui-iconElement-icon.oo-ui-icon-history, .oo-ui-icon-history, .mw-ui-icon-history::before { background-image: url(https://wiki.imagisphere.me/images/6/6f/Tweak_Connector_Motion_Reversed.png); }
#searchButton { background-image: url(https://wiki.imagisphere.me/images/7/70/Tweak_Base_Sensor_State_Icon.png); }
.oo-ui-icon-search { background-image: url(https://wiki.imagisphere.me/images/7/70/Tweak_Base_Sensor_State_Icon.png); }
.oo-ui-icon-articleSearch { background-image: url(https://wiki.imagisphere.me/images/7/70/Tweak_Base_Sensor_State_Icon.png); }
.oo-ui-icon-articleRedirect { background-image: url(https://wiki.imagisphere.me/images/e/e3/Tweak_PoppetPowerup_Actions_CanCopy.png); }
.oo-ui-icon-bookmark { background-image: url(https://wiki.imagisphere.me/images/7/72/UI_Popit_Item_Heart.png); }
.oo-ui-icon-settings { background-image: url(https://wiki.imagisphere.me/images/9/92/Tweak_RailHook_Motorized.png); }
.oo-ui-icon-tag { background-image: url(https://wiki.imagisphere.me/images/3/30/Tweak_Text_Label.png); }
.oo-ui-icon-check { background-image: url(https://wiki.imagisphere.me/images/c/c3/Tweak_GenericSetting_Yes.png); }
.oo-ui-icon-cross { background-image: url(https://wiki.imagisphere.me/images/9/94/Tweak_GenericSetting_No.png); }
.oo-ui-icon-trash { background-image: url(https://wiki.imagisphere.me/images/2/25/Tweak_PoppetPowerup_Actions_CanDelete.png); }
.oo-ui-icon-link { background-image: url(https://wiki.imagisphere.me/images/8/82/Tool_Selection_LoadingLinker.png); }
.oo-ui-icon-image { background-image: url(https://wiki.imagisphere.me/images/b/b8/Tweak_Global_Background_Visibility.png); }
.oo-ui-icon-imageGallery { background-image: url(https://wiki.imagisphere.me/images/e/ea/UI_Pod_Level_Polaroid.png); }
/* .oo-ui-icon-bold { background-image: url(https://wiki.imagisphere.me/images/c/cd/Tweak_Note_Font_Size.png); }
.oo-ui-icon-italic { background-image: url(https://wiki.imagisphere.me/images/e/e0/Tweak_Note_Font_Face.png); } */
.oo-ui-icon-table { background-image: url(https://wiki.imagisphere.me/images/9/90/Tweak_PoppetPowerup_Grid_Medium.png); }
.oo-ui-icon-newline { background-image: url(https://wiki.imagisphere.me/images/4/4a/UI_Pod_Store_NewItem.png); }
.oo-ui-icon-listBullet { background-image: url(https://wiki.imagisphere.me/images/c/c2/Tweak_Gun_Paint_Ammo.png); }
.oo-ui-icon-listNumbered { background-image: url(https://wiki.imagisphere.me/images/0/04/Tweak_Score_SingleValue.png); }
.oo-ui-icon-noWikiText { background-image: url(https://wiki.imagisphere.me/images/1/15/Tool_Costume_Wash_r0x272.png); }
.oo-ui-icon-superscript { background-image: url(https://wiki.imagisphere.me/images/6/60/Tweak_Output_MaximumValue.png); }
.oo-ui-icon-subscript { background-image: url(https://wiki.imagisphere.me/images/a/ab/Tweak_Output_MinimumValue.png); }
.oo-ui-icon-bigger { background-image: url(https://wiki.imagisphere.me/images/6/60/Tweak_Sackpocket_Add.png); }
.oo-ui-icon-smaller { background-image: url(https://wiki.imagisphere.me/images/1/14/Tweak_Sackpocket_Remove.png); }
.vector-menu-heading-label::after { background-image: url(https://wiki.imagisphere.me/images/9/97/Tweak_Layer_MoveOut.png); }
.wikiEditor-ui-top { font-family: Omnes Regular; }
/* NAVBARS */
#right-navigation {
margin-right: 80px;
}
/* CONTENT */
#content {
background-image:
-webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 20px,#C3ECF9 80px, #C3ECF9 0px, #C3ECF900 100%),
-webkit-linear-gradient(270deg,#fff 0%, #C3ECF9 60px, #C3ECF900 100%, #C3ECF900 100%),
url(https://wiki.imagisphere.me/images/6/63/Page_Background_SnowPaper.png);
background-image:
linear-gradient(180deg,rgba(255,255,255,0) 20px, #C3ECF9 80px, #C3ECF9 0px, #C3ECF900 100%),
linear-gradient(180deg, #fff 0px, #C3ECF9 100px, #C3ECF9 0px, #C3ECF900 10%),
url(https://wiki.imagisphere.me/images/6/63/Page_Background_SnowPaper.png);
background-color: #C3ECF9;
background-size: 384px;
border-radius: 16px;
margin-right: 80px;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #628db8d0;
box-shadow: 0px 0px 5px 0px #628db8d0;
border-color: #628db8;
min-height: 750px;
}
/* SIDEBAR TEXT */
.vector-menu-portal .vector-menu-content li a {color: #fff;}
.vector-menu-portal .vector-menu-content li a:visited {color: #ccf;}
/* SIDEBAR */
#p-navigation {
font-family: "Omnes Regular";
border-radius: 16px;
background-image: -webkit-linear-gradient(#416482 10%, #41648240 100%);
background-image: linear-gradient(#416482 10%, #41648240 100%);
background-color: #0004;
margin-bottom: 12px;
border-style: solid;
border-color: #628db8;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #628db8d0;
box-shadow: 0px 0px 5px 0px #628db8d0;
}
#p-Play-label {
color: #fff;
font-size: 16px;
font-family: "Omnes SemiBold";
}
#p-Play {
font-family: "Omnes Regular";
border-radius: 16px;
background-image: -webkit-linear-gradient(#ff9300 10%, #ff930040 100%);
background-image: linear-gradient(#ff9300 10%, #ff930040 100%);
background-color: #0004;
margin-bottom: 12px;
border-style: solid;
border-color: #ffc16b;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #ffc16bd0;
box-shadow: 0px 0px 5px 0px #ffc16bd0;
}
#p-Create-label {
color: #fff;
font-size: 16px;
font-family: "Omnes SemiBold";
}
#p-Create {
font-family: "Omnes Regular";
border-radius: 16px;
background-image: -webkit-linear-gradient(#00d199 10%, #00d19940 100%);
background-image: linear-gradient(#00d199 10%, #00d19940 100%);
background-color: #0004;
margin-bottom: 12px;
border-style: solid;
border-color: #47ffce;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #47ffced0;
box-shadow: 0px 0px 5px 0px #47ffced0;
}
#p-Share-label {
color: #fff;
font-size: 16px;
font-family: "Omnes SemiBold";
}
#p-Share {
font-family: "Omnes Regular";
border-radius: 16px;
background-image: -webkit-linear-gradient(#cd11c0 10%, #cd11c040 100%);
background-image: linear-gradient(#cd11c0 10%, #cd11c040 100%);
background-color: #0004;
margin-bottom: 12px;
border-style: solid;
border-color: #f368ea;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #f368ead0;
box-shadow: 0px 0px 5px 0px #f368ead0;
}
#p-Community-label {
color: #fff;
font-size: 16px;
font-family: "Omnes SemiBold";
}
#p-Community {
font-family: "Omnes Regular";
border-radius: 16px;
background-image: -webkit-linear-gradient(#416482 10%, #41648240 100%);
background-image: linear-gradient(#416482 10%, #41648240 100%);
background-color: #0004;
margin-bottom: 12px;
border-style: solid;
border-color: #628db8;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #628db8d0;
box-shadow: 0px 0px 5px 0px #628db8d0;
}
#p-tb-label {
color: #fff;
font-size: 16px;
font-family: "Omnes SemiBold";
}
#p-tb {
border-radius: 16px;
background-image: -webkit-linear-gradient(#416482 10%, #41648240 100%);
background-image: linear-gradient(#416482 10%, #41648240 100%);
background-color: #0004;
margin-bottom: 12px;
border-style: solid;
border-color: #628db8;
border-width: 3px;
-webkit-box-shadow: 0px 0px 5px 0px #628db8d0;
box-shadow: 0px 0px 5px 0px #628db8d0;
}
div.topicon {
position: absolute;
z-index: 10;
top:-55px;
right: 10px;
display: block !important;
}
/* LIGHT MODE CLASSES*/
.invert { filter: contrast(0%) brightness(0%); }
.table-row-green { background-color: #cfc; }
.table-row-red { background-color: #fcc; }
.table-row-yellow { background-color: #ff8; }
.table-default { background: #f7f7f7; }
.news-fill-top-dm {
-webkit-mask-image: url("https://wiki.imagisphere.me/images/8/85/Page_News_Fill_Top_Mask.png");
mask-image: url("https://wiki.imagisphere.me/images/8/85/Page_News_Fill_Top_Mask.png");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-origin: padding-box;
-webkit-mask-repeat: repeat no-repeat;
mask-repeat: repeat no-repeat;
-webkit-mask-size: 500px;
mask-size: 500px;
mask-mode: alpha;
background-image: linear-gradient(180deg,
hsla(0,0%,0%,0) 0%,
hsla(0,0%,0%,0) 0%,
#C3ECF930 0%,
#fff3 300%),
url(https://wiki.imagisphere.me/images/6/63/Page_Background_SnowPaper.png);
}
.news-fill-bottom-dm {
-webkit-mask-image: url("https://wiki.imagisphere.me/images/e/ed/Page_News_Fill_Bottom_Mask.png");
mask-image: url("https://wiki.imagisphere.me/images/e/ed/Page_News_Fill_Bottom_Mask.png");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-origin: padding-box;
-webkit-mask-repeat: repeat no-repeat;
mask-repeat: repeat no-repeat;
-webkit-mask-size: 500px;
mask-size: 500px;
mask-mode: alpha;
background-image: linear-gradient(180deg,
hsla(0,0%,0%,0) 0%,
hsla(0,0%,0%,0) 0%,
#C3ECF930 0%,
#fff3 300%),
url(https://wiki.imagisphere.me/images/6/63/Page_Background_SnowPaper.png);
}