Better support for 800px ~ 1024px width viewport/screen resolutions.

This commit is contained in:
Sarven Capadisli 2009-04-02 06:29:49 +00:00
parent c172cbafaa
commit 36f73bffbc
5 changed files with 58 additions and 35 deletions

View File

@ -250,6 +250,7 @@ position:absolute;
top:65px; top:65px;
right:18px; right:18px;
width:250px; width:250px;
width:24%;
} }
#page_notice { #page_notice {
clear:both; clear:both;
@ -259,9 +260,8 @@ margin-bottom:18px;
#anon_notice { #anon_notice {
float:left; float:left;
width:432px; width:43.2%;
width:28.052em; padding:1.1%;
padding:11px;
border-radius:7px; border-radius:7px;
-moz-border-radius:7px; -moz-border-radius:7px;
-webkit-border-radius:7px; -webkit-border-radius:7px;
@ -369,7 +369,9 @@ margin-right:4px;
#wrap { #wrap {
margin:0 auto; margin:0 auto;
width:1003px; width:100%;
min-width:760px;
max-width:1003px;
overflow:hidden; overflow:hidden;
} }
@ -381,14 +383,16 @@ margin-bottom:1em;
} }
#content { #content {
width:644px; width:64.009%;
padding:18px; padding:1.795%;
float:left; float:left;
border-radius:7px; border-radius:7px;
-moz-border-radius:7px; -moz-border-radius:7px;
-moz-border-radius-topleft:0; -moz-border-radius-topleft:0;
-webkit-border-radius:7px; -webkit-border-radius:7px;
-webkit-border-top-left-radius:0; -webkit-border-top-left-radius:0;
border-style:solid;
border-width:1px;
} }
#content_inner { #content_inner {
@ -398,10 +402,10 @@ float:left;
} }
#aside_primary { #aside_primary {
width:280px; width:27.917%;
float:left; float:left;
margin-left:4px; margin-left:0.395%;
padding:18px; padding:1.795%;
border-radius:7px; border-radius:7px;
-moz-border-radius:7px; -moz-border-radius:7px;
-webkit-border-radius:7px; -webkit-border-radius:7px;
@ -409,9 +413,8 @@ border-width:1px;
border-style:solid; border-style:solid;
} }
/*Start: FORM NOTICE*/
#form_notice { #form_notice {
width:458px; width:45.664%;
float:left; float:left;
position:relative; position:relative;
line-height:1; line-height:1;
@ -428,7 +431,7 @@ float:left;
border-radius:7px; border-radius:7px;
-moz-border-radius:7px; -moz-border-radius:7px;
-webkit-border-radius:7px; -webkit-border-radius:7px;
width:370px; width:80.789%;
height:67px; height:67px;
line-height:1.5; line-height:1.5;
padding:7px 7px 16px 7px; padding:7px 7px 16px 7px;
@ -458,8 +461,9 @@ line-height:1.15;
padding:1px 2px; padding:1px 2px;
} }
#form_notice #notice_action-submit { #form_notice #notice_action-submit {
width:60px; width:14%;
padding:8px; height:47px;
padding:0;
position:absolute; position:absolute;
bottom:0; bottom:0;
right:0; right:0;
@ -472,13 +476,12 @@ margin-bottom:7px;
margin-left:18px; margin-left:18px;
float:left; float:left;
} }
/*end FORM NOTICE*/
/* entity_profile */ /* entity_profile */
.entity_profile { .entity_profile {
position:relative; position:relative;
width:475px; width:67.702%;
min-height:123px; min-height:123px;
float:left; float:left;
margin-bottom:18px; margin-bottom:18px;
@ -508,7 +511,6 @@ margin-bottom:18px;
.entity_profile .entity_tags { .entity_profile .entity_tags {
margin-left:113px; margin-left:113px;
margin-bottom:4px; margin-bottom:4px;
width:322px;
} }
.entity_profile .entity_fn, .entity_profile .entity_fn,
@ -536,14 +538,14 @@ display:none;
.entity_profile h2 { .entity_profile h2 {
display:none; display:none;
} }
/* entity_profile */ /* entity_profile */
/*entity_actions*/ /*entity_actions*/
.entity_actions { .entity_actions {
float:right; float:right;
margin-left:28px; margin-left:4.35%;
max-width:25%;
} }
.entity_actions h2 { .entity_actions h2 {
display:none; display:none;
@ -911,8 +913,6 @@ display:none;
border:0; border:0;
padding:0; padding:0;
} }
/*END: NOTICES */
#new_group, #group_search { #new_group, #group_search {

View File

@ -1,8 +1,21 @@
/* IE specific styles */ /* IE specific styles */
legend {
#aside_primary { margin-left:-7px;
padding-left:11px;
} }
input.checkbox {
top:0;
}
#form_notice textarea {
width:78%;
}
#form_notice #notice_action-submit {
width:17%;
max-width:17%;
}
#anon_notice {
max-width:39%;
}
.notice-options input.submit { .notice-options input.submit {
font-size:0; font-size:0;
margin-top:3px; margin-top:3px;
@ -11,15 +24,9 @@ text-align:right;
text-indent:0; text-indent:0;
width:24px; width:24px;
} }
input.checkbox {
top:0;
}
legend {
margin-left:-7px;
}
.notice div.entry-content .timestamp a { .notice div.entry-content .timestamp a {
margin-right:4px; margin-right:4px;
} }
.entity_profile {
width:64%;
}

View File

@ -1,4 +1,17 @@
/* IE6 specific styles */ /* IE6 specific styles */
address {
margin-left:7px;
}
address .fn {
display:none;
}
#content {
width:70%;
}
#aside_primary {
padding:5%;
width:29.5%;
}
.entity_profile .entity_nickname, .entity_profile .entity_nickname,
.entity_profile .entity_location, .entity_profile .entity_location,
.entity_profile .entity_url, .entity_profile .entity_url,
@ -9,6 +22,9 @@ margin-left:0;
.entity_profile .entity_depiction { .entity_profile .entity_depiction {
margin-bottom:123px; margin-bottom:123px;
} }
.entity_actions {
width:20%;
}
.notice div.entry-content { .notice div.entry-content {
width:63%; width:63%;
} }

View File

@ -17,7 +17,7 @@ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1em; font-size:1em;
} }
address { address {
margin-right:71px; margin-right:7.18%;
} }
input, textarea, select, option { input, textarea, select, option {

View File

@ -17,7 +17,7 @@ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1em; font-size:1em;
} }
address { address {
margin-right:71px; margin-right:7.18%;
} }
input, textarea, select, option { input, textarea, select, option {