Welcome Guest [Log In] [Register]
We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
Skin width issue
Topic Started: Jun 14 2008, 11:46 PM (276 Views)
Hlfranklin Jun 14 2008, 11:46 PM Post #1
Member Avatar
Tainted Soul
 Okay, i finally found out what the width issue was and i fixed it, it should be close to the size of the other skin now, if not tell me and i'll try to re-fix it. I am sorry it took me this long i apologize.


EDIT: if you do not have your width at 1024 px wide, you will have to scroll to see whole page.
Edited by Hlfranklin, Jun 15 2008, 12:02 AM.

Offline Profile Goto Top
 
Marluxia Jun 15 2008, 12:04 AM Post #2
Member Avatar
Floral Assassin
Looks perfect, just like the old skin. Only so much better!!!! :banana:
"Roses, Daisies, Tulips, and even Lilacs can be deadly to those who suffer from floral allergies. So beautiful to look at and smell but a weapon none the less, whether it be the thorns of the rose or the toxic pollen of a petunia; Flower power is just as mighty as any sword!"
Offline Profile Goto Top
 
Hlfranklin Jun 15 2008, 12:17 AM Post #3
Member Avatar
Tainted Soul
 Well i played with my moniters width a bit, and the skin looks a bit too wide if your settings isin't high enough so, if 3 people come forward and complain i will have 2 versions of it, wide and small.


just 3.

Offline Profile Goto Top
 
Rinoa Jun 15 2008, 12:20 AM Post #4
Member Avatar
Advanced
[ * * * ]
 Not complaining. I just think it'd be better for people who don't have 1024 as their width..Even with mine set like that though, I still have to scroll a bit. Not bad, I just know that people have different settings.
...An enemy that is pure evil? Right and wrong are not what separate us and our enemies. It's our different standpoints, our perspectives that separate us. Both sides blame one another. There's no good or bad side. Just 2 sides holding different views.

~Squall Leonhart
Offline Profile Goto Top
 
Joshuwolf Jun 15 2008, 03:04 AM Post #5
Member Avatar
NumberVI_TheCloakedSchemer__
[ * * * ]
 Yeah, I have to scroll across, not heaps, but for some reason even the slightest non-important stuff bugs me. =P
Tonight! Rat poison for dinner! Pull the cord from the phone, I am dining alone.
Offline Profile Goto Top
 
Marluxia Jun 15 2008, 03:21 AM Post #6
Member Avatar
Floral Assassin
I don't have to scroll at all. :banana: *has screen res set at 1024x768 pixels*
"Roses, Daisies, Tulips, and even Lilacs can be deadly to those who suffer from floral allergies. So beautiful to look at and smell but a weapon none the less, whether it be the thorns of the rose or the toxic pollen of a petunia; Flower power is just as mighty as any sword!"
Offline Profile Goto Top
 
Joshuwolf Jun 15 2008, 04:33 AM Post #7
Member Avatar
NumberVI_TheCloakedSchemer__
[ * * * ]
 My screen is set at 1024*768 also..
Tonight! Rat poison for dinner! Pull the cord from the phone, I am dining alone.
Offline Profile Goto Top
 
Fremskritt Jun 15 2008, 11:03 AM Post #8
Member Avatar
The poster formerly known as TP
 What about me who has 1400x1050? :P

Basically it would be great if you set the width as a percentage instead of a set pixel value. That way it will fit the screen no matter what size you use.

Edit: Tried it, it looks way better with this width, I'd still prefer you putting the width as a percentage though, like 80-90% or so.
Edited by Fremskritt, Jun 15 2008, 11:04 AM.
Posted Image
Posted Image
Offline Profile Goto Top
 
Hlfranklin Jun 18 2008, 08:20 PM Post #9
Member Avatar
Tainted Soul
 Sadly you can't or at least not yet...

Offline Profile Goto Top
 
Fremskritt Jun 19 2008, 11:35 AM Post #10
Member Avatar
The poster formerly known as TP
 Weird, I've used percentage widths while coding HTML. Isn't the site template just a basic HTML form filled in with whatever we request from the server?
Posted Image
Posted Image
Offline Profile Goto Top
 
Hlfranklin Jun 19 2008, 09:44 PM Post #11
Member Avatar
Tainted Soul
 Well it is html, but it has to follow the specifics or it won't display on the software.

Offline Profile Goto Top
 
Joshuwolf Jun 20 2008, 03:39 AM Post #12
Member Avatar
NumberVI_TheCloakedSchemer__
[ * * * ]
 That's reallly tarded, I thought this was going to be using CSS though. o.O
Tonight! Rat poison for dinner! Pull the cord from the phone, I am dining alone.
Offline Profile Goto Top
 
Hlfranklin Jun 22 2008, 10:01 PM Post #13
Member Avatar
Tainted Soul
 It is, but css is basicly just html.

Offline Profile Goto Top
 
Fremskritt Jun 23 2008, 12:33 PM Post #14
Member Avatar
The poster formerly known as TP
 Any chance I can get a peek at the code? If it's basic HTML you should be able to define the width in %, I've done it in my own HTML code a few times and it works.
Posted Image
Posted Image
Offline Profile Goto Top
 
Hlfranklin Jun 23 2008, 09:01 PM Post #15
Member Avatar
Tainted Soul
 Well it's not basic html i don't think...


But here it is

Code:
 
html,body {
background:#0D0D0D;
color:#696969;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

a {
color:#B66718;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.meta_box h3,.meta_box a,.meta_box a:hover {
color: #B66718;
}

#ucp_gallery a:hover {
text-decoration: none;
}

#profile_menuwrap {
padding: 1px;
font-size: 85%
}

hr {
background-color:#0a0a0a;
border:0;
clear:both;
color:#696969;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #0A0A0A;
}

th {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
color:#696969;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
padding:5px 10px;
}

input.row1 {
background: none;
}

th a,th a:hover {
color:#777;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2 {
background:url(http://img242.imageshack.us/img242/8065/h2pt2sm0.gif) repeat-x top center #1A1A1A;
color:#422509;
font-size:110%;
font-weight:700;
}

.topic h2,#portal h2,#portal_foot h2 {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border:1px solid #0a0a0a;
color:#696969;
font-size:110%;
font-weight:700;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

#portal_foot h2 {
clear:none;
margin-right: -1px;
margin-left: -1px;
}

thead th {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border:1px solid #0a0a0a;
color:#696969;
font-size:110%;
font-weight:700;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

h2.special {
background:url(http://209.85.62.24/36/121/0/p7046/h2pt2.gif) no-repeat top center #1A1A1A;
border: none;
}

input,select,textarea,button,a.btn_fake {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border:1px solid #0A0A0A;
color:#696969;
padding:3px 5px;
vertical-align:middle;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#000000;
}

.submit_error {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
}

button,a.btn_fake {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
color:#696969;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
margin: 1px;
}

button:hover,a.btn_fake:hover {
border-color:#000000;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

.notice {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
border:2px solid #0A0A0A;
margin:10px auto 0;
width:70%;
}

.notice dt {
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border-color:#0A0A0A;
}

.info dt {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
}

dl.error {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
border-color:#0A0A0A;
}

.error dt {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar {
display: none;
}

#top {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border:1px solid #0A0A0A;
height:20px;
padding:0 2% 4px;
margin-bottom:12px;
}

#top_info {
color:#696969;
float:left;
margin-top:4px;
}

#top_menu {
float:right;
margin-top:0px;
}

.drop_menu li {
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
color:#696969;
display:block;
padding:4px .25em;
position:relative;
width:9em;
}

.drop_menu ul {
z-index: 1;
-moz-opacity:0.85;
border-top:1px solid #0A0A0A;
color:#39474E;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:0 solid #0A0A0A;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
color: #B66718;
text-decoration: none;
}

#logo {
border-top:3px double #151515;
border-bottom:3px double #151515;
border-right:1px solid #151515;
border-left:1px solid #151515;
background-color: #252525;
clear:both;
margin:0 2%;
margin-bottom: 10px;
}

#submenu_bar {
display: none;
}

#submenu {
border-top:3px double #151515;
border-bottom:3px double #151515;
border-right:1px solid #151515;
border-left:1px solid #151515;
background-color: #252525;
color:#B66718;
font-size:85%;
margin:0 2%;
padding:3px 1% 4px;
text-align:right;
}

#wrap {
margin:auto;
margin-top: 2%;
width: 773px;
background:#1A1A1A;
padding:10px;
}

#nav {
height:1%;
padding:10px 1%;
color:#696969;
height:1%;
}

.meta_box {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
padding:0;
width:49%;
}

.meta_menu h3 {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border:1px solid #0a0a0a;
clear:both;
color:#696969;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:#696969;
}

ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
color:#696969;
}

.cat-pages a:hover,.cat-topicpages a:hover {
border: 1px solid #0A0A0A;
color:#696969;
}

.cat-pages span {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border:1px solid #0A0A0A;
color:#696969;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
color:#696969;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
color:#666;
font-size:80%;
}

td.c_desc {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
font-weight:700;
}

.bday {
background:url(http://209.85.62.24/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
text-align:center;
width:1%;
}

.c_forum {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color:#B66718;
}

.c_forum strong a {
font-size:135%;
}

td.c_last {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://209.85.62.24/36/121/0/p7366/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
color:#696969;
font-size:80%;
font-style:italic;
}

#stats_legend {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
}

.cat_head td {
border: none;
padding:0;
}

#stats .cat_head td {
border-color:#e77700;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#696969;
}

td#stats_events a,td#stats_events span {
background:url(http://209.85.62.24/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
padding:2px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
font-size:80%;
}

td.c_user dl {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
margin:10px 0;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

#profile_menu a {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://209.85.62.24/static/1/poll_b.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://209.85.62.24/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby, #themecopyright, .queued {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

blockquote {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border:1px solid #0a0a0a;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border-bottom:1px solid #0A0A0A;
color:#696969;
}

blockquote dl dt {
color:#696969;
float:left;
font-weight:700;
}

code {
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
display:block;
max-height:400px;
overflow:auto;
white-space:pre;
}

div.spoiler {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border:1px solid #0a0a0a;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border:1px solid #0a0a0a;
color:#696969;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
font-size:80%;
vertical-align:middle;
}

td.c_postinfo input {
vertical-align:middle;
}

td.c_sig {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #B66718;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot td {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
clear:both;
}

td.c_username {
width:195px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969;
}

div.c_view-list {
color:#999;
font-size:92.5%;
}

dl#fast-reply dt {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border:1px solid #0a0a0a;
color:#696969;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border:1px solid #0A0A0A;
border-top: none;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#B66718;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border:1px solid #0A0A0A;
}

#emot_wrap h3 {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border-bottom:1px solid #0A0A0A;
color:#696969;
font-size:120%;
text-align:center;
}

#emot_end {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border-top:1px solid #0A0A0A;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #0a0a0a;
border-right:1px solid #0a0a0a;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://209.85.62.24/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px solid #0a0a0a;
color:#696969;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.calendar td.cal_inactive {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
color:#696969!important;
}

.calendar td.cal_custom {
background:#296091;
color:#696969!important;
}

.calendar td div {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
border-bottom:1px solid #0A0A0A;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://209.85.62.24/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
border:2px solid #B66718;
}

div.portal_content {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0a0a0a;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
color:#696969;
border-left:1px solid #0A0A0A;
border-right:1px solid #0A0A0A;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:#B66718;
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#696969;
font-style:italic;
}

.search_results {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0A0A0A;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#696969;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#696969;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:2px solid #000;
bottom:10px;
color:#696969;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#111;
}

#pmlink {
background:url(http://209.85.62.24/static/1/toast.png) no-repeat 5px;
color:#696969;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#FFF;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#B66718;
}

#pmclose {
border-top:1px solid #000;
color:#696969;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#B66718;
}

#foot_wrap {
margin:20px 1px 20px 0;
}

#foot td {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border: 1px solid #0A0A0A;
color:#777;
font-size:80%;
}

#foot a,#foot a:hover {
color:#777;
}

#foot #foot_datetime {
border-left:1px solid #0a0a0a;
width:1%;
white-space:nowrap;
}

#copyright {
color:#696969;
font-size:80%;
margin:10px 0;
text-align:center;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #0c0;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #e77700;
}

#acplogin {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
border:1px solid #0a0a0a;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#696969;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2,#portal_foot h2 {
padding: 7px 0px 7px 0px;
text-align:center;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:3px 5px;
}

#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
color: #FFF;
cursor:pointer;
float:right;
position:relative;
padding-right: 20px;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

.category td.c_foot {
height: 20px;
}

#stats_members {
line-height:1.2;
}

td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:175px;
}

img.c_user {
height: 1px;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
line-height:1.7;
vertical-align:top;
}

td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
background: url(http://209.85.62.24/36/121/0/p7364/darkrow.gif) repeat-x top #1f1f1f;
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2 {
clear:none;
margin:0;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

#portal h2 a,#portal_foot h2 a,thead a,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover {
color:#fff;
}

#submenu {
color: #aB66718;
}

#submenu a:hover {
color: #CC751B;
}

.category h2 a, .category h2 a:hover {
color: #422509;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#FFFFFF;
}

.row2 td {
background: url(http://209.85.62.24/36/121/0/p7037/row.gif) repeat-x top #252525;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#696969;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#252525;
border:1px solid #0a0a0a;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#FFF;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#1f1f1f;
border:8px solid #111;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#1f1f1f;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#FFF;
font-weight:700;
}

#blog_sub {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border: 1px solid #0a0a0a;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
border-right: 0;
border-left: 0;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#1f1f1f;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border: 1px solid #0a0a0a;
color:#FFF;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:url(http://209.85.62.24/36/121/0/p7018/gradient.gif) repeat-x top #202020;
border-top:1px solid #0a0a0a;
color:#B66718;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#1f1f1f;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#252525;
}

#shoutwrap {
background:#252525;
border:1px solid #0a0a0a;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#252525;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#FFF;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}

#blog_head:after {
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}

#blog table {
clear:none;
}

Offline Profile Goto Top
 
Fremskritt Jun 24 2008, 11:35 AM Post #16
Member Avatar
The poster formerly known as TP
 Well, it's a CSS file, but yes, it is HTML. Basically it describes the default behaviour of the HTML tags on this board. I like how pretty much everything is laid out in percentages, you chose a good skin there. ;)

Skimming through it I think that you should look in the following sections for the width of the board:
Code:
 
.notice
.ul.cat-pages
.c_forum

I might be wrong though, I'm just speaking from my limited knowledge of HTML. (Ctrl-F ftw)
Posted Image
Posted Image
Offline Profile Goto Top
 
Hlfranklin Jun 24 2008, 10:19 PM Post #17
Member Avatar
Tainted Soul
 None of those seemed to have any effect.

Offline Profile Goto Top
 
Fremskritt Jun 25 2008, 11:08 AM Post #18
Member Avatar
The poster formerly known as TP
 I give up too then, that file is far too long for me to bother much more, especially seeing as the width is OK as it is now.

You did try the "width" property, right?
Posted Image
Posted Image
Offline Profile Goto Top
 
Hlfranklin Jun 25 2008, 08:44 PM Post #19
Member Avatar
Tainted Soul
 Yes, i have skinned before and all ^.^

Offline Profile Goto Top
 
Fremskritt Jun 26 2008, 11:06 AM Post #20
Member Avatar
The poster formerly known as TP
 And you say you know nothing about HTML... :P
Posted Image
Posted Image
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Announcements / Forum News · Next Topic »
Locked Topic