Better support for 800px ~ 1024px width viewport/screen resolutions.
This commit is contained in:
parent
c172cbafaa
commit
36f73bffbc
|
@ -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 {
|
||||||
|
|
|
@ -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%;
|
||||||
|
}
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user