major refactor. step 1

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-04-11 01:59:33 -04:00
parent 8ec84c5bce
commit c79d1deb92
4 changed files with 108 additions and 71 deletions

View file

@ -6,20 +6,31 @@
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?> <?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head> </head>
<body> <body>
<header>
<!-- header stuff will go here -->
</header>
<article id="articlemain">
<?php if(x($page,'nav')) echo $page['nav']; ?> <?php if(x($page,'nav')) echo $page['nav']; ?>
<aside id="asideleft"> <aside id="asideleft">
<?php if(x($page,'aside_left')) echo $page['aside_left']; ?>
<?php if(x($page,'aside_left_bottom')) echo $page['aside_left_bottom']; ?>
</aside>
<section id="sectionmain">
<?php if(x($page,'content')) echo $page['content']; ?>
<footer id="section-footer"></footer>
</section>
<aside id="asidemain">
<?php if(x($page,'aside')) echo $page['aside']; ?> <?php if(x($page,'aside')) echo $page['aside']; ?>
<?php if(x($page,'aside_bottom')) echo $page['aside_bottom']; ?> <?php if(x($page,'aside_bottom')) echo $page['aside_bottom']; ?>
</aside> </aside>
<section>
<?php if(x($page,'content')) echo $page['content']; ?>
<div id="page-footer"></div>
</section>
<aside id="asideright"> <aside id="asideright">
<?php if(x($page,'aside_right')) echo $page['aside_right']; ?> <?php if(x($page,'aside_right')) echo $page['aside_right']; ?>
<?php if(x($page,'aside_right_bottom')) echo $page['aside_right_bottom']; ?> <?php if(x($page,'aside_right_bottom')) echo $page['aside_right_bottom']; ?>
</aside> </aside>
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer> </article>
<footer id="page-footer">
<?php if(x($page,'footer')) echo $page['footer']; ?>
</footer>
</body> </body>
</html> </html>

View file

@ -1,7 +1,7 @@
/* /*
* dispy-dark * dispy-dark
* *
* modernised, sort of, by simon <http://simon.kisikew.org/> * author, maintainer: simon <http://simon.kisikew.org/>
* *
*/ */
@ -210,12 +210,17 @@ input[type=submit] {
margin: 5px 0; margin: 5px 0;
list-style: none; list-style: none;
} }
#articlemain {
width: 100%;
height: 100%;
margin: 0 auto;
}
/** /**
* login * login
*/ */
aside .field { #asidemain .field {
overflow: hidden; overflow: hidden;
width: 200px; width: 200px;
} }
@ -247,7 +252,7 @@ aside .field {
#login-submit-button { #login-submit-button {
margin-left: 0px !important; margin-left: 0px !important;
} }
aside #login_openid { #asidemain #login_openid {
position: relative !important; position: relative !important;
float: none !important; float: none !important;
margin-left: 0px !important; margin-left: 0px !important;
@ -268,13 +273,10 @@ aside #login_openid {
*/ */
nav { nav {
height: 60px; height: 60px;
display: block;
background-color: #1d1f1d; background-color: #1d1f1d;
color: #eeeeec; color: #eeeeec;
position: relative; position: relative;
padding: 20px 20px 10px 95px; padding: 20px 20px 10px 95px;
margin-left: auto;
margin-right: auto;
} }
nav a { nav a {
text-decoration: none; text-decoration: none;
@ -707,12 +709,16 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/** /**
* aside * aside
**/ **/
aside { #asidemain {
position: absolute; float: left;
right: 15px;
width: 245px;
padding-top: 15px;
font-size: smaller; font-size: smaller;
margin: 20px 0 20px 35px;
width: 25%;
display: inline;
}
/* for now, disappear these */
#asideright, #asideleft {
display: none;
} }
.vcard .fn { .vcard .fn {
font-size: 1.7em; font-size: 1.7em;
@ -742,10 +748,10 @@ aside {
.vcard #profile-photo-wrapper img { .vcard #profile-photo-wrapper img {
box-shadow: 3px 3px 10px 0 #000; box-shadow: 3px 3px 10px 0 #000;
} }
aside h4 { #asidemain h4 {
font-size: 1.2em; font-size: 1.2em;
} }
aside #viewcontacts { #asidemain #viewcontacts {
text-align: right; text-align: right;
} }
.aprofile dt { .aprofile dt {
@ -1064,12 +1070,13 @@ aside #viewcontacts {
/** /**
* section * section
*/ */
section { #sectionmain {
margin: 20px 9% 0 4%; margin: 20px;
font-size: 0.8em; font-size: 0.8em;
padding-right: 230px;
min-width: 475px; min-width: 475px;
width: 65%; width: 67%;
float: left;
display: inline;
} }
/** tabs **/ /** tabs **/
@ -1333,19 +1340,19 @@ section {
width: 100%; width: 100%;
} }
#connect-services-header { #connect-services-header {
margin: 5px 0 0 0;
} }
#connect-services { #connect-services {
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
#extra-help-header { #extra-help-header {
margin: 5px 0 0 0;
} }
#extra-help { #extra-help {
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
#postit-header { #postit-header {
margin: 5px 0 0 0;
} }
#postit { #postit {
margin: 5px 0 0 0; margin: 5px 0 0 0;
@ -2776,7 +2783,7 @@ div[id$="wrapper"] br {
} }
footer { footer {
display: block; display: block;
margin: 50px 20%; /*margin: 50px 20%;*/
clear: both; clear: both;
} }
#profile-jot-text { #profile-jot-text {

View file

@ -6,20 +6,31 @@
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?> <?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head> </head>
<body> <body>
<header>
<!-- header stuff will go here -->
</header>
<article id="articlemain">
<?php if(x($page,'nav')) echo $page['nav']; ?> <?php if(x($page,'nav')) echo $page['nav']; ?>
<aside id="asideleft"> <aside id="asideleft">
<?php if(x($page,'aside_left')) echo $page['aside_left']; ?>
<?php if(x($page,'aside_left_bottom')) echo $page['aside_left_bottom']; ?>
</aside>
<section id="sectionmain">
<?php if(x($page,'content')) echo $page['content']; ?>
<footer id="section-footer"></footer>
</section>
<aside id="asidemain">
<?php if(x($page,'aside')) echo $page['aside']; ?> <?php if(x($page,'aside')) echo $page['aside']; ?>
<?php if(x($page,'aside_bottom')) echo $page['aside_bottom']; ?> <?php if(x($page,'aside_bottom')) echo $page['aside_bottom']; ?>
</aside> </aside>
<section>
<?php if(x($page,'content')) echo $page['content']; ?>
<div id="page-footer"></div>
</section>
<aside id="asideright"> <aside id="asideright">
<?php if(x($page,'aside_right')) echo $page['aside_right']; ?> <?php if(x($page,'aside_right')) echo $page['aside_right']; ?>
<?php if(x($page,'aside_right_bottom')) echo $page['aside_right_bottom']; ?> <?php if(x($page,'aside_right_bottom')) echo $page['aside_right_bottom']; ?>
</aside> </aside>
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer> </article>
<footer id="page-footer">
<?php if(x($page,'footer')) echo $page['footer']; ?>
</footer>
</body> </body>
</html> </html>

View file

@ -1,7 +1,8 @@
/* /*
* dispy * dispy
* *
* modernised, sort of, by simon <http://simon.kisikew.org/> * maintainer: simon <http://simon.kisikew.org/>
* author: unknown
* *
*/ */
@ -210,12 +211,17 @@ input[type=submit] {
margin: 5px 0; margin: 5px 0;
list-style: none; list-style: none;
} }
#articlemain {
width: 100%;
height: 100%;
margin: 0 auto;
}
/** /**
* login * login
*/ */
aside .field { #asidemain .field {
overflow: hidden; overflow: hidden;
width: 200px; width: 200px;
} }
@ -247,7 +253,7 @@ aside .field {
#login-submit-button { #login-submit-button {
margin-left: 0px !important; margin-left: 0px !important;
} }
aside #login_openid { #asidemain #login_openid {
position: relative !important; position: relative !important;
float: none !important; float: none !important;
margin-left: 0px !important; margin-left: 0px !important;
@ -268,13 +274,10 @@ aside #login_openid {
*/ */
nav { nav {
height: 60px; height: 60px;
display: block;
background-color: #2e3436; background-color: #2e3436;
color: #eeeeec; color: #eeeeec;
position: relative; position: relative;
padding: 20px 20px 10px 95px; padding: 20px 20px 10px 95px;
margin-left: auto;
margin-right: auto;
} }
nav a { nav a {
text-decoration: none; text-decoration: none;
@ -707,12 +710,16 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/** /**
* aside * aside
**/ **/
aside { #asidemain {
position: absolute; float: left;
right: 15px;
width: 245px;
padding-top: 15px;
font-size: smaller; font-size: smaller;
margin: 20px 0 20px 35px;
width: 25%;
display: inline;
}
/* for now, disappear these */
#asideright, #asideleft {
display: none;
} }
.vcard .fn { .vcard .fn {
font-size: 1.7em; font-size: 1.7em;
@ -742,15 +749,15 @@ aside {
.vcard #profile-photo-wrapper img { .vcard #profile-photo-wrapper img {
box-shadow: 3px 3px 10px 0 #000; box-shadow: 3px 3px 10px 0 #000;
} }
aside h4 { #asidemain h4 {
font-size: 1.2em; font-size: 1.2em;
} }
aside #viewcontacts { #asidemain #viewcontacts {
text-align: right; text-align: right;
} }
.aprofile dt { .aprofile dt {
color: #666666;
background: transparent; background: transparent;
color: #666666;
font-weight: bold; font-weight: bold;
box-shadow: 1px 1px 5px 0 #000; box-shadow: 1px 1px 5px 0 #000;
margin: 15px 0 5px; margin: 15px 0 5px;
@ -1064,12 +1071,13 @@ aside #viewcontacts {
/** /**
* section * section
*/ */
section { #sectionmain {
margin: 20px 9% 0 4%; margin: 20px;
font-size: 0.8em; font-size: 0.8em;
padding-right: 230px;
min-width: 475px; min-width: 475px;
width: 65%; width: 67%;
float: left;
display: inline;
} }
/** tabs **/ /** tabs **/
@ -1333,19 +1341,19 @@ section {
width: 100%; width: 100%;
} }
#connect-services-header { #connect-services-header {
margin: 5px 0 0 0;
} }
#connect-services { #connect-services {
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
#extra-help-header { #extra-help-header {
margin: 5px 0 0 0;
} }
#extra-help { #extra-help {
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
#postit-header { #postit-header {
margin: 5px 0 0 0;
} }
#postit { #postit {
margin: 5px 0 0 0; margin: 5px 0 0 0;
@ -2776,7 +2784,7 @@ div[id$="wrapper"] br {
} }
footer { footer {
display: block; display: block;
margin: 50px 20%; /*margin: 50px 20%;*/
clear: both; clear: both;
} }
#profile-jot-text { #profile-jot-text {