MediaWiki
Gadget-helppage.css
From Dogcraft Wiki
mNo edit summary |
mNo edit summary |
||
Line 45: | Line 45: | ||
line-height: 80px; | line-height: 80px; | ||
justify-content: start; | justify-content: start; | ||
} | } | ||
Line 330: | Line 317: | ||
} | } | ||
} | } | ||
#dogcraftNav a { | |||
/*display: inline-block; | |||
height: 80px; | |||
--link-hover-color: white;*/ | |||
padding: 0 10px; | |||
font-size: 20px; | |||
font-weight: 600; | |||
color: white; | |||
background: #8b0024; | |||
transition: background, color 0.2s ease-in-out; | |||
} |
Revision as of 18:14, 9 December 2020
.rootpage-Rules h1#firstHeading,
.rootpage-Help_Resources h1#firstHeading,
.rootpage-Rules #tagline,
.rootpage-Help_Resources #tagline {
text-align: center;
}
/*Overwriting Common.css first heading */
.rootpage-Rules #firstHeading,
.rootpage-Help_Resources #firstHeading {
padding-top: 10px !important;
}
.rootpage-Rules #siteNotice,
.rootpage-Help_Resources #siteNotice {
padding-top: 10px !important;
}
/* == Topbar stuff == */
.rootpage-Rules #navwrapper,
.rootpage-Help_Resources #navwrapper {
background: none;
}
#dogcraftNav {
height: 80px;
top: 0;
background: #8b0024;
position: relative;
z-index: 10;
width: 100%;
line-height: 80px;
display: flex;
box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.16), 2px 0 10px 0 rgba(0, 0, 0, 0.12);
}
#dc-nav-left {
display: flex;
flex-basis: 0;
-webkit-box-flex: 1;
flex-grow: 1;
text-align: center;
width: 100%;
line-height: 80px;
justify-content: start;
}
#dc-nav-left a {
font-size: 26px;
}
.dogcraft_title {
padding: 0 10px;
font-weight: 700;
font-size: 20px;
color: var(--main-color);
background: white;
height: 79px !important;
line-height: 80px;
--link-hover-color: var(--main-color) !important;
}
.dogcraft_logo {
width: 60px;
margin: 10px;
}
.dogcraft_nav_right {
position: absolute;
right: 0;
display: inline-block;
}
@media only screen and (min-width: 641px) {
.dc_nav_connections {
background: #8b0024;
margin: auto 5px;
padding: 5px;
line-height: 40px;
height: 40px;
width: 40px;
border-radius: 10px;
text-align: center;
transition: all 0.4s ease-in-out;
color: white;
font-size: 22px;
font-weight: 700;
}
#dc-nav-left .patreon img,
#dc-nav-left .discord img,
#dc-nav-left .wiki img
{
height: 30px;
margin: auto 5px;
padding: 0 5px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
/*.dc_nav_left_icon {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
}*/
#dc-nav-left .patreon:hover,
#dc-nav-left .patreon:focus,
#dc-nav-left .patreon.current {
background: white;
transition: all 0.4s ease-in-out;
}
#dc-nav-left .discord:hover,
#dc-nav-left .discord:focus,
#dc-nav-left .discord.current {
background: white;
transition: all 0.4s ease-in-out;
}
#dc-nav-left .youtube:hover,
#dc-nav-left .youtube:focus,
#dc-nav-left .youtube.current {
color: #c4302b;
background: white;
transition: all 0.4s ease-in-out;
}
#dc-nav-left .twitch:hover,
#dc-nav-left .twitch:focus,
#dc-nav-left .twitch.current {
color: #6441a5;
background: white;
transition: all 0.4s ease-in-out;
}
#dc-nav-left .twitter:hover,
#dc-nav-left .twitter:focus,
#dc-nav-left .twitter.current {
color: #00aced;
background: white;
transition: all 0.4s ease-in-out;
}
#dc-nav-left .wiki:hover,
#dc-nav-left .wiki:focus,
#dc-nav-left .wiki.current {
background: white;
transition: all 0.4s ease-in-out;
}
#dc-nav-left .patreon:hover img,
#dc-nav-left .patreon:focus img,
#dc-nav-left .patreon.current img,
#dc-nav-left .discord:hover img,
#dc-nav-left .discord:focus img,
#dc-nav-left .discord.current img,
#dc-nav-left .wiki:hover img,
#dc-nav-left .wiki:focus img,
#dc-nav-left .wiki.current img {
-webkit-filter: brightness(100%) invert(0);
filter: brightness(100%) invert(0);
}
.nav_ext_link {
color: white;
font-size: 22px;
font-weight: 700;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
margin-right: -10px;
padding: 0 30px;
line-height: 80px;
transition: background 0.2s ease-in-out;
}
/*#dogcraft_patreon {
background: #ff424d;
padding: 0 20px;
}
#dogcraft_patreon:hover {
background: #f73c23;
}
#dogcraft_patreon img {
height: 22px;
padding: 0 8px;
}
#dogcraft_discord {
background: #7289da;
padding: 0 20px;
}
#dogcraft_discord:hover {
background: #4a67cf;
}
#dogcraft_discord img {
height: 28px;
padding: 0 5px;
}
#dogcraft_youtube {
background: #c4302b;
}
#dogcraft_youtube:hover {
background: #9a2622;
}
#dogcraft_twitch {
background: #6441a5;
}
#dogcraft_twitch:hover {
background: #4e3380;
}
#dogcraft_twitter {
background: #00aced;
}
#dogcraft_twitter:hover {
background: #0087ba;
}
#dogcraft_wiki {
background: var(--main-color);
padding: 0 20px;
}
#dogcraft_wiki:hover {
background: #580017;
}
#dogcraft_wiki img {
height: 30px;
padding: 0 5px;
}*/
#dogcraft_leaderboard {
background: #fc8a00;
padding-right: 40px;
clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
#dogcraft_leaderboard:hover {
background: #e37c00;
}
#dogcraft_leaderboard i {
font-weight: 700;
}
}
@media only screen and (max-width: 640px) {
.nav_ext_link {
display:none !important;
}
}
.dogcraft_statusBar {
height: 30px;
background: black;
background: rgba(0, 0, 0, 0.95);
opacity: 0.9;
}
.rootpage-Rules .top-bar,
.rootpage-Help_Resources .top-bar {
display:none;
}
/* ===Help page custom skin=== */
@media only screen and (min-width: 641px) {
body.rootpage-Rules,
body.rootpage-Help_Resources {
background: #f1f1f1;
background-image: url('https://dogcraft.net/img/bg/17391Spawn.png');
background-attachment: fixed;
background-size: cover;
}
.rootpage-Rules #p-cactions,
.rootpage-Help_Resources #p-cactions {
border: 5px white solid;
border-radius: 15px;
background: rgb(241, 241, 241);
background: rgba(241, 241, 241, 0.95);
opacity: 0.95;
margin-top: 8rem;
margin-bottom: 8.6em;
padding-top: 0.46875rem;
padding-bottom: 0.9375rem;
box-shadow: inset 0 0 0 5px var(--main-color);
}
.rootpage-Rules footer,
.rootpage-Help_Resources footer {
max-width: 100%;
background: #f1f1f1;
padding-top: 20px;
box-shadow: inset 0 2px 2px -1px rgba(85, 85, 85, 0.25);
position: absolute;
bottom: 0;
}
.rootpage-Rules #page-content,
.rootpage-Help_Resources #page-content {
min-height: 100vh;
position: relative;
margin-top: 0;
}
}
@media only screen and (max-width: 640px) {
.rootpage-Rules #p-cactions,
.rootpage-Help_Resources #p-cactions {
margin-top: 5rem;
}
}
#dogcraftNav a {
/*display: inline-block;
height: 80px;
--link-hover-color: white;*/
padding: 0 10px;
font-size: 20px;
font-weight: 600;
color: white;
background: #8b0024;
transition: background, color 0.2s ease-in-out;
}
This page was last modified on 9 December 2020, at 18:14. (3 years ago)