User:Muse/Rue.css: Difference between revisions
Appearance
Created page with "→General Layout Classes: .enclosure { position: relative; left: -5px; } .base { background-color: #FFFFFF; color: #9393a1; border-collapse: collapse; border-style: solid; border-color: #7E097E; border-width: 0; border-spacing: 0; padding: 0; margin: 0; outline: 4px solid #7E097E; text-align: left; vertical-align: top; font-size: 12pt; line-height: 14pt; box-shadow: 0px 0px 25px #000000; list-style-type: square; } .base td { border-collapse: colla..." |
No edit summary |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border-style: solid; | border-style: solid; | ||
border-color: # | border-color: #A385DB; | ||
border-width: 0; | border-width: 0; | ||
border-spacing: 0; | border-spacing: 0; | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
outline: 4px solid # | outline: 4px solid #A385DB; | ||
text-align: left; | text-align: left; | ||
vertical-align: top; | vertical-align: top; | ||
| Line 37: | Line 37: | ||
.base a:visited, | .base a:visited, | ||
.base a:hover { | .base a:hover { | ||
color: # | color: #A385DB !important; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| Line 79: | Line 79: | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
.header2 { | |||
color: #CCCCCC; | |||
font-family: 'Rock Salt', cursive; | |||
font-size: 18pt; | |||
text-align: center; | |||
} | |||
.hilite { | .hilite { | ||
| Line 86: | Line 94: | ||
.hilite2 { | .hilite2 { | ||
font-weight: bold; | font-weight: bold; | ||
color: # | color: #A385DB; | ||
} | } | ||
| Line 95: | Line 103: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border-style: solid; | border-style: solid; | ||
border-color: # | border-color: #A385DB; | ||
border-width: 0; | border-width: 0; | ||
border-spacing: 0; | border-spacing: 0; | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
outline: 2px solid # | outline: 2px solid #A385DB; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: left; | text-align: left; | ||
| Line 107: | Line 115: | ||
line-height: 12pt; | line-height: 12pt; | ||
} | } | ||
.insett { | |||
color: #9393a1; | |||
background-color: transparent; | |||
font-weight: bold; | |||
text-align: left; | |||
box-shadow: 0px 0px 10px #000000; | |||
} | |||
.insetmrg { | .insetmrg { | ||
color: #9393a1; | color: #9393a1; | ||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
outline: 2px solid # | outline: 2px solid #A385DB; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: left; | text-align: left; | ||
| Line 139: | Line 156: | ||
.inl { | .inl { | ||
font-weight: bold; | font-weight: bold; | ||
color: # | color: #A385DB; | ||
font-size: 12pt; | font-size: 12pt; | ||
line-height: 12pt; | line-height: 12pt; | ||
| Line 153: | Line 170: | ||
/* Horizontal Bars */ | /* Horizontal Bars */ | ||
.hbar { | .hbar { | ||
background: linear-gradient(to right, rgba( | background: linear-gradient(to right, rgba(163,133,219,1) 0%, rgba(0,0,0,1) 70%); | ||
border-radius: 5px; | |||
position: relative; | |||
left: -4px; | |||
top: 0px; | |||
} | |||
.hbar2 { | |||
background: linear-gradient(to right, rgba(163,133,219,1) 0%, rgba(0,0,0,1) 70%); | |||
border-radius: 5px; | border-radius: 5px; | ||
position: relative; | position: relative; | ||
left: -4px; | left: -4px; | ||
top: 0px; | top: 0px; | ||
width: 100%; | |||
} | } | ||
Latest revision as of 23:46, 31 May 2025
/* General Layout Classes */
.enclosure {
position: relative;
left: -5px;
}
.base {
background-color: #FFFFFF;
color: #9393a1;
border-collapse: collapse;
border-style: solid;
border-color: #A385DB;
border-width: 0;
border-spacing: 0;
padding: 0;
margin: 0;
outline: 4px solid #A385DB;
text-align: left;
vertical-align: top;
font-size: 12pt;
line-height: 14pt;
box-shadow: 0px 0px 25px #000000;
list-style-type: square;
}
.base td {
border-collapse: collapse;
border-width: 0;
border-spacing: 0;
padding: 0;
margin: 0;
text-align: left;
vertical-align: top;
}
.base a:link,
.base a:visited,
.base a:hover {
color: #A385DB !important;
font-weight: bold;
}
/* Text Highlights */
.blk {
color: #1b0607;
font-weight: bold;
}
.mrgleft {
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 215px;
}
.mrgright {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 180px;
}
.kickleft {
position: relative;
right: 175px;
bottom: 0px;
}
/* Headings */
.header {
color: #CCCCCC;
font-size: 18pt;
line-height: 20pt;
font-family: Arial, sans-serif;
font-variant: small-caps;
position: relative;
left: 5px;
top: 0px;
vertical-align: bottom;
}
.header2 {
color: #CCCCCC;
font-family: 'Rock Salt', cursive;
font-size: 18pt;
text-align: center;
}
.hilite {
font-weight: bold;
}
.hilite2 {
font-weight: bold;
color: #A385DB;
}
/* Inset Boxes */
.inset {
color: #9393a1;
background-color: #FFFFFF;
border-collapse: collapse;
border-style: solid;
border-color: #A385DB;
border-width: 0;
border-spacing: 0;
padding: 0;
margin: 0;
outline: 2px solid #A385DB;
font-weight: bold;
text-align: left;
box-shadow: 0px 0px 10px #000000;
font-size: 12pt;
line-height: 12pt;
}
.insett {
color: #9393a1;
background-color: transparent;
font-weight: bold;
text-align: left;
box-shadow: 0px 0px 10px #000000;
}
.insetmrg {
color: #9393a1;
background-color: #FFFFFF;
outline: 2px solid #A385DB;
font-weight: bold;
text-align: left;
box-shadow: 0px 0px 10px #000000;
font-size: 10pt;
line-height: 10pt;
}
/* List Dots */
.listDots ul {
list-style: none;
padding: 0;
margin: 0;
}
.listDots li {
padding-left: 1em;
text-indent: -0.7em;
}
.listDots li:before {
content: '•';
font-size: 12pt;
font-weight: bold;
color: #9393a1;
}
/* Inline Styling */
.inl {
font-weight: bold;
color: #A385DB;
font-size: 12pt;
line-height: 12pt;
vertical-align: top;
}
/* Contact Images */
.contact {
padding: 4px;
vertical-align: bottom;
}
/* Horizontal Bars */
.hbar {
background: linear-gradient(to right, rgba(163,133,219,1) 0%, rgba(0,0,0,1) 70%);
border-radius: 5px;
position: relative;
left: -4px;
top: 0px;
}
.hbar2 {
background: linear-gradient(to right, rgba(163,133,219,1) 0%, rgba(0,0,0,1) 70%);
border-radius: 5px;
position: relative;
left: -4px;
top: 0px;
width: 100%;
}
/* Link Styling Override (General) */
a:link {
color: #63636a;
font-weight: bold;
}
a:visited {
color: #63636a;
}
a:hover {
color: #63636a;
}