mirror of
https://github.com/2009scape/2009scape.github.io.git
synced 2024-11-19 17:32:34 +01:00
4eda43f39b
* Fix broken links in update posts They were using relative links still which became invalid by moving directories. It's better to link stuff absolutely anyway. * Remove unused 'secure' registration and login pages * Remove obsolete parse.py * Use templates better to remove a ton of code duplication Where it made sense I converted HTML pages to Markdown to ease writing and discourage custom styling as much as possible. These pages can still use custom HTML when necessary, and some do, but they are easier to read and understand now.
613 lines
9.6 KiB
CSS
613 lines
9.6 KiB
CSS
/* Trail */
|
|
|
|
.lbold {
|
|
display: inline;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* xTrail */
|
|
|
|
/* Article */
|
|
|
|
.bottomborder {
|
|
background: transparent url(/site/img/main/kbase/artbottom.webp) repeat-x scroll left bottom;
|
|
}
|
|
|
|
.bottomright{
|
|
height: 1%;
|
|
overflow: visible;
|
|
background: transparent url(/site/img/main/kbase/artroundbr.webp) no-repeat scroll right bottom;
|
|
padding: 0pt 40px 10px 40px;
|
|
text-align: left;
|
|
}
|
|
|
|
.bottomleft{
|
|
background: transparent url(/site/img/main/kbase/artroundbl.webp) no-repeat scroll left bottom;
|
|
}
|
|
|
|
.listtext{
|
|
font-weight: normal;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.article table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#withlinks {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#withoutlinks {
|
|
margin-top: 35px;
|
|
}
|
|
|
|
/* xArticle */
|
|
|
|
/* Search Bar */
|
|
|
|
.search {
|
|
background: #e9dfc5;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.article_theme_2 .searchbutton{
|
|
background:transparent url(/site/img/main/kbase/search_button_brown.webp) no-repeat scroll left top;
|
|
border:medium none;
|
|
cursor:pointer;
|
|
height:31px;
|
|
margin-left:80px;
|
|
width:144px;
|
|
}
|
|
|
|
.article_theme_1 .searchbutton{
|
|
background:transparent url(/site/img/main/kbase/search_button_sun.webp) no-repeat scroll left top;
|
|
border:medium none;
|
|
cursor:pointer;
|
|
height:31px;
|
|
margin-left:80px;
|
|
width:144px;
|
|
}
|
|
|
|
|
|
.article_theme_2 .searchbutton:hover, .article_theme_1 .searchbutton:hover{
|
|
background-position: left bottom;
|
|
}
|
|
|
|
.searchtop {
|
|
height: 1%;
|
|
background: url(/site/img/main/kbase/searchtop.webp) repeat-x scroll left top;
|
|
}
|
|
|
|
.ctbot {
|
|
background: transparent url(/site/img/main/kbase/artroundbottom.webp) repeat-x scroll left bottom;
|
|
height: 5px;
|
|
}
|
|
|
|
.searchtext{
|
|
padding-top: 35px;
|
|
padding-bottom: 35px;
|
|
color: black;
|
|
text-align: left;
|
|
}
|
|
|
|
table.bottomsearch {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
width: 590px;
|
|
text-align: left;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#search_cat_select_footer, #search_subcat_select_footer {
|
|
width: 170px;
|
|
}
|
|
|
|
.topleft{
|
|
background: transparent url(/site/img/main/kbase/searchtopleft.webp) no-repeat scroll left top;
|
|
}
|
|
|
|
.topright{
|
|
background: transparent url(/site/img/main/kbase/searchtopright.webp) no-repeat scroll right top;
|
|
}
|
|
|
|
/* xSearch Bar */
|
|
|
|
|
|
/* Headers (inc article links) */
|
|
|
|
.links_empty {
|
|
padding: 50px 40px;
|
|
}
|
|
|
|
.links {
|
|
padding: 35px 20px 0;
|
|
font-weight: bold;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
}
|
|
|
|
.brown_links {
|
|
padding-top: 4px;
|
|
padding-bottom: 9px;
|
|
font-weight: bold;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
color: #a07f3b;
|
|
}
|
|
|
|
.headingsbrown {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding-top: 8px;
|
|
padding-bottom: 14px;
|
|
}
|
|
|
|
/* xHeaders (inc article links) */
|
|
|
|
/* Images */
|
|
|
|
.imgleft, .imgright {
|
|
text-align: left;
|
|
font-style: italic;
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
display: inline;
|
|
height: 1%;
|
|
}
|
|
|
|
.imgright {
|
|
text-align: right;
|
|
float: right;
|
|
margin-left: 10px;
|
|
padding-right: 1px;
|
|
margin-right:0px;
|
|
overflow: hidden; /* IE fix */
|
|
}
|
|
|
|
.imgcentre {
|
|
text-align:center;
|
|
font-style: italic;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.centrecontainer {
|
|
position: relative;
|
|
}
|
|
|
|
.topbord {
|
|
background: url(/site/img/main/kbase/imgtopbord.webp) repeat-x scroll left top;
|
|
height: auto;
|
|
font-size: 0;
|
|
}
|
|
|
|
.bottombord {
|
|
background: transparent url(/site/img/main/kbase/imgbottombord.webp) repeat-x scroll left bottom;
|
|
height: auto;
|
|
}
|
|
|
|
.leftbord {
|
|
background: url(/site/img/main/kbase/imgleftbord.webp) repeat-y scroll left center;
|
|
height: auto;
|
|
}
|
|
|
|
.rightbord {
|
|
background: url(/site/img/main/kbase/imgrightbord.webp) repeat-y scroll right center;
|
|
height: auto;
|
|
}
|
|
|
|
.toplcorn {
|
|
background: transparent url(/site/img/main/kbase/imgtoplcorn.webp) no-repeat scroll left top;
|
|
height: auto;
|
|
}
|
|
|
|
.toprcorn {
|
|
background: transparent url(/site/img/main/kbase/imgtoprcorn.webp) no-repeat scroll right top;
|
|
height: auto;
|
|
}
|
|
|
|
.bottomlcorn{
|
|
background: transparent url(/site/img/main/kbase/imgbottomlcorn.webp) no-repeat scroll left bottom;
|
|
height: auto;
|
|
}
|
|
|
|
.bottomrcorn{
|
|
background: transparent url(/site/img/main/kbase/imgbottomrcorn.webp) no-repeat scroll right bottom;
|
|
padding: 0px;
|
|
}
|
|
|
|
.bottomrcorn img{
|
|
display: inline;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* xImages */
|
|
|
|
/* More articles and back to top */
|
|
|
|
.articlebottom {
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
|
|
table.bottomlinks {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
width: 610px;
|
|
color: black;
|
|
padding-top: 4px;
|
|
text-align: left;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.bot {
|
|
width:50%;
|
|
vertical-align:top;
|
|
}
|
|
|
|
/* xMore articles and back to top */
|
|
|
|
|
|
/* Category Page */
|
|
|
|
.itemborder {
|
|
padding: 4px;
|
|
background-color: #433824;
|
|
float:left;
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
.cattext {
|
|
background-image: url(/site/img/main/kbase/categorybackground.webp);
|
|
height: 70px;
|
|
width: 277px;
|
|
vertical-align:top;
|
|
display:block;
|
|
float:left;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.text {
|
|
margin: 6px;
|
|
color: #f9deb3;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.title1{
|
|
font-weight:bold;
|
|
color: #d7af6e;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.title1 a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.headingpic {
|
|
float:left;
|
|
}
|
|
|
|
.help {
|
|
border: 1px solid #3f3320;
|
|
background: #2c210d;
|
|
clear:both;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.helptext{
|
|
margin: 6px;
|
|
color: white;
|
|
line-height: 1.6;
|
|
text-align:left;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.helptitle{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #d7af6e;
|
|
}
|
|
|
|
.further {
|
|
font-weight: bold;
|
|
color: #897955;
|
|
}
|
|
|
|
.searchcategory {
|
|
border: 1px solid #3f3320;
|
|
background: #2c210d;
|
|
margin-top: 4px;
|
|
font-weight: normal;
|
|
color: white;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.searchtextcategory{
|
|
font-weight: normal;
|
|
color: white;
|
|
}
|
|
|
|
.article_theme_2 .searchtitles {
|
|
font-size: 11px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
font-weight: bold;
|
|
color: #d7af6e;
|
|
width: 90px;
|
|
}
|
|
|
|
.article_theme_1 .searchtitles {
|
|
font-size: 11px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
font-weight: bold;
|
|
color: black;
|
|
width: 90px;
|
|
}
|
|
|
|
.subcatborder {
|
|
padding: 2px;
|
|
background-color: #433824;
|
|
height:57px;
|
|
float:left;
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
.subcatborder img {
|
|
width: 41px;
|
|
height: 57px;
|
|
}
|
|
|
|
.subcattext {
|
|
background-image: url(/site/img/main/kbase/subcatbackground.webp);
|
|
height: 57px;
|
|
width: 192px;;
|
|
vertical-align:top;
|
|
display:block;
|
|
float:left;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.subtext {
|
|
margin: 4px;
|
|
color: #f9deb3;
|
|
}
|
|
|
|
.subheading {
|
|
background: #271C07;
|
|
float:left;
|
|
}
|
|
|
|
/* xCategory Page */
|
|
|
|
/* Quest Page */
|
|
|
|
.introduction {
|
|
text-align:left;
|
|
padding-top: 6px;
|
|
margin-top: 12px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.questimage {
|
|
margin-top: 12px;
|
|
font-style: italic;
|
|
float:right;
|
|
text-align: right;
|
|
line-height: 2em;
|
|
width: 322px;
|
|
}
|
|
|
|
.questimage img{
|
|
border: 6px solid #6B5317;
|
|
}
|
|
|
|
.htitle {
|
|
font-weight: bold;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.developers {
|
|
text-align:left;
|
|
padding: 22px 6px 6px;
|
|
}
|
|
|
|
.information {
|
|
text-align:left;
|
|
margin-top: 12px;
|
|
float:left;
|
|
width: 333px;
|
|
border: 1px solid #B3AA90;
|
|
color: #443e22;
|
|
min-height: 212px;
|
|
}
|
|
|
|
.members {
|
|
padding: 6px;
|
|
border-bottom: 1px solid #DED4BA;
|
|
}
|
|
|
|
.start, .start1 {
|
|
padding: 6px;
|
|
border-bottom: 1px solid #DED4BA;
|
|
}
|
|
|
|
.minreqs {
|
|
padding: 6px;
|
|
}
|
|
|
|
.spoilers {
|
|
margin-top: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
/* xQuest Page */
|
|
|
|
/* Jagex Rules */
|
|
|
|
#jagexRule {
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.effectivedate {
|
|
text-align: center;
|
|
}
|
|
|
|
.backtotop {
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.faqsList {
|
|
background: #e0d6bc;
|
|
margin: 0pt -3px;
|
|
position: relative;
|
|
top: -3px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.article .faqsList ol {
|
|
color: #675f39;
|
|
line-height: 2em;
|
|
margin: 0px;
|
|
padding: 8px 8px 8px 34px;
|
|
}
|
|
|
|
.title {
|
|
font-weight: bold;
|
|
color: #A07F3B;
|
|
}
|
|
|
|
.faqsList a{
|
|
color: #675F39;
|
|
}
|
|
|
|
/* xJagex Rules */
|
|
|
|
/* Spoilers */
|
|
|
|
span.spoiler_top {
|
|
color: black;
|
|
}
|
|
|
|
div.spoiler, div.spoiler_show {
|
|
background: white;
|
|
color: white;
|
|
border: 1px solid #b3aa90;
|
|
padding: 4px;
|
|
}
|
|
|
|
div.spoiler_show {
|
|
color: black;
|
|
}
|
|
|
|
a.spoiler_link {
|
|
display: none;
|
|
}
|
|
|
|
/* xSpoilers */
|
|
|
|
/* Search Page */
|
|
|
|
#topright {
|
|
border: 1px solid #b3aa90;
|
|
font-size: 11px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#topright label {
|
|
padding-top: 2px;
|
|
float:left;
|
|
width: 6em;
|
|
}
|
|
|
|
#topright input, #topright select {
|
|
margin: 1px 6px 1px 0px;
|
|
}
|
|
|
|
.resultssearchtext{
|
|
padding: 2px 3px;
|
|
}
|
|
|
|
.searchresultbutton {
|
|
width: 100px;
|
|
margin-top: 6px;
|
|
margin-right:2px;
|
|
margin-bottom: 2px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.searchresulttext {
|
|
float: left;
|
|
padding-left: 6px;
|
|
padding-top: 2px;
|
|
width: 50%;
|
|
}
|
|
|
|
/* xSearch Page */
|
|
|
|
/* Area Guide */
|
|
|
|
.headings {
|
|
padding-bottom: 10px;
|
|
}
|
|
.info_content {
|
|
padding: 6px;
|
|
float: right;
|
|
width: 200px;
|
|
}
|
|
.info_spacer {
|
|
width: 8px;
|
|
}
|
|
.info_location {
|
|
border-top:1px solid #DED4BA;
|
|
border-right: 1px solid #B3AA90;
|
|
border-bottom: 1px solid #B3AA90;
|
|
border-left: 1px solid #B3AA90;
|
|
text-align: center;
|
|
clear: both;
|
|
padding: 4px;
|
|
width: 325px;
|
|
margin: auto;
|
|
}
|
|
.info_location_none {
|
|
border-right: 1px solid #B3AA90;
|
|
border-bottom: 1px solid #B3AA90;
|
|
border-left: 1px solid #B3AA90;
|
|
clear: both;
|
|
}
|
|
.info_picture {
|
|
width: 105px;
|
|
float: left;
|
|
margin-left: 5px;
|
|
}
|
|
.info_container_none {
|
|
border: 1px solid #B3AA90;
|
|
width:333px;
|
|
}
|
|
.info_table tr {
|
|
vertical-align: top;
|
|
}
|
|
.info_table {
|
|
border-collapse: collapse;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* xArea Guide */
|
|
|
|
.loreimage {
|
|
background: #cbb17c;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.spoilers table a {
|
|
color: white;
|
|
} |