summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSarven Capadisli <csarven@controlyourself.ca>2009-04-02 06:29:49 +0000
committerSarven Capadisli <csarven@controlyourself.ca>2009-04-02 06:29:49 +0000
commit36f73bffbc717d895370e905070c310062127529 (patch)
tree7d2ba69a2a3cb3360e8686d0cd549e079b386602
parentc172cbafaa9ba17ff8ca5c6dd07741bd0de96871 (diff)
Better support for 800px ~ 1024px width viewport/screen resolutions.
-rw-r--r--theme/base/css/display.css42
-rw-r--r--theme/base/css/ie.css31
-rw-r--r--theme/base/css/ie6.css16
-rw-r--r--theme/default/css/display.css2
-rw-r--r--theme/identica/css/display.css2
5 files changed, 58 insertions, 35 deletions
diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 997342429..4c9b52254 100644
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -250,6 +250,7 @@ position:absolute;
top:65px;
right:18px;
width:250px;
+width:24%;
}
#page_notice {
clear:both;
@@ -259,9 +260,8 @@ margin-bottom:18px;
#anon_notice {
float:left;
-width:432px;
-width:28.052em;
-padding:11px;
+width:43.2%;
+padding:1.1%;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
@@ -369,7 +369,9 @@ margin-right:4px;
#wrap {
margin:0 auto;
-width:1003px;
+width:100%;
+min-width:760px;
+max-width:1003px;
overflow:hidden;
}
@@ -381,14 +383,16 @@ margin-bottom:1em;
}
#content {
-width:644px;
-padding:18px;
+width:64.009%;
+padding:1.795%;
float:left;
border-radius:7px;
-moz-border-radius:7px;
-moz-border-radius-topleft:0;
-webkit-border-radius:7px;
-webkit-border-top-left-radius:0;
+border-style:solid;
+border-width:1px;
}
#content_inner {
@@ -398,10 +402,10 @@ float:left;
}
#aside_primary {
-width:280px;
+width:27.917%;
float:left;
-margin-left:4px;
-padding:18px;
+margin-left:0.395%;
+padding:1.795%;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
@@ -409,9 +413,8 @@ border-width:1px;
border-style:solid;
}
-/*Start: FORM NOTICE*/
#form_notice {
-width:458px;
+width:45.664%;
float:left;
position:relative;
line-height:1;
@@ -428,7 +431,7 @@ float:left;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-width:370px;
+width:80.789%;
height:67px;
line-height:1.5;
padding:7px 7px 16px 7px;
@@ -458,8 +461,9 @@ line-height:1.15;
padding:1px 2px;
}
#form_notice #notice_action-submit {
-width:60px;
-padding:8px;
+width:14%;
+height:47px;
+padding:0;
position:absolute;
bottom:0;
right:0;
@@ -472,13 +476,12 @@ margin-bottom:7px;
margin-left:18px;
float:left;
}
-/*end FORM NOTICE*/
/* entity_profile */
.entity_profile {
position:relative;
-width:475px;
+width:67.702%;
min-height:123px;
float:left;
margin-bottom:18px;
@@ -508,7 +511,6 @@ margin-bottom:18px;
.entity_profile .entity_tags {
margin-left:113px;
margin-bottom:4px;
-width:322px;
}
.entity_profile .entity_fn,
@@ -536,14 +538,14 @@ display:none;
.entity_profile h2 {
display:none;
}
-
/* entity_profile */
/*entity_actions*/
.entity_actions {
float:right;
-margin-left:28px;
+margin-left:4.35%;
+max-width:25%;
}
.entity_actions h2 {
display:none;
@@ -911,8 +913,6 @@ display:none;
border:0;
padding:0;
}
-/*END: NOTICES */
-
#new_group, #group_search {
diff --git a/theme/base/css/ie.css b/theme/base/css/ie.css
index 45176a201..5d8bea8ae 100644
--- a/theme/base/css/ie.css
+++ b/theme/base/css/ie.css
@@ -1,8 +1,21 @@
/* IE specific styles */
-
-#aside_primary {
-padding-left:11px;
+legend {
+margin-left:-7px;
+}
+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 {
font-size:0;
margin-top:3px;
@@ -11,15 +24,9 @@ text-align:right;
text-indent:0;
width:24px;
}
-
-input.checkbox {
-top:0;
-}
-
-legend {
-margin-left:-7px;
-}
-
.notice div.entry-content .timestamp a {
margin-right:4px;
}
+.entity_profile {
+width:64%;
+}
diff --git a/theme/base/css/ie6.css b/theme/base/css/ie6.css
index fa6ec92d2..76a82c004 100644
--- a/theme/base/css/ie6.css
+++ b/theme/base/css/ie6.css
@@ -1,4 +1,17 @@
/* 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_location,
.entity_profile .entity_url,
@@ -9,6 +22,9 @@ margin-left:0;
.entity_profile .entity_depiction {
margin-bottom:123px;
}
+.entity_actions {
+width:20%;
+}
.notice div.entry-content {
width:63%;
}
diff --git a/theme/default/css/display.css b/theme/default/css/display.css
index 12303dd68..bf46fc6bf 100644
--- a/theme/default/css/display.css
+++ b/theme/default/css/display.css
@@ -17,7 +17,7 @@ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1em;
}
address {
-margin-right:71px;
+margin-right:7.18%;
}
input, textarea, select, option {
diff --git a/theme/identica/css/display.css b/theme/identica/css/display.css
index 5235c34a4..9e7c10ac5 100644
--- a/theme/identica/css/display.css
+++ b/theme/identica/css/display.css
@@ -17,7 +17,7 @@ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1em;
}
address {
-margin-right:71px;
+margin-right:7.18%;
}
input, textarea, select, option {