Hi in my efford of completing my torrent i have been for day editing simple parts of the code, translating and doing whatever i can to finish my tracker without bothering you guys...but i have 2 small css issues:
1.in details.php?id=1 when you click on
users the green bar has to go right under the icons or the icons have to go over the green bar
2.second the green hover colour needs to be changed...
by the way this is my style.css
PHP Code:
.shoutbox{
font-size:12px;
margin-right:0px;
display: inline;
float: left;
width: 100%;
height: 150px;
overflow:auto;
}
.shout_time {
color:#000000;
}
#shout_textarea{
clear: right;
width: 100%;
height: 20px;
}
.shoutbox_bold{
font-weight: bold;
}
body {
font-family : sans-serif;
background : url(pics/backgroundblue.png);
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size : 15px;
}
.highlight {
font-size : 14px;
font-weight : bold;
color : #acd2ef;
}
.bubble {
width : 578px;
clear : both;
margin : 20px auto 40px;
}
table.peertable{
background-color:#d4d4d4;
}
table.filelist{
background-color:#d4d4d4;
}
p.donation{
font-size:15px;
}
table.table_table{
font-size:14px;
}
.bubble-top {
height : 10px;
background : url(pics/bubble-top.png);
}
.bubble-bg {
font-size : 12px;
font-family : Courier;
padding : 10px 20px;
background : url(pics/bubble-bg.png);
}
span.bubble-date {
position : relative;
color : #989898;
padding : 0;
top : 10px;
font-size : 6pt;
}
.bubble-bottom-right {
height : 19px;
padding-right : 10px;
margin-bottom : 5px;
background : url(pics/bubble-bottom-right.png);
background-repeat : no-repeat;
text-align : right;
}
.bubble-bottom-left {
height : 19px;
padding-left : 10px;
margin-bottom : 5px;
background : url(pics/bubble-bottom-left.png);
background-repeat : no-repeat;
text-align : left;
}
.bubble_sub-left {
text-align : center;
margin-right : 318px;
}
.bubble_sub-right {
text-align : center;
margin-left : 318px;
}
#pmbtwrap {
width : 950px;
margin : -6px auto;
text-align : left;
}
div.mainbox {
font-size: 6pt;
color: #1C1C1C;
padding:1em;
margin-left: 0em;
margin-right: 1.5em;
margin-bottom: 0em;
}
#mainbox {
background-color : #acd2ef;
font-size : 6pt;
color : #1c1c1c;
padding : 0em;
margin-left : 1em;
margin-right : 0em;
margin-bottom : 0em;
}
#messagebox {
font-family : sans-serif;
background-color : #c4ebff;
text-align : center;
font-size : 10pt;
padding : 5px 15px 20px 100px;
color : #1c1c1c;
background-image : url(pics/alert.png);
background-position : 30px center;
background-repeat : no-repeat;
min-height : 70px;
border : 1px solid #999;
margin-left : 0.5em;
margin-right : 0.5em;
margin-bottom : 1.5em;
}
#successbox {
font-family : sans-serif;
background-color : #c4ebff;
text-align : center;
font-size : 10pt;
padding : 5px 15px 20px 100px;
color : #1c1c1c;
background-image : url(pics/success.png);
background-position : 30px center;
background-repeat : no-repeat;
min-height : 70px;
border : 1px solid #999;
margin-left : 0.5em;
margin-right : 0.5em;
margin-bottom : 1.5em;
}
#errorbox {
font-family : sans-serif;
background-color : #d4d4d4;
font-size : 10pt;
text-align : center;
padding : 5px 15px 20px 100px;
color : #1c1c1c;
background-image : url(pics/error.png);
background-position : 30px 105px;
background-repeat : no-repeat;
min-height : 70px;
border : 0px solid #980000;
margin-left : 2em;
margin-right : 2.5em;
margin-bottom : 1.5em;
}
#newsbox {
font-family : sans-serif;
background-color : #ffffd5;
text-align : center;
font-size : 10pt;
padding : 4px 0 0 80px;
color : #757576;
background-image : url(pics/alert_mini.png);
background-position : 80px center;
background-repeat : no-repeat;
border : 1px solid #999;
min-height : 26px;
margin-left : 0.5em;
margin-right : 0.5em;
margin-bottom : 1.5em;
}
#emailbox {
font-family : sans-serif;
background-color : #acd2ef;
text-align : center;
font-size : 12pt;
padding : 4px 0 0 80px;
color : #757576;
background-image : url(pics/email.png);
background-position : 80px center;
background-repeat : no-repeat;
border : 1px solid #999;
min-height : 26px;
margin-left : 0.5em;
margin-right : 0.5em;
margin-bottom : 1.5em;
}
#theme-header {
background : url(pics/topblue.png) repeat-y 0 0;
border:0;
width:950px;
height:45px;
}
#theme-body {
background : url(pics/bodybgblue.png) repeat-y 0 0;
padding-right : 0;
padding-left : 0;
}
#theme-footer {
background : url(pics/bottomblue.png) repeat-y 0 0;
width:950px;
height:45px;
}
#leftcolumn {
width : 174px;
float : left;
margin-left : 7px;
padding-right : 0;
background-color : #f2f2f2;
}
#rightcolumn {
width : 920px;
float : left;
padding : 0em;
margin-left : 0.67em;
margin-right : 0em;
margin-bottom : 0em;
background:url(pics/wth.png);
background-repeat : no-repeat;
}
#donationbar-background {
position : relative;
bottom : 1px;
right : 1px;
background : url(pics/donations_bg.png);
background-repeat : no-repeat;
height : 18px;
width : 188px;
}
.search_cloud{
line-height: 2em;
}
#searchcloud {
color : #000000;
}
#searchcloud a:link {
text-decoration : none;
}
.smallest {
font-size : 1em;
color : #000000;
}
.small {
font-size : 1.5em;
color : #680000;
}
.medium {
font-size : 2em;
color : #000000;
}
.large {
font-size : 2.5em;
color : #000000;
}
.largest {
font-size : 3em;
color : #980000;
}
span.donationsin {
font-family : sans-serif;
font-size : 12pt;
color : #265514;
position : relative;
float : left;
right : 5px;
bottom : 25px;
}
span.donationsgoal {
position : absolute;
float : right;
right : 17px;
top : 2px;
font-weight : bold;
font-size : 8pt;
color : #555556;
}
span.donationsthanks {
position : absolute;
right : 75px;
font-weight : bold;
font-size : 8pt;
color : #acd2ef;
}
span.mainbox-title {
text-align : center;
display : block;
margin : 0 auto 10px;
font-weight : bold;
font-size : 8pt;
color : #000000;
}
span.messagebox-title {
text-align : center;
display : block;
margin : 0 auto 10px;
font-weight : bold;
font-size : 8pt;
color : #000000;
}
span.successbox-title {
text-align : center;
display : block;
margin : 5px auto 10px;
font-weight : bold;
font-size : 8pt;
color : #000000;
}
span.errorbox-title {
text-align : center;
display : block;
margin : 5px auto 10px;
font-weight : bold;
font-size : 8pt;
color : #000000;
}
form {
color : #808080;
font-weight : bold;
margin-top : 5px;
margin-bottom : 5px;
}
font.small {
font-size : 8pt;
color : #000000;
}
p {
font-size : 8pt;
text-indent : 0;
line-height : 100%;
word-spacing : 0;
margin : 0;
}
p.footer {
font-size : 8pt;
color : #000000;
text-align : center;
}
p.title {
font-size : 9pt;
font-variant : small-caps;
}
p.description {
font-size : 8pt;
font-weight : normal;
line-height : 120%;
}
p.file {
font-size : 7pt;
line-height : 120%;
color : #757576;
}
p.nfo {
font-family : OCR A Extended;
font-size : 8pt;
color : #000000;
text-align : justify;
width: 500px;
height: 150px;
overflow:auto;
}
p.errortext {
text-align : left;
display : block;
font-size : 10pt;
text-align : center;
}
p.whitelist {
color : #00ff00;
}
p.blacklist {
color : #ff0000;
}
p.granted {
color : #00ff00;
}
p.denied {
color : #ff0000;
}
p.extrasmall {
font-size : 6pt;
}
span.h2lookalike {
font-size : 12pt;
color : #757576;
}
h1 {
font-size : 10pt;
color : #000000;
}
h1.title {
text-align : center;
}
h1.details {
font-size : 16pt;
text-align : center;
font-weight : normal;
color : #1c1c1c;
margin : 5px;
}
h1.search {
font-size : 12pt;
color : #757576;
text-align : center;
font-weight : bold;
}
h2 {
font-size : 12pt;
color : #757576;
}
h2.title {
text-align : center;
}
h2.details {
text-align : center;
font-family : sans-serif;
font-size : 14pt;
font-weight : bold;
color : #555556;
margin : 0;
}
h3 {
font-size : 14pt;
color : #000000;
}
h3.title {
text-align : center;
}
hr {
background-color : #999;
color : #999;
border : #999;
height : 1px;
}
iframe {
border : none;
}
img {
border : 0;
}
font.large {
font-size : 10pt;
color : #000000;
}
font.heading {
font-size : 10pt;
color : #000000;
font-weight : bold;
}
span.admin {
font-size : 8pt;
font-weight : bold;
color : #53b54f;
text-decoration : none;
}
span.mod {
font-size : 8pt;
font-weight : bold;
color : #aa0000;
text-decoration : none;
}
span.premium {
font-size : 8pt;
font-weight : bold;
color : #FF9900;
text-decoration : none;
}
span.user {
font-size : 8pt;
font-weight : bold;
color : #000000;
text-decoration : none;
}
table.main {
background-color : #d4d4d4;
}
table.bg {
background-color : #093656;
}
table.sub {
background-color : #000000;
}
table.theme {
background-color : #f2f2f2;
}
table.content {
border : 1px solid #000000;
background-color : #f7f7f7;
text-align : center;
}
table.torrent {
border-style : solid;
border-width : 0;
padding : 0;
background-color : #ececec;
text-align : center;
font-family : sans-serif;
font-size : 8pt;
color : #000000;
}
table.torrenttable {
border-collapse : collapse;
}
table.torrenttable td {
border-right : 1px solid #000000;
}
td {
font-size : 8pt;
vertical-align:top;
}
td.track {
background-color : #000000;
font-size : 6pt;
color : #000000;
}
td.smaller {
font-size : 6pt;
padding : 3px;
}
td.smallish {
font-size : 8pt;
padding : 3px;
}
td.header {
background-color : #acd2ef;
font-size : 6pt;
font-weight : bold;
color : #000000;
}
td.headerbg {
background : url(pics/headerbg.png);
}
td.theme {
background-color : #f2f2f2;
}
td.themeupperedge {
background : url(pics/themeupperedge.gif);
}
td.themeleftedge {
background : url(pics/themeleftedge.gif);
}
td.themerightedge {
background : url(pics/themerightedge.gif);
}
td.themeloweredge {
background : url(pics/themeloweredge.gif);
}
td.title {
background : url(pics/upperedge.gif);
background-repeat : repeat-x;
font-size : 8pt;
font-weight : bold;
color : #000000;
vertical-align : top;
}
td.errortitle {
background : url(pics/upperedge.gif);
font-size : 8pt;
font-weight : bold;
color : #eeab36;
}
td.footer {
background : url(pics/loweredge.gif);
}
td.leftedge {
background : url(pics/leftedge.gif);
}
td.rightedge {
background : url(pics/rightedge.gif);
}
td.small {
font-size : 7pt;
color : #acd2ef;
}
td.colhead {
background-color : #ebebeb;
font-size : 8pt;
color : #000000;
font-weight : bold;
}
tr.peerattrs {
vertical-align : bottom;
}
tr.theme {
background-color : #f2f2f2;
}
tr.darkrow {
background-color : #7db5e0;
}
tr.brightrow {
background-color : #c0c0c0;
}
tr.mouseover {
background-color : #e1e1e1;
}
input, select, textarea {
border-style : solid;
border-width : 1px;
border-color : #c4c4c4;
font-size : 8pt;
color : #808080;
font-weight : bold;
}
textarea {
overflow : auto;
}
.button {
border-style : solid;
border-width : 1px;
font-family : sans-serif;
font-size : 8pt;
color : #000000;
text-align : center;
background-color : #c0c0c0;
}
.form {
border-style : solid;
border-width : 1px;
font-family : sans-serif;
font-size : 6pt;
color : #000000;
text-align : center;
background-color : #000000;
}
.text {
font-family : sans-serif;
font-size : 4pt;
}
.btn {
border-style : solid;
border-width : 1px;
font-family : sans-serif;
font-size : 8pt;
color : #000000;
text-align : center;
background-color : #c0c0c0;
}
.hide {
display : none;
}
a:link {
text-decoration : none;
}
a:active {
text-decoration : none;
}
a:visited {
text-decoration : none;
}
a:hover {
color : #000000;
}
a {
color : #1c1c1c;
}
a.header:active {
color : red;
text-decoration : none;
}
a.header:visited {
color : red;
text-decoration : none;
}
a.header:hover {
color : #000000;
text-decoration : underline;
}
a.header:link {
color : red;
text-decoration : none;
}
a.pager {
font-size : 12pt;
text-decoration : none;
padding : 0 2px;
border : 1px solid #bababa;
}
a.pager:active {
font-size : 14pt;
}
a.pager:hover {
font-size : 14pt;
}
a.header:hover {
color : #000000;
text-decoration : underline;
}
a.gray {
color : #808080;
}
a.cross:hover {
border-width : 0;
}
a.cross:link {
border-width : 0;
}
a.admin {
color : #acd2ef;
font-weight : bold;
text-decoration : none;
}
a.moderator {
color : #aa0000;
font-weight : bold;
text-decoration : none;
}
a.premium {
color : #FF9933;
font-weight : bold;
text-decoration : none;
}
a.user {
color : #000000;
font-weight : bold;
text-decoration : none;
}
a.smaller-bold {
font-family : sans-serif;
font-size : 6pt;
font-weight : bold;
color : #757576;
}
a.middle-bold {
font-family : sans-serif;
font-size : 8pt;
font-weight : bold;
color : #757576;
}
a.middle-bold:hover {
color : #000000;
}
#navlistsmall {
padding : 3px 0;
margin-left : 0;
border-bottom : 1px solid #e2e2e2;
font : bold 10px sans-serif, sans-serif;
}
#navlistsmall li {
list-style : none;
margin : 0;
display : inline;
}
#navlistsmall li a {
padding : 3px 0.5em;
margin-left : 0;
border : 1px solid #e2e2e2;
border-bottom : none;
background : #fbfbfb;
text-decoration : none;
}
#navlistsmall li a:link {
color : #667;
}
#navlistsmall li a:visited {
color : #667;
}
#navlistsmall li a:hover {
color : #555556;
background : #ededed;
border-color : #d9d9d9;
}
#navlistsmall li a#current_small {
color : #000000;
background : #acd2ef;
border-bottom : 1px solid #acd2ef;
}
.tabberlive .tabbertabhide {
display : none;
}
.tabberlive {
margin-top : 1em;
}
ul.tabbernav {
margin : 0;
padding : 3px 0;
border-bottom : 1px solid #e2e2e2;
font-size : 8pt;
}
ul.tabbernav li {
list-style : none;
margin : 0;
display : inline;
}
ul.tabbernav li a {
padding : 3px 0.5em;
margin-left : 3px;
border : 1px solid #e2e2e2;
border-bottom : none;
background : #fbfbfb;
text-decoration : none;
}
ul.tabbernav li a:link {
color : #667;
}
ul.tabbernav li a:visited {
color : #667;
}
ul.tabbernav li a:hover {
color : #000000;
background : #ededed;
border-color : #e2e2e2;
}
ul.tabbernav li.tabberactive a {
color : #000000;
background-color : #fff;
border-bottom : 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
color : #000000;
background : white;
border-bottom : 1px solid white;
}
.tabberlive .tabbertab {
padding : 15px;
border : 1px solid #e2e2e2;
border-top : 0;
}
.tabberlive .tabbertab h2 {
display : none;
}
.tabberlive .tabbertab h3 {
display : none;
}
.tabberlive#tab2 .tabbertab {
height : 200px;
overflow : auto;
}
ul.story {
margin : 0 50px;
font-size : 10pt;
padding : 0;
display : inline-block;
list-style-type : none;
}
ul.story li {
display : inline-block;
overflow : hidden;
padding-top : 0.8em;
}
ul.story p {
margin-bottom : 20px;
font-size : 10pt;
}
.storyimage {
margin : 5px 10px 0 50px;
float : right;
}
.headlines h3 {
margin : 0;
padding-top : 1em;
}
#right-text div.headlines h3 {
padding-top : 0.4em;
}
ul.headlines {
font-size : 8pt;
margin-top : 0;
padding-left : 0.75em;
margin-left : 0.75em;
margin-bottom : 20px;
}
ul.headlines li {
margin-top : 0.2em;
}
/* ================================================================
This copyright notice must be untouched at all times.
screw u
=================================================================== */
#pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}
#pro_linedrop li {
float:left;
background:url(pics/black_1.gif);
}
#pro_linedrop li.lrt {
float:right;
background:url(pics/blue_1.gif);
}
#pro_linedrop .select a {
display:block;
height:35px;
float:left;
background: url(pics/black_0.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#000000;
}
#pro_linedrop .select li.lrt a {color:#000000;}
#pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(pics/black_0.gif) right top;
}
#pro_linedrop .select li.line a b {
background:url(pics/black_0a.gif) right top;
}
#pro_linedrop .select a:hover,
#pro_linedrop .select li:hover a {
background: url(pics/black_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#000000;
}
#pro_linedrop .select li.lrt a:hover,
#pro_linedrop .select li.lrt:hover a {
background: url(pics/blue_1.gif);
}
#pro_linedrop .select a:hover b,
#pro_linedrop .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(pics/black_1.gif) right top;
cursor:pointer;
}
#pro_linedrop .select li.line a:hover b,
#pro_linedrop .select li.line:hover a b {
background:url(pics/black_1a.gif) right top;
}
#pro_linedrop .select li.lrt a:hover b,
#pro_linedrop .select li.lrt:hover a b {
background:url(pics/blue_1.gif) right top;
}
#pro_linedrop2 .select li.lrt a:hover b.arrow,
#pro_linedrop2 .select li.lrt:hover a b.arrow {
background:url(pics/blue_1a.gif) right top;
}
#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}
/* IE6 only */
#pro_linedrop table {
border-collapse:collapse;
margin:-1px -10px -1px -1px;
font-size:1em;
width:0;
height:0;
}
#pro_linedrop .sub {
margin:0;
padding:0;
list-style:none;
}
#pro_linedrop .sub li {background:transparent;}
#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px;
left:0;
text-align:center;
}
#pro_linedrop .select :hover .rt li {float:right;}
#pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; padding:0 16px; margin:0; white-space:nowrap; color:#fff;font-size:12px;}
#pro_linedrop .select :hover .sub li.subline a {color:#c00;}
#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#fff; line-height:20px; position:relative; }
#menuline {
width:165px;
height:380px;
background:url(pics/test.png);
border:0;
position:fixed;
bottom:0px;
right:0px;
left:0.1px;
}
#pro_linedrop {
height:95px;
width:350px;
background:url(pics/lg.png);
position:fixed;
top:0px;
left:0px;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:100;
}