organised
This commit is contained in:
parent
8ef53d17bb
commit
7a1f96ef8e
|
@ -1,7 +1,6 @@
|
|||
/*
|
||||
TABLE OF CONTENTS ^TOC
|
||||
|
||||
-------------------------------------------------------
|
||||
- - - - - - - - - - - - - -
|
||||
|
||||
TAGS
|
||||
(so you can jump to sections :)
|
||||
|
@ -9,15 +8,19 @@
|
|||
^TOC . . . Table of Contents / top
|
||||
^GENERAL . . General rules
|
||||
^HACKX . . Horrible hacks
|
||||
^LAYOUT . . . General pages layout
|
||||
^LAYOUT . . .
|
||||
^HEADER . . Header
|
||||
^MAIN . . Main content area
|
||||
^PANEL . . Side panel
|
||||
^CATEGORIES . Main / front page
|
||||
^FOOTER . . Page footer
|
||||
^PAGES . . .
|
||||
^CATS . . Main / front page
|
||||
^POSTS . . Discussion threads
|
||||
^SEARCH . . Search results page
|
||||
^PROFILE . User profile page
|
||||
^LOGIN . . Log-in pop-up
|
||||
|
||||
-------------------------------------------------------
|
||||
- - - - - - - - - - - - - -
|
||||
|
||||
STYLE NOTES
|
||||
|
||||
|
@ -30,17 +33,37 @@
|
|||
Sizes:
|
||||
regular 1em
|
||||
small 0.7em
|
||||
|
||||
-------------------------------------------------------
|
||||
*/
|
||||
|
||||
/*
|
||||
General - - - - - - - - - ^GENERAL
|
||||
General - - - - - - - - - - - - ^GENERAL
|
||||
*/
|
||||
|
||||
a:link { color:blue; text-decoration:underline; }
|
||||
a:visited { color:purple; text-decoration:underline; }
|
||||
a:hover { color:#ed1c24; text-decoration:none; }
|
||||
a:link {
|
||||
color:blue;
|
||||
text-decoration:underline;
|
||||
}
|
||||
a:visited {
|
||||
color:purple;
|
||||
text-decoration:underline dashed;
|
||||
}
|
||||
a:hover {
|
||||
color:#ed1c24;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:white;
|
||||
font-size:1em;
|
||||
font-family:sans-serif;
|
||||
/* Grid stuffs */
|
||||
display:grid;
|
||||
grid-template-columns:repeat(4, 1fr);
|
||||
grid-gap:1em;
|
||||
grid-template-areas:
|
||||
"main main main panel"
|
||||
"footer footer footer footer";
|
||||
}
|
||||
|
||||
h1 {
|
||||
background-color:#ffaec9;
|
||||
|
@ -73,7 +96,7 @@ mark { background-color:#fff200; }
|
|||
pre,code { tab-size:4; }
|
||||
|
||||
/*
|
||||
Hackx - - - - - - - - - - ^HACKX
|
||||
Hackx - - - - - - - - - - - - ^HACKX
|
||||
*/
|
||||
|
||||
/* Hides that pointless gender enquiry and display */
|
||||
|
@ -83,46 +106,11 @@ li.Gender { display:none !important; }
|
|||
in the header*/
|
||||
main > h1.H.HomepageTitle { display:none; }
|
||||
|
||||
/*
|
||||
Layout - - - - - - - - - - ^LAYOUT
|
||||
/* All pages - - - - - - - - - - - ^LAYOUT
|
||||
|
||||
Header - - - - - - - - - - - - ^HEADER
|
||||
*/
|
||||
|
||||
aside {
|
||||
border:1px solid #ffaec9;
|
||||
grid-area:panel;
|
||||
margin-right:1em;
|
||||
margin-top:8em;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:white;
|
||||
font-size:1em;
|
||||
font-family:sans-serif;
|
||||
/* Grid stuffs */
|
||||
display:grid;
|
||||
grid-template-columns:repeat(4, 1fr);
|
||||
grid-gap:1em;
|
||||
grid-template-areas:
|
||||
"main main main panel"
|
||||
"footer footer footer footer";
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top:1px solid #ffaec9;
|
||||
font-size:0.7em;
|
||||
grid-area:footer;
|
||||
text-align:center;
|
||||
}
|
||||
footer > ul li {
|
||||
display:inline;
|
||||
}
|
||||
footer > ul li::before {
|
||||
content:"| ";
|
||||
}
|
||||
footer > ul li:first-child::before {
|
||||
content:"";
|
||||
}
|
||||
|
||||
header {
|
||||
background-color:#ffaec9;
|
||||
border-bottom:1px solid #fff200;
|
||||
|
@ -134,6 +122,11 @@ header {
|
|||
z-index:11;
|
||||
}
|
||||
|
||||
header a:visited {
|
||||
color:blue;
|
||||
text-decoration:underline dashed;
|
||||
}
|
||||
|
||||
header > h1 {
|
||||
border:none;
|
||||
font-size:1em;
|
||||
|
@ -157,18 +150,22 @@ header > nav > ul li {
|
|||
display:inline;
|
||||
}
|
||||
|
||||
/*
|
||||
Main content area - - - - - - - - - ^MAIN
|
||||
*/
|
||||
|
||||
main {
|
||||
grid-area:main;
|
||||
margin-top:4em;
|
||||
padding:0 1em;
|
||||
}
|
||||
|
||||
main > nav > p {
|
||||
font-size:0.7em;
|
||||
main > div.P.PageDescription {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
main > div.P.PageDescription {
|
||||
main > nav > p {
|
||||
font-size:0.7em;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
@ -177,7 +174,59 @@ main > ul.DataList {
|
|||
}
|
||||
|
||||
/*
|
||||
Categories - - - - - - - - - - -
|
||||
Panel on the right - - - - - - - - - ^PANEL
|
||||
*/
|
||||
|
||||
aside {
|
||||
border:1px solid #ffaec9;
|
||||
grid-area:panel;
|
||||
margin-right:1em;
|
||||
margin-top:8em;
|
||||
}
|
||||
|
||||
aside > form {
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
aside input#Form_Search {
|
||||
border:0;
|
||||
border-bottom:1px solid #ffaec9;
|
||||
border-right:1px solid #ffaec9;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
|
||||
}
|
||||
|
||||
aside input#Form_Go {
|
||||
border:0;
|
||||
border-bottom:1px solid #ffaec9;
|
||||
display:inline-block;
|
||||
width:4em;
|
||||
}
|
||||
|
||||
/*
|
||||
Footer - - - - - - - - - - - - ^FOOT
|
||||
*/
|
||||
|
||||
footer {
|
||||
border-top:1px solid #ffaec9;
|
||||
font-size:0.7em;
|
||||
grid-area:footer;
|
||||
text-align:center;
|
||||
}
|
||||
footer > ul li {
|
||||
display:inline;
|
||||
}
|
||||
footer > ul li::before {
|
||||
content:"| ";
|
||||
}
|
||||
footer > ul li:first-child::before {
|
||||
content:"";
|
||||
}
|
||||
|
||||
/* Pages - - - - - - - - - - - - ^PAGES
|
||||
|
||||
Categories / landing page - - - - - - - ^CATS
|
||||
*/
|
||||
|
||||
.CategoryList .Depth2 {
|
||||
|
@ -190,7 +239,7 @@ main > ul.DataList {
|
|||
}
|
||||
|
||||
/*
|
||||
Posts - - - - - - - - - - ^POSTS
|
||||
Post threads- - - - - - - - - - - ^POSTS
|
||||
*/
|
||||
|
||||
/* Thread title */
|
||||
|
@ -247,7 +296,8 @@ main div.Item-Body {
|
|||
padding:1em;
|
||||
}
|
||||
|
||||
blockquote.Quote, blockquote.UserQuote {
|
||||
blockquote.Quote,
|
||||
blockquote.UserQuote {
|
||||
padding:1em;
|
||||
border: 1px solid #ffaec9;
|
||||
border-left: 3px double #ffaec9;
|
||||
|
@ -263,37 +313,13 @@ textarea.TextBox {
|
|||
}
|
||||
|
||||
/*
|
||||
Search - - - - - - - - - - ^SEARCH
|
||||
Search results page - - - - - - - - - ^SEARCH
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/*
|
||||
Panel on the right - - - - - - - ^PANEL
|
||||
*/
|
||||
|
||||
aside > form {
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
aside input#Form_Search {
|
||||
border:0;
|
||||
border-bottom:1px solid #ffaec9;
|
||||
border-right:1px solid #ffaec9;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
|
||||
}
|
||||
|
||||
aside input#Form_Go {
|
||||
border:0;
|
||||
border-bottom:1px solid #ffaec9;
|
||||
display:inline-block;
|
||||
width:4em;
|
||||
}
|
||||
|
||||
/*
|
||||
Profile - - - - - - - - - ^PROFILE
|
||||
Profile - - - - - - - - - - - - ^PROFILE
|
||||
*/
|
||||
|
||||
.ProfilePhotoLarge {
|
||||
|
@ -301,7 +327,7 @@ aside input#Form_Go {
|
|||
}
|
||||
|
||||
/*
|
||||
Login pop-up - - - - - - - - ^LOGIN
|
||||
Login pop-up - - - - - - - - - - ^LOGIN
|
||||
*/
|
||||
|
||||
.MultipleEntryMethods .Methods {
|
||||
|
|
Reference in New Issue