My wiki: http://www.legendarymagazine.com/
So…I'm wondering if anyone has ideas on why my custom CSS might have magically stopped applying to my site? It's been effective for over a year. I was on the site last night, added a page named 'purchase' and added a link to a purchasable download, updated the top bar menu so that the 'purchase' link takes the user to the 'purchase' page, saved, and logged out. I visited the website a few times after making that change and it was fine, but as of this morning, suddenly something's seriously wrong.
CSS is my first guess so here I am!
Thanks in advance for any help you may be able to provide!
Below is my CSS code, pasted precisely as it is in my admin and as it has been since February 2010.
h1, h2, h3, h4, h5, h6 div {
margin: 0;
}
#container-wrap {
padding-top: 0px;
background: url(http://legendarymagazine.wikidot.com/local--files/start/wikibg.png) repeat-y center center #06110F;
}
#extra-div-1 {
z-index: 999;
position: absolute;
width: 100%;
height: 4px;
top: 0px;
background: url(http://legendarymagazine.wikidot.com/local--files/start/wikibg.png) no-repeat center 0 10px;
}
#content-wrap, #header {
width: 750px;
margin: 0 auto;
}
#header {
background: url(http://legendarymagazine.wikidot.com/local--files/start/WikiHeader.png) no-repeat 0 0px;
height: 225px;
width:750px
margin-bottom: 20px;
}
#header h1 {
display:none
}
#header h2 {
top: 77px;
position: absolute;
padding: 10px 30px;
color: #06110F;
font-weight: bold;
letter-spacing: 1px;
font-size: 115%;
background: transparent;
opacity: 0.8;
filter: alpha(opacity=80);
}
#login-status {
top: 15px;
right: 17px;
opacity: 0.6;
filter: alpha(opacity=60);
}
#search-top-box {
top: 208px;
right: 110px;
opacity: 0.6;
filter: alpha(opacity=60);
}
#search-top-box input.button {
display: none;
}
#top-bar {
z-index: 1000;
right: auto;
top: 170px;
left: 10px;
bottom: 20px;
}
#top-bar a {
color: #fff;
font-size: 110%;
font-weight: bold;
opacity: 0.3;
filter: alpha(opacity=30);
}
#top-bar a:hover {
text-decoration: none;
background: transparent;
opacity: 1;
filter: alpha(opacity=100);
}
#top-bar ul li a {
padding-bottom: 7px;
}
#top-bar ul li ul {
width: auto;
border-style: solid;
border-color: #7c6742 #7c6742 #7c6742 #7c6742;
background-color: #fff;
padding: 0;
margin: 0;
opacity: 0.85;
filter: alpha(opacity=85);
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
}
#top-bar ul li ul li {
padding: 0;
margin: 0;
list-style-position: outside;
}
#top-bar ul li ul li a {
color: #7c6742;
background: transparent;
opacity: 1;
filter: alpha(opacity=100);
}
#top-bar ul li ul a:hover {
background: #7c6742;
color: #fff;
}
#side-bar {
float: right;
background: #7c6742 url(http://legendarymagazine.wikidot.com/local--files/start/navbg.png) repeat-y bottom;
margin: 10px 0 15px 15px;
width: 200px;
padding: 0 10px 10px;
z-index: 10;
position: relative;
}
ul, ol, li, #side-bar ul {
list-style-position: inside;
padding: 0;
}
#page-content li > ul, #page-content li > ol {
padding-left: 20px;
}
#main-content {
margin-left: 0;
padding: 0 0 10px;
}
#content-wrap {
background: url(http://skins.wikidot.com/local--files/theme:solar/para-l.png) no-repeat 498px 0;
padding: 0 2px;
width: 716px;
}
a {
color: #06110F;
text-decoration: underline;
}
a:hover {
color: #591E1E;
background: transparent;
}
blockquote{
border: 1px dashed #999;
padding: 0 1em;
background: transparent;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
color: #06110F;
}
#page-title, h1, h2, h3, h4, h5, h6 {
border: none;
padding: 3px 5px 3px 0;
color: #06110F;
margin: 0;
}
div > #page-title,
#page-content > h1, #page-content > .list-pages-box > .list-pages-item > h1,
#page-content > h2, #page-content > .list-pages-box > .list-pages-item > h2,
#page-content > h3, #page-content > .list-pages-box > .list-pages-item > h3,
#page-content > h4, #page-content > .list-pages-box > .list-pages-item > h4,
#page-content > h5, #page-content > .list-pages-box > .list-pages-item > h5,
#page-content > h6, #page-content > .list-pages-box > .list-pages-item > h6
{
padding-left: 17px;
background: url(http://skins.wikidot.com/local--files/theme:solar/title-l.png) repeat-y left center;
}
#page-content div, #page-content ul, #page-content ol, #page-content p {
padding: 0 5px 0 0;
color: #202020;
margin: 0.8em 0;
}
#page-content div div {
}
#page-content > div, #page-content > .list-pages-box > .list-pages-item > div,
#page-content > ul, #page-content > .list-pages-box > .list-pages-item > ul,
#page-content > ol, #page-content > .list-pages-box > .list-pages-item > ol,
#page-content > p, #page-content > .list-pages-box > .list-pages-item > p
{
background: url(http://skins.wikidot.com/local--files/theme:solar/para-l.png) repeat-y left center;
padding-left: 20px;
color: #202020;
}
#page-content > .list-pages-box {
background: transparent;
padding: 0;
margin: 0;
}
#page-content > .list-pages-box > .list-pages-item > div.blog-date {
text-transform: uppercase;
font-size: 85%;
letter-spacing: 1px;
font-weight: bold;
color: #666;
background: transparent;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
#page-content > .list-pages-box > .list-pages-item {
margin-bottom: 50px;
}
#footer {
background: url(http://skins.wikidot.com/local--files/theme:solar/shade-b.png) no-repeat center 0 #06110F;
text-align: center;
padding: 10px 10px 2px;
color: #ccc;
font-size: 90%;
}
#footer .options {
float: none;
}
#footer a {
color: #ccc;
}
#license-area {
width: 100%;
margin: 0;
background: #06110F;
color: #ccc;
font-size: 85%;
}
#license-area a {
color: #ccc;
}
#new-post-form, #action-area {
clear: both;
}
#page-content div {
position: relative; /* just to add hasLayout on IE6 to them */
}
#np-editor-panel ul {
margin: 0;
}
a.newpage{
color: #591E1E;
}
.footnotes-footer{
margin: 0; padding: 0.5em 0;
/*border-top: 1px solid #CCC;*/
height: 1%;
opacity: 0.85;
filter: alpha(opacity=85);
font-size: 85%;
}
.footnotes-footer .title{
font-size: 100%;
font-weight: bold;
}
a.footnoteref{
display: inline-block;
text-decoration: none;
font-size: 90%;
opacity: 0.5;
filter: alpha(opacity=50);
}