Initial structure

Change-Id: I6457449db49ae1eef083684db75d5280bf404381
isekai
Isarra 9 years ago
parent ade8feb066
commit 6056f7d586

@ -12,66 +12,81 @@ class TimelessTemplate extends BaseTemplate {
$this->html( 'headelement' ); $this->html( 'headelement' );
?> ?>
<div id="mw-wrapper"> <div id="mw-wrapper">
<?php <div id="mw-header-container" class="ts-container">
$this->outputLogo(); <div id="mw-header" class="ts-inner">
?> <div id="user-tools">
<div class="mw-body" role="main"> <?php $this->outputUserLinks(); ?>
</div>
<?php <?php
if ( $this->data['sitenotice'] ) { $this->outputLogo( 'p-logo-text', 'text' );
?> $this->outputSearch();
<div id="siteNotice"><?php $this->html( 'sitenotice' ) ?></div> ?>
</div>
</div>
<div id="content-container" class="ts-container">
<div id="content-block" class="ts-inner">
<div id="mw-site-navigation">
<h2><?php echo $this->getMsg( 'navigation-heading' )->parse() ?></h2>
<?php <?php
} $this->outputLogo( 'p-logo', 'image' );
if ( $this->data['newtalk'] ) { echo '<div id="page-tools">';
$this->outputPageLinks();
echo '</div><div id="site-navigation">';
$this->outputSiteNavigation();
echo '</div>';
?> ?>
<div class="usermessage"><?php $this->html( 'newtalk' ) ?></div> </div>
<div id="mw-related-navigation">
</div>
<div id="content">
<div class="mw-body" role="main">
<?php <?php
} if ( $this->data['sitenotice'] ) {
?> ?>
<div id="siteNotice"><?php $this->html( 'sitenotice' ) ?></div>
<h1 class="firstHeading">
<?php $this->html( 'title' ) ?>
</h1>
<div id="siteSub"><?php echo $this->getMsg( 'tagline' )->parse() ?></div>
<div class="mw-body-content">
<div id="contentSub">
<?php <?php
if ( $this->data['subtitle'] ) { }
?> if ( $this->data['newtalk'] ) {
<p><?php $this->html( 'subtitle' ) ?></p> ?>
<div class="usermessage"><?php $this->html( 'newtalk' ) ?></div>
<?php
}
?>
<h1 class="firstHeading">
<?php $this->html( 'title' ) ?>
</h1>
<div id="siteSub"><?php echo $this->getMsg( 'tagline' )->parse() ?></div>
<div class="mw-body-content">
<div id="contentSub">
<?php <?php
} if ( $this->data['subtitle'] ) {
if ( $this->data['undelete'] ) { ?>
<p><?php $this->html( 'subtitle' ) ?></p>
<?php
}
if ( $this->data['undelete'] ) {
?>
<p><?php $this->html( 'undelete' ) ?></p>
<?php
}
?> ?>
<p><?php $this->html( 'undelete' ) ?></p> </div>
<?php
} <?php
$this->html( 'bodytext' );
$this->html( 'catlinks' );
$this->html( 'dataAfterContent' );
?> ?>
</div> </div>
</div>
<?php
$this->html( 'bodytext' );
$this->html( 'catlinks' );
$this->html( 'dataAfterContent' );
?>
</div> </div>
</div> </div>
<div id="mw-navigation">
<h2><?php echo $this->getMsg( 'navigation-heading' )->parse() ?></h2>
<?php
$this->outputSearch();
echo '<div id="user-tools">';
$this->outputUserLinks();
echo '</div><div id="page-tools">';
$this->outputPageLinks();
echo '</div><div id="site-navigation">';
$this->outputSiteNavigation();
echo '</div>';
?>
</div> </div>
<div id="mw-footer"> <div id="mw-footer-container" class="ts-container">
<div id="mw-footer" class="ts-inner">
<?php <?php
foreach ( $this->getFooterLinks() as $category => $links ) { foreach ( $this->getFooterLinks() as $category => $links ) {
?> ?>
@ -104,6 +119,7 @@ class TimelessTemplate extends BaseTemplate {
?> ?>
</ul> </ul>
</div> </div>
</div>
</div> </div>
<?php $this->printTrail() ?> <?php $this->printTrail() ?>
@ -154,17 +170,21 @@ class TimelessTemplate extends BaseTemplate {
/** /**
* Outputs the logo and (optionally) site title * Outputs the logo and (optionally) site title
*/ */
private function outputLogo( $id = 'p-logo', $imageonly = false ) { private function outputLogo( $id = 'p-logo', $part = 'both' ) {
?> ?>
<div id="<?php echo $id ?>" class="mw-portlet" role="banner"> <div id="<?php echo $id ?>" class="mw-portlet" role="banner">
<a
class="mw-wiki-logo"
href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] )
?>" <?php
echo Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) )
?>></a>
<?php <?php
if ( !$imageonly ) { if ( $part !== 'text' ) {
?>
<a
class="mw-wiki-logo"
href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] )
?>" <?php
echo Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) )
?>></a>
<?php
}
if ( $part !== 'image' ) {
?> ?>
<a id="p-banner" class="mw-wiki-title" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>"> <a id="p-banner" class="mw-wiki-title" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>">
<?php echo $this->getMsg( 'sitetitle' )->escaped() ?> <?php echo $this->getMsg( 'sitetitle' )->escaped() ?>

@ -60,7 +60,7 @@ td.mw-label {
} }
fieldset { fieldset {
border: solid @grey; border: solid @grey-bright;
border-width: 1px 1px @border; border-width: 1px 1px @border;
line-height: 1.3em; line-height: 1.3em;
margin: 1em 0; margin: 1em 0;
@ -127,7 +127,7 @@ textarea,
padding: .25em .35em; padding: .25em .35em;
border: solid 1px @grey; border: solid 1px @grey;
margin: .5em 0; margin: .5em 0;
box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.05);
font-size: 1em; font-size: 1em;
min-height: 30px; min-height: 30px;
} }

@ -9,6 +9,8 @@ body {
padding: 0; padding: 0;
color: @text; color: @text;
background: @background; background: @background;
font-size: 1em;
line-height: 1.3;
} }
a { a {
@ -41,7 +43,7 @@ a {
} }
} }
#mw-navigation h2, #mw-site-navigation h2,
#p-search h3, #p-search h3,
#p-personal h3 { #p-personal h3 {
.hidden; .hidden;

@ -1 +1,21 @@
@import "variables.less"; @import "variables.less";
.ts-inner {
max-width: 1250px;
margin: auto;
}
#p-logo-text,
#mw-site-navigation {
width: 12em;
float: left;
}
#p-search,
#content {
margin-left: 14em;
margin-right: 14em;
}
#mw-related-navigation,
#p-personal {
width: 12em;
float: right;
}

@ -7,8 +7,8 @@
@link: @blue; @link: @blue;
@link-red: @red; @link-red: @red;
@grey: #ddd; @grey: #ccc;
@grey-bright: #f0f0f0; @grey-bright: #eee;
@grey-dark: #aaa; @grey-dark: #aaa;
@red: #b22; @red: #b22;
@ -27,10 +27,15 @@
@link-red: @red; @link-red: @red;
/* Flair */
@fonts: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; @fonts: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
@border: .2em; @border: .2em;
@radius: .2em; @radius: .2em;
/* Misc */
/* To hide objects, but keep them accessible for screen-readers */ /* To hide objects, but keep them accessible for screen-readers */
.hidden() { .hidden() {
position: absolute; position: absolute;

Loading…
Cancel
Save