major refactor. step 1
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
parent
8ec84c5bce
commit
c79d1deb92
4 changed files with 108 additions and 71 deletions
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue