![Old](entertainage/statusicon/post_old.gif)
01-09-2013, 09:20 AM
|
![Abronsyth's Avatar](image.php?s=f325d97469abb47bd23d58dfbf70f23e&u=14457&dateline=1606927431) |
A Headache Embodied
|
|
Join Date: Aug 2011
Location: NY
Posts: 1,011
Gender: Male
Credits: 127,427
|
|
CSS Problems
Right now my main problem is that I can not get the SIDEFEED to hover OVER or on top of the header.
AND, I've found two more problems. One, the nav-bar disapears on a user's profile, and also the side bar is randomly jumping to the center when viewing a profile and when viewing the member's list.
Here's my style.css so far:
Code:
/*
Here is a generic style sheet for the simplev2 theme.
Please feel free to modify this sheet for your own site.
At any time you see XXXXXX for a color code, replace it with the color code of your choice.
There will also be places where you can change images, if you need help please feel free to contact < tequila / Nyxi >
on AIM with your questions.
There is no need to credit < tequila / Nyxi > for work on this theme, just keep the MysAdopts credit in place.
*/
/* Setting Up Basic Styles */
html {
background:url(http://i1217.photobucket.com/albums/dd382/Iris-red-
knee/stripe_b19af1a917af0ddca2a30fb166ce13a1_zpsa60f117a.png) repeat;
font-family:Verdana, Arial, Tahoma, sans-serif;
color:#333;
font-size:12px;
}
#wrapper {
width:980px;
margin:0 auto;
}
table {
width:100%;
background:#fff;
}
/* Here's for the top most links */
th {
padding:10px;
}
/* Next is our background for the title box, just save your image to the media folder, and put it's name and type in the
box. */
#image {
background:#170B3B;
height:120px;
width:780px;
border-top:3px solid #000000;
border-bottom:3px solid #000000;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
}
#image span {
position:relative;
font-size:50px;
padding:10px;
font-family:Georgia, Times New Roman, serif;
}
/* Change the color of the link for your site title here */
#image a{
color:#ffffff;
text-decoration:none;
font-weight:bold;
text-shadow: 1px 2px 2px #ffffff;
}
#image a:hover {
color:#ffffff;
text-shadow: 0px 1px 1px #fff;
}
/* Standard table cell definitions */
td {
background:#fff;
}
/* Let's fix up your menu */
#menu {
width:200px;
background:#fff;
float:right;
text-align:center;
vertical-align:top;
margin-right:2px;
margin-top:2px;
}
#menu p{
margin:auto 10px;
padding:2px;
}
#menu h1 {
font-size: 11pt;
border-bottom: 3px solid #DDD;
margin:2px auto 3px 10px;
color: #000;
text-transform:lowercase;
}
#menu a {
margin:auto 10px;
display: block;
padding: 2px;
padding-left: 10px;
text-transform: uppercase;
font-size: 7.5pt;
letter-spacing: 1px;
}
#menu a:hover {
background-color: #F2F2F2;
color: #8904B1;
}
#content {
text-align:center;
vertical-align:top;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
height:300px;
}
#footer {
font-size:10px;
text-align:center;
height:70px;
background:#D8D8D8;
}
#content p {
text-align:center;
padding:3px;
margin:auto 10px;
}
#content h1 {
font-size: 16pt;
margin-left:300px;
text-transform:uppercase;
background:#D8D8D8;
margin:10px;
color: #000;
}
a{
text-decoration:none;
color:#380B61;
}
a:hover {
color:#8904B1;
}
Last edited by Abronsyth; 01-09-2013 at 10:19 AM.
|