User:Muse/Rue.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
(10 intermediate revisions by the same user not shown) | |||
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 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 { | ||
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; }