MediaWiki:Hassomecolours.css: Difference between revisions
From The Kodiak Republic Wiki
Content added Content deleted
No edit summary |
(Didn't apply to mobile so investigating other approaches) Tags: Mobile edit Mobile web edit |
||
Line 5: | Line 5: | ||
} |
} |
||
#mw-header { |
#mw-header { |
||
border-bottom: solid @borders @secondary; |
|||
z-index: 1; |
|||
position: relative; |
|||
box-shadow: 0 0.125em 0.25em rgba( 0, 0, 0, 0.25 ), 0 0 0.25em rgba( 0, 0, 0, 0.125 ); |
|||
background: darken( @primary, 15% ) -40em 0 no-repeat; |
|||
background-image: radial-gradient( circle, lighten( @primary, 5% ) 0%, darken( @primary, 5% ) 50%, darken( @primary, 15% ) 100% ); |
|||
height: 30px; |
|||
} |
|||
} |
|||
} |
} |
||
Line 23: | Line 23: | ||
#mw-header { |
#mw-header { |
||
border-bottom: solid @borders @secondary; |
|||
z-index: 1; |
|||
position: relative; |
|||
box-shadow: 0 0.125em 0.25em rgba( 0, 0, 0, 0.25 ), 0 0 0.25em rgba( 0, 0, 0, 0.125 ); |
|||
background: darken( @primary, 15% ) -40em 0 no-repeat; |
|||
background-image: radial-gradient( circle, lighten( @primary, 5% ) 0%, darken( @primary, 5% ) 50%, darken( @primary, 15% ) 100% ); |
|||
height: 30px; |
|||
} |
} |
||
} |
} |
Revision as of 02:43, 23 January 2023
@media screen {
.toc ul {
margin: 0.3em 0;
padding: 0 1em;
}
#mw-header {
border-bottom: solid @borders @secondary;
z-index: 1;
position: relative;
box-shadow: 0 0.125em 0.25em rgba( 0, 0, 0, 0.25 ), 0 0 0.25em rgba( 0, 0, 0, 0.125 );
background: darken( @primary, 15% ) -40em 0 no-repeat;
background-image: radial-gradient( circle, lighten( @primary, 5% ) 0%, darken( @primary, 5% ) 50%, darken( @primary, 15% ) 100% );
height: 30px;
}
}
@media screen and (max-width: 700px) {
.toc ul {
margin: 0.3em 0;
padding: 0 1em;
}
#mw-header {
border-bottom: solid @borders @secondary;
z-index: 1;
position: relative;
box-shadow: 0 0.125em 0.25em rgba( 0, 0, 0, 0.25 ), 0 0 0.25em rgba( 0, 0, 0, 0.125 );
background: darken( @primary, 15% ) -40em 0 no-repeat;
background-image: radial-gradient( circle, lighten( @primary, 5% ) 0%, darken( @primary, 5% ) 50%, darken( @primary, 15% ) 100% );
height: 30px;
}
}