CSS

CSS

Several Obsidian Portal users have requested the CSS for this page. Here it is.

Please note, I’m not very organized. If you have any questions feel free to contact me.

Last Update 9/25/2014

.campaign-settings #style-settings #custom-css-field {
color : black;
background-color : rgb(245, 245, 245);
}
.main-content-container {
background-color : #f6ae23;
width : 810px !important ;
border-width : 0;
border-radius : 6px;
border-color : maroon;
border-style : solid;
}
#sidebar {
width : 200px;
z-index : 2;
position : absolute;
left : 750px;
top : -245px;
background-image : url(‘http://cdn.obsidianportal.com/assets/226932/parchment.jpg’);
border-width : 1px;
border-radius : 0;
border-color : maroon;
border-style : solid;
color : black;
padding : 0;
overflow : hidden;
max-height : 917px;
}
.stat-label {
color : black;
}
.module {
color : black;
}
.campaign-landing-page-container {
background-image : url(‘http://cdn.obsidianportal.com/assets/226932/parchment.jpg’);
border-width : 0;
border-radius : 6px;
border-color : maroon;
border-style : solid;
padding-bottom : 90px;
padding-top : 40px;
}
.wiki-page-container {
background-image : url(‘http://cdn.obsidianportal.com/assets/226932/parchment.jpg’);
border-width : 0;
border-radius : 6px;
border-color : maroon;
border-style : solid;
padding-bottom : 90px;
padding-top : 90px;
}
.wiki-page {
min-height : 430px;
background-color : transparent !important ;
position : relative;
}
.post-section.post-main {
background-color : transparent !important ;
}
.icon-edit {
position : relative;
z-index : 10 !important ;
}
.wiki-page-name.title {
display : none;
}
.characters2 {
color : maroon;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 105px;
max-height : 27px;
background : url(‘http://cdn.obsidianportal.com/assets/237029/transparent.png’);
overflow : hidden;
text-align : center;
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
z-index : 4;
opacity : 0.75;
}
.characters2:hover {
color : black;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 632px;
max-height : 1000px;
overflow : hidden;
border-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
z-index : 3;
opacity : 1;
}
.personae2 {
color : maroon;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 107px;
max-height : 27px;
background-color : transparent;
background : url(‘http://cdn.obsidianportal.com/assets/237029/transparent.png’);
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 152px;
padding : 0;
margin : 0;
z-index : 4;
opacity : 0.75;
}
.personae2:hover {
color : black;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 632px;
max-height : 1000px;
overflow : hidden;
border-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
padding-top : 0;
z-index : 3;
opacity : 1;
}
.environs2 {
color : maroon;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 105px;
max-height : 27px;
background-color : transparent;
background : url(‘http://cdn.obsidianportal.com/assets/237029/transparent.png’);
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 258px;
padding : 0;
margin : 0;
z-index : 4;
opacity : 0.75;
}
.environs2:hover {
color : black;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 632px;
max-height : 1000px;
overflow : hidden;
border-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
padding-top : 0;
z-index : 3;
opacity : 1;
}
.maps2 {
color : maroon;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 107px;
max-height : 27px;
background-color : transparent;
background : url(‘http://cdn.obsidianportal.com/assets/237029/transparent.png’);
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 362px;
padding : 0;
margin : 0;
z-index : 4;
opacity : 0.75;
}
.maps2:hover {
color : black;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 632px;
max-height : 1000px;
overflow : hidden;
border-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
padding-top : 0;
z-index : 3;
opacity : 1;
}
.interests2 {
color : maroon;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 105px;
max-height : 27px;
background-color : transparent;
background : url(‘http://cdn.obsidianportal.com/assets/237029/transparent.png’);
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 468px;
padding : 0;
margin : 0;
z-index : 4;
opacity : 0.75;
}
.interests2:hover {
color : black;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 632px;
max-height : 1000px;
overflow : hidden;
border-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
padding-top : 0;
z-index : 3;
opacity : 1;
}
.docs2 {
color : maroon;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 108px;
max-height : 27px;
background-color : transparent;
background : url(‘http://cdn.obsidianportal.com/assets/237029/transparent.png’);
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 572px;
padding : 0;
margin : 0;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
z-index : 4;
opacity : 0.75;
}
.docs2:hover {
color : black;
border : maroon solid 1px;
padding : 0;
margin : 0;
width : 632px;
max-height : 1000px;
overflow : hidden;
border-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding : 0;
margin : 0;
padding-top : 0;
z-index : 3;
opacity : 1;
}
.characters1 {
color : maroon;
border : maroon solid 0;
padding : 0;
margin : 0;
width : 106px;
height : 27px;
background-color : #f6ae23;
overflow : hidden;
text-align : center;
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
position : absolute;
top : 210px;
left : 48px;
padding-top : 5px;
margin : 0;
z-index : 2;
opacity : 0.85000002384185791015625;
}
.personae1 {
color : maroon;
border : maroon solid 0;
padding : 0;
margin : 0;
width : 106px;
height : 27px;
background-color : #f6ae23;
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 153px;
padding-top : 5px;
margin : 0;
background-color : #f6ae23;
z-index : 2;
opacity : 0.85000002384185791015625;
}
.environs1 {
color : maroon;
border : maroon solid 0;
padding : 0;
margin : 0;
width : 106px;
height : 27px;
background-color : transparent;
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 258px;
padding-top : 5px;
margin : 0;
background-color : #f6ae23;
z-index : 2;
opacity : 0.85000002384185791015625;
}
.maps1 {
color : maroon;
border : maroon solid 0;
padding : 0;
margin : 0;
width : 106px;
height : 27px;
background-color : transparent;
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 363px;
padding-top : 5px;
margin : 0;
background-color : #f6ae23;
z-index : 2;
opacity : 0.85000002384185791015625;
}
.interests1 {
color : maroon;
border : maroon solid 0;
padding : 0;
margin : 0;
width : 106px;
height : 27px;
background-color : transparent;
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 468px;
padding-top : 5px;
margin : 0;
background-color : #f6ae23;
z-index : 2;
opacity : 0.85000002384185791015625;
}
.docs1 {
color : maroon;
border : maroon solid 0;
padding : 0;
margin : 0;
width : 107px;
height : 27px;
background-color : transparent;
overflow : hidden;
text-align : center;
position : absolute;
top : 210px;
left : 573px;
padding-top : 5px;
margin : 0;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
background-color : #f6ae23;
z-index : 2;
opacity : 0.85000002384185791015625;
}
.wikimenuopen {
margin-top : 24px;
margin-bottom : 0;
background-color : #f6ae23;
opacity : 1;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
padding-bottom : 11px;
padding-top : 5px;
font-size : 0.75em;
}
.wikisublist ul {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
}
.wikisublist li {
float : left;
}
.wikisubhead {
display : block;
width : 626px;
font-weight : bold;
color : black;
background-color : transparent;
text-align : center;
padding : 0;
padding-top : 5px;
padding-bottom : 0;
font-size : 13px;
}
.flame-dragon {
display : none;
}
.highlight-container {
display : none;
}
#campaign-summary-row {
background-color : #f6ae23;
border : maroon solid 1px;
font-size : 13px;
border-bottom : none;
width : 960px;
position : relative;
}
#campaign-footer {
background-image : url(‘http://cdn.obsidianportal.com/assets/244995/legacybottomsmooth2.png’);
height : 93px;
position : relative;
top : -90px;
margin-bottom : -75px;
border-width : 1px;
border-color : maroon;
border-style : solid;
border-top-width : 0;
background-repeat : no-repeat;
padding-top : 93px;
}
#campaign-nav {
position : relative;
left : 0;
}
.campaign-banner-image {
display : none;
}
#banner-container {
width : 730px;
position : relative;
border : maroon solid 1px;
background-color : transparent;
border-radius : 0;
border-bottom-style : none;
margin-bottom : 0;
height : 335px;
padding : 0;
padding-bottom : 0;
background-image : url(‘https://db4sgowjqfwig.cloudfront.net/assets/253798/legacytitlesmooth3.png’);
background-repeat : no-repeat;
z-index : 2;
top : 120px;
left : -2px;
margin-top : -110px;
transition : all 2s 5s linear;
}
#banner-container:hover {
background-image : url(‘https://db4sgowjqfwig.cloudfront.net/campaigns/71204/assets/331591/HouseBanner.png’);
transition : all 2s .2s linear;
}
.campaign-public-title-container {
display : none;
}
h1, h2, h3, h4, h5, h6 {
font-family : ‘Bilbo Swash Caps’;
color : maroon !important ;
}
h1 {
font-size : 2em;
font-weight : bold;
text-align : center;
margin-bottom : 1em;
}
h2 {
font-size : 1.75em;
font-weight : bold;
text-align : center;
margin-bottom : 0.75em;
}
h3 {
font-size : 1.25em;
font-weight : bold;
text-align : center;
margin-bottom : 0.75em;
}
h4 {
font-size : 175%;
font-weight : bold;
text-align : center;
margin-bottom : 0.5em;
}
h5 {
font-size : 1.25em;
font-weight : bold;
margin-bottom : 0;
}
h6 {
font-size : 115%;
font-weight : bold;
margin-bottom : 0;
}
.main-content {
background-image : url(‘http://cdn.obsidianportal.com/assets/226932/parchment.jpg’);
border-width : 1px;
border-radius : 0;
border-color : maroon;
border-style : solid;
padding : 0;
}
.contentindent {
text-indent : 30px;
padding-left : 20px;
padding-right : 20px;
}
.character-list {
padding-bottom : 75px;
}
.character-search-area {
background-color : transparent;
padding-top : 75px;
}
.dynamic_sheet_container {
margin-top : 50px;
margin-left : -285px !important ;
color : black;
position : relative;
left : 250px !important ;
overflow : hidden !important ;
padding-right : 50px;
top : -353px;
padding-top : 310px;
margin-bottom : -320px;
}
.adventure-log-new-container {
padding-top : 30px;
background-color : transparent !important ;
}
.where-we-game-container {
display : none;
}
.system-logo-container {
display : none;
}
.spellbar {
background-color : transparent;
border-width : 0;
border-color : maroon;
border-style : solid;
border-radius : 0;
overflow : auto;
}
.charactersidebar {
background-color : transparent;
position : absolute;
top : 0;
left : 739px;
background-image : url(‘http://cdn.obsidianportal.com/assets/226932/parchment.jpg’);
width : 200px;
border-width : 1px;
border-color : maroon;
border-style : solid;
border-radius : 0;
padding-bottom : 20px;
font-size : 1.20em;
}
.csbtitle {
padding-top : 44px;
padding-bottom : 20px;
margin-bottom : 5px;
background : rgba(125, 125, 125, 0.3);
color : maroon;
}
.csbsub {
padding-top : 20px;
padding-bottom : 15px;
margin-bottom : 5px;
background-image : url(‘http://cdn.obsidianportal.com/assets/237158/Parchfilter.png’);
text-align : center;
margin-top : 20px;
}
.csbclass {
padding-left : 20px;
font-size : 0.85em;
}
.csbclass ul {
list-style-type : none;
margin : 0;
padding : 0;
display : block;
font-weight : bold;
text-align : left;
border-width : 0;
}
.csbclass2 {
position : relative;
left : 90px;
top : -60px;
margin-bottom : -50px;
}
.csbclass2 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
.csbclass2 a:link, a:visited {
display : block;
width : 110px;
font-weight : bold;
color : maroon;
background-color : transparent;
text-align : left;
padding : 0;
text-decoration : none;
border-width : 0;
border-color : maroon;
border-style : solid;
font-size : 0.85em;
}
.csbclass2 a:hover, a:active {
color : #f6ae23;
background-color : maroon;
border-width : 0;
border-color : #f6ae23;
border-style : solid;
}
.spellbarheader {
padding-top : 15px;
height : 20px;
border-width : 0;
border-bottom-width : 1px;
border-color : maroon;
border-style : solid;
margin-bottom : 0;
width : 160px;
margin-left : auto;
margin-right : auto;
text-align : left;
padding-left : 0;
}
.spelllist2 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
.spelllist2 a:link, a:visited {
display : block;
width : 170px;
font-weight : bold;
color : maroon;
background-color : transparent;
text-align : left;
padding : 0;
padding-left : 30px;
text-decoration : none;
border-width : 0;
border-color : maroon;
border-style : solid;
font-size : 0.85em;
}
.spelllist2 a:hover, a:active {
color : #f6ae23;
background-color : maroon;
border-width : 0;
border-color : #f6ae23;
border-style : solid;
}
#character-save-button {
position : relative;
z-index : 10;
}
.change-avatar-button {
position : relative;
z-index : 10;
}
.dropzone {
position : relative;
z-index : 10;
}
img {
max-width : none;
}
.game-content-image {
height : 55px;
width : 55px;
}
.section-header.stream {
display : none;
}
#character-details {
background-color : transparent !important ;
}
.character-quick-search {
background-color : transparent !important ;
}
.character-list-item {
background-color : transparent !important ;
border-style : solid;
border-color : maroon;
border-width : 0;
border-top-width : 1px;
border-bottom-width : 1px;
margin : 5px;
}
#campaign-nav {
width : 729px;
height : 101px;
position : relative;
left : 100px !important ;
top : -40px !important ;
}

.campaign-member #campaign-nav {
width : 729px;
height : 101px;
position : relative;
left : 0px !important ;
top : -40px !important ;
}

.campaign-public-layout #campaign-nav {
background-color : transparent;
}
#campaign-nav ul li {
display : inline;
float : left;
}
.campaign-public-layout #campaign-nav .icon {
width : 0;
background-color : transparent;
}
.campaign-public-layout #campaign-nav li {
height : 35px;
}
.campaign-public-layout #campaign-nav .nav-links li.active {
background-color : transparent;
}
.campaign-public-layout #campaign-nav li.active:after {
content : none;
}
.campaign-public-layout #campaign-nav .nav-links li:hover {
background-color : transparent;
}
#campaign-nav ul li:nth-child(1) a {
display : block;
font-size : 0;
width : 135px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253805/home.png);
background-repeat : no-repeat;
}
#campaign-nav ul li:nth-child(2) a {
display : block;
font-size : 0;
width : 130px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253807/Journal.png);
background-repeat : no-repeat;
}
#campaign-nav ul li:nth-child(3) a {
display : block;
font-size : 0;
width : 130px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253808/wiki.png);
background-repeat : no-repeat;
}
#campaign-nav ul li:nth-child(4) a {
display : block;
font-size : 0;
width : 140px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253806/characters.png);
background-repeat : no-repeat;
}
#campaign-nav ul li:nth-child(5) a {
display : block;
display : none;
font-size : 0;
width : 79px;
height : 35px;
background-image : url(http://db4sgowjqfwig.cloudfront.net/assets/253719/items.png);
background-repeat : no-repeat;
}
.campaign-member #campaign-nav ul li:nth-child(1) a {
display : block;
font-size : 0;
width : 160px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253804/Dashboard.png);
background-repeat : no-repeat;
}
.campaign-member #campaign-nav ul li:nth-child(2) a {
display : block;
font-size : 0;
width : 135px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253805/home.png);
background-repeat : no-repeat;
}
.campaign-member #campaign-nav ul li:nth-child(3) a {
display : none;
}
.campaign-member #campaign-nav ul li:nth-child(4) a {
display : none;
}
.campaign-member #campaign-nav ul li:nth-child(5) a {
display : block;
font-size : 0;
width : 130px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253807/Journal.png);
background-repeat : no-repeat;
}
.campaign-member #campaign-nav ul li:nth-child(6) a {
display : block;
font-size : 0;
width : 130px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253808/wiki.png);
background-repeat : no-repeat;
}
.campaign-member #campaign-nav ul li:nth-child(7) a {
display : block;
font-size : 0;
width : 140px;
height : 35px;
background-image : url(https://db4sgowjqfwig.cloudfront.net/assets/253806/characters.png);
background-repeat : no-repeat;
}
.campaign-member #campaign-nav ul li:nth-child(8) a {
display : none;
}
.campaign-member #campaign-nav ul li:nth-child(9) a {
display : none;
}
.logodd {
background-image : url(‘http://cdn.obsidianportal.com/assets/237158/Parchfilter.png’) !important ;
}
#content table {
background-color : transparent;
border-style : none;
}
#content tr:nth-child(even) {
background-color : transparent;
}
.wikisublist {
font-size : 13px;
}
.wikisublist a:link {
display : block;
width : 210px;
font-weight : bold;
color : maroon !important ;
background-color : transparent;
text-align : center;
padding : 0;
text-decoration : none;
border-width : 0;
border-color : maroon;
border-style : solid;
}
.wikisublist a:visited {
display : block;
width : 210px;
font-weight : bold;
color : maroon !important ;
background-color : transparent;
text-align : center;
padding : 0;
text-decoration : none;
border-width : 0;
border-color : maroon;
border-style : solid;
}
.wikisublist a:hover {
color : #f6ae23 !important ;
background-color : maroon;
border-width : 0;
border-color : #f6ae23;
border-style : solid;
}
.wikisublist a:active {
color : #f6ae23 !important ;
background-color : maroon;
border-width : 0;
border-color : #f6ae23;
border-style : solid;
}
.collapsable-nav-row {
background-color : #f6ae23;
border : maroon solid 1px;
border-top : none;
font-size : 13px;
width : 960px;
left : 0;
}
.columns.main-content-container {
padding-left : 0;
}
.main-content-container {
padding : 0 !important ;
padding-left : 10px !important ;
padding-right : 70px !important ;
}
#campaign-quick-stats {
margin-top : -30px !important ;
}
.submit-button {
position : relative;
z-index : 10 !important ;
}
.submit-button {
position : relative;
z-index : 10 !important ;
}
.adventure-log-post-container.teaser {
padding : 0 !important ;
}
.adventure-log-post {
background-color : transparent !important ;
}
.small-2.columns.date-column.post-date {
position : relative;
background-color : transparent;
}
.day {
color : maroon;
}
.month-year {
color : maroon;
}
.post-header-container {
background-color : transparent !important ;
}
.post-date {
position : relative;
left : 0;
top : 0;
background-color : transparent !important ;
}
.adventure-log-post-title.title {
color : maroon !important ;
}
.post-content {
width : 650px;
}
.post-header {
width : 650px;
padding-top : 0 !important ;
}
.post-content {
width : 650px;
}
.post-header {
width : 650px;
}
.adventure-log-teasers .row {
height : auto;
}
.adventure-log-teasers .row .post-column {
height : auto;
}
.adventure-log-teasers .adventure-log-post .row .post-content {
height : auto;
}
.adventure-log-teasers .adventure-log-post {
height : auto;
}
.overflow-fade-out {
display : none;
}
.adventure-log-teasers a:link {
color : maroon;
}
.adventure-log-teasers a:visited {
color : maroon;
}
.adventure-log-teasers a:active {
color : red;
}
.adventure-log-teasers a:hover {
color : red;
}
.wiki-page a:link {
color : maroon;
}
.wiki-page a:visited {
color : maroon;
}
.wiki-page a:active {
color : red;
}
.wiki-page a:hover {
color : red;
}
#content a:link.create-wiki-page-link {
color : green;
text-decoration : none;
}
#content a:visited.create-wiki-page-link {
color : green;
text-decoration : none;
}
#content a:hover.create-wiki-page-link {
color : lightgreen;
text-decoration : underline;
}
#content a:active.create-wiki-page-link {
color : green;
text-decoration : underline;
}
.time.left {
color : maroon;
}
.who {
color : maroon;
}
.small-8.columns.post-column {
background-color : transparent !important ;
border-style : solid;
border-color : maroon;
border-width : 0;
border-top-width : 1px;
border-bottom-width : 1px;
}
.post-gm-only {
margin-left : 50px;
}
.menuposition {
position : relative;
left : -15px;
top : -255px;
}
#campaign-stream {
margin-bottom : 0 !important ;
}
a.button.adv-new {
position : relative;
left : 100px;
z-index : 10;
}
.post-view-link {
padding-bottom : 30px;
}
.adventure-log-post {
padding-top : 30px;
}
.quote {
text-indent : 0;
padding-left : 100px;
padding-right : 100px;
font-weight : bold;
color : maroon;
}
#character-details {
padding-top : 25px !important ;
}
h2.character-name.title {
margin-bottom : 0 !important ;
}
#new_game_character .dynamic_sheet_container {
padding : 0;
margin : 0;
}
.large-5.columns {
position : relative;
z-index : 5 !important ;
}
.large-6.columns {
position : relative;
z-index : 10 !important ;
}
.large-7.columns {
position : relative;
z-index : 10 !important ;
}
.input.button.expand {
position : relative;
z-index : 10 !important ;
}
.custom.dropdown {
position : relative;
z-index : 10 !important ;
}
.post-content a:link {
color : maroon;
}
.post-content a:visited {
color : maroon;
}
.post-content a:active {
color : red;
}
.post-content a:hover {
color : red;
}
.wikiflame {
background-image : url(‘http://cdn.obsidianportal.com/assets/237055/flame-vector.png’);
background-repeat : no-repeat;
background-position : center top;
width : 700px;
padding : 0;
padding-top : 240px;
position : relative;
top : -75px;
margin-left : 0;
margin-right : 0;
left : -20px;
}
.rounded {
border-radius : 6px;
}
.logimgright {
border-style : solid;
border-radius : 6px;
border-width : 1px;
border-color : maroon;
float : right;
margin-left : 10px;
margin-bottom : 10px;
margin-top : 10px;
}
.logimgleft {
border-style : solid;
border-radius : 6px;
border-width : 1px;
border-color : maroon;
float : left;
margin-right : 10px;
margin-bottom : 10px;
margin-top : 10px;
}

.wmpic {
width:66px;
float:left;
z-index:3;
}

.wmsuite {
max-height:65px;
overflow:hidden;
border-style:dotted;
border-color:maroon;
border-width:0px;
border-bottom-width:2px;
transition : all .25s .25s linear;
}

.wmsuite:hover {
max-height:1000px;
transition : all .25s 0s linear;
}

.wmsuitehead {
width:30px;
margin:5px;
margin-right:20px;
border-style:solid;
border-color:marron;
border-width:1px;
border-radius:6px;
}

.windssidebar {
background-color : transparent;
position : absolute;
top : -205px;
left : 739px;
background-image : url(‘http://cdn.obsidianportal.com/assets/226932/parchment.jpg’);
width : 200px;
border-width : 1px;
border-color : maroon;
border-style : solid;
border-radius : 0;
padding-bottom : 20px;
font-size : 1.20em;
}

.spelllist3 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
.spelllist3 a:link, a:visited {
display : block;
width : 200px;
font-weight : bold;
color : maroon;
background-color : transparent;
text-align : left;
padding : 0;
padding-left : 0px;
text-decoration : none;
border-width : 0;
border-color : maroon;
border-style : solid;
font-size : 0.85em;
text-align : center;
}
.spelllist3 a:hover, a:active {
color : #f6ae23;
background-color : maroon;
border-width : 0;
border-color : #f6ae23;
border-style : solid;
}

CSS

The Legacy of Fire Bondoid Bondoid