User:FlamingMojo/vector.css: Difference between revisions

From Dune: Awakening Community Wiki
Jump to navigation Jump to search
m (Add text color)
(WIP CSS)
Line 25: Line 25:
h5,
h5,
h6 {
h6 {
color: @color-base;
color: var(--color-text-main);
}
}


a {
a {
color: @color-link;
color: var(--color-text-main);


&:visited {
&:visited {
Line 36: Line 36:
}
}


/** HEADER */
.vector-menu-tabs-legacy li {
background-image: linear-gradient(to top, var(--color-background-base) 0,#F4CF8B 1px, #ffffff 100%)
}
 


#mw-head {
#mw-head {
     background: var(--color-background-base);
     background: var(--color-background-base);
}
}
/** CONTENT */


#content {
#content {
     background: var(--color-background-main);
     background: var(--color-background-main);
&__header {
position: relative;
}
&__heading {
padding: 0 50px 0 0;
margin: 0;
border-bottom: 0;
float: left;
}
&__language-btn {
float: right;
}
&__indicators {
position: absolute;
top: 10px;
right: 0;
}
&__tagline {
clear: both;
color: @color-base;
font-size: 0.85em;
margin-bottom: 12px;
line-height: 1;
&:empty {
display: none;
}
}
&__actions {
display: flex;
}
}
/* The following rules will not be needed in future */
.mw-editsection {
font-size: 0.85em;
margin-left: 8px;
}
.messagebox {
color: @color-base;
background-color: @background-color-warning;
border-color: @color-gray;
a {
color: @color-base;
font-weight: bold;
}
}
.thumbimage {
background: transparent;
border: 0;
}
.toc,
div.thumbinner {
border-color: @color-gray;
background-color: @background-color-thumb;
color: @color-thumb;
.toctogglelabel,
a {
color: @color-thumb;
}
}
}

Revision as of 21:55, 23 March 2024

/** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */

:root {
    --color-background-base: rgb( 214 ,177 , 109 );
    --color-background-main: rgb(26,7,0);
    --color-text-main: #F4CF8B;
    --color-button-text: #F4CF8B;
    --color-button-border: #F4CF8B;
    --color-button-border-hover: #F4CF8B;
    --color-button-background: transparent;
    --color-button-background-hover: rgba(49, 28, 54, 0.65);
}


body {
    background: var(--color-background-base);
    color: var(--color-text-main);
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-text-main);
}

a {
	color: var(--color-text-main);

	&:visited {
		color: @color-link--visited;
	}
}

.vector-menu-tabs-legacy li {
 background-image: linear-gradient(to top, var(--color-background-base) 0,#F4CF8B 1px, #ffffff 100%)
}


#mw-head {
    background: var(--color-background-base);
}

#content {
    background: var(--color-background-main);
}
Retrieved from "https://awakening.wiki/index.php?title=User:FlamingMojo/vector.css&oldid=1585"