User:Muse/Rue.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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;
}