Ok so i downloaded a skin from a website and i'm trying to customize it. Basically i have an image that i want to put in the background instead of the plain black background. I also want all the modules to be transparent but move up and down but have the background be stationary. How would i go about doing this. This is the stylesheet for my site.
/*
================================
Upgraded and Modified by Nina Meiers - for the DNN Community
xd.com.au/ dnnskins.com/ skincovered.com
Have you seen our goodiebags? http://www.skincovered.com/ - learn how to skin your Website!
All rights remain with original designer - Original Files included in download - http://www.dnnskins.com
================================
*/
/* style for module titles */
.Head{font-weight: bold;font-size: 15px;color: white;font-family: Verdana;}
/* background color for the content part of the pages */
Body{background-color:#000000;color: white; vertical-align: top;}
.LeftPane {
background-color: #900;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
border-right: 1px solid #ffffff;
}
.ContentPane {
background-color: #900;
padding-top: 3px;
padding-right: 3px;
padding-left: 3px;
}
.RightPane {
background-color: #900;
padding-top: 3px;
padding-right: 3px;
}
/* text style used for most text rendered by modules */
.Normal{font-family: Verdana;font-size: 12px;font-weight: normal;color: white;}
.controlpanel {
background-color: #900;
}
/* text style for the selected tab */
.SelectedTab {font-weight: normal;font-size: 12px;color: white;font-family: Verdana;text-decoration: none;}
/* hyperlink style for the selected tab */
A.SelectedTab:link {
text-decoration:none;
color: #FFF;
}
A.SelectedTab:visited {text-decoration:none;color: white;}
A.SelectedTab:active {
text-decoration:none;
color: #F00;
}
A.SelectedTab:hover{
text-decoration: none;
color: #F00;
}
.SubHead{color: white;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {color: white;}
A:link {
color: #F00;
text-decoration: underline;
}
A:Hover {
color: #F00;
}
A:visited {
color: #900;
text-decoration: underline;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages
A.CommandButton:link { color: white;}
A.CommandButton:visited { color: white;}*/
/* standard hyperlinks for the tokens eg. copyright, login, user */
.SkinObject{
color: #F00;
text-decoration:none;
padding-left: 5px;
padding-right: 5px;
}
A.SkinObject:link {
color:#900;
text-decoration:none;
}
A.SkinObject:visited {color:#ffffff; text-decoration:none; }
A.SkinObject:active {
color: #F00;
text-decoration:none;
}
A.SkinObject:hover{
color:#F00;
text-decoration:underline;
}
.Footer{font-weight: normal;font-size: 10px;color: white;font-family: Verdana;text-decoration: none;}
/* Main Menu */
.MainMenu_MenuContainer {border-bottom: #404040 0px solid; border-left: #FF8080 0px solid; border-top: #FF8080 0px solid; border-right: #404040 0px solid; background-color:Transparent;line-height: 23px;}
.MainMenu_MenuBar {cursor: pointer; height:23px;;}
.MainMenu_MenuItem {cursor: pointer; color: white; font-family: Verdana; font-size: 12px; font-weight: bold; border-left: #000000 0px solid; border-bottom: #000000 0px solid; border-top: #000000 0px solid; border-right: #000000 0px solid;height: 23px;}
.MainMenu_MenuIcon {display:none;}
.MainMenu_SubMenu{
border-right: #00A1FC 0px solid;
border-top: #00A1FC 0px solid;
z-index: 1000;
filter: progid:DXImageTransform.Microsoft.Shadow(color= '#000000' , Direction=135, Strength=8); border-left: #00A1FC 0px solid;
cursor: hand;
border-bottom: #00A1FC 0px solid;
background-color: #900;
height: 23px;
}
.MainMenu_MenuBreak {border-bottom: #404040 0px solid; border-left: #FF8080 0px solid; border-top: #FF8080 0px solid; border-right: #404040 0px solid; background-color: #000000; height: 0px;}
.MainMenu_MenuItemSel{
border-right: #00A1FC 0px solid;
border-top: #00A1FC 0px solid;
font-weight: bold;
border-left: #00A1FC 0px solid;
cursor: pointer;
color: white;
border-bottom: #00A1FC 0px solid;
font-family: Verdana;
background-color: #F00;
height: 23px;
}
.MainMenu_MenuArrow {display: none;}
.MainMenu_RootMenuArrow {display:none;}