golem
/
VectorGOLEM
9
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

mediawiki vector skin adaptation for golem 

not fully ready, but stil...
This commit is contained in:
giomba 2021-05-09 13:54:18 +02:00
parent 934d2cbcfc
commit ef5ff1ca3f
7 changed files with 209 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/navigation.less
View File

@ -39,9 +39,9 @@
/* Navigation Containers */
#left-navigation {
margin-top: -6px;
float: left;
margin-left: 10em;
margin-top: 2.5em;
/* When right nav would overlap left nav, it's placed below it
(normal CSS floats behavior). This rule ensures that no empty space
is shown between them due to right nav's margin-top. Page layout
@ -51,8 +51,8 @@
}
#right-navigation {
margin-top: -6px;
float: right;
margin-top: 2.5em;
}
/* Logo */

7
components/personalMenu.less
View File

@ -1,11 +1,6 @@
/* Personal */
#p-personal {
position: absolute;
top: 0.33em;
right: 0.75em;
/* Display on top of page tabs - bugs 37158, 48078 */
z-index: 100;
display: inline-block;
h3 {
display: none;
}

5
components/search.less
View File

@ -3,7 +3,7 @@
/* Search */
#p-search {
float: left;
display: inline-block;
margin-right: 0.5em;
margin-left: 0.5em;
@ -24,9 +24,6 @@
background-repeat: repeat-x;
color: #000;
display: block;
width: 12.6em;
width: 20vw; /* responsive width */
min-width: 5em;
max-width: 20em;
padding-right: 1.4em;
height: 1.4em;

12
components/tabs.less
View File

@ -9,9 +9,9 @@
/* Namespaces and Views */
.vectorTabs {
float: left;
display: inline-block;
height: 2.5em;
.background-image('images/tab-break.png');
/* .background-image('images/tab-break.png'); */
background-position: bottom left;
background-repeat: no-repeat;
padding-left: 1px;
@ -23,7 +23,7 @@
list-style-image: none;
margin: 0;
padding: 0;
.background-image('images/tab-break.png');
/* .background-image('images/tab-break.png'); */
background-position: right bottom;
background-repeat: no-repeat;
@ -34,7 +34,7 @@
height: 100%;
margin: 0;
padding: 0;
.background-image('images/tab-normal-fade.png');
/* .background-image('images/tab-normal-fade.png'); */
background-position: bottom left;
background-repeat: repeat-x;
white-space: nowrap;
@ -50,7 +50,7 @@
}
&.selected {
.background-image('images/tab-current-fade.png');
/* .background-image('images/tab-current-fade.png'); */
a,
a:visited {
color: #222;
@ -78,7 +78,7 @@
span {
display: inline-block;
.background-image('images/tab-break.png');
/* .background-image('images/tab-break.png'); */
background-position: bottom right;
background-repeat: no-repeat;
height: 100%;

172
golem.css Normal file
View File

@ -0,0 +1,172 @@
@media screen and (min-width: 600px) {
/* GOLEM Navbar desktop style -- BEGIN */
div#golemnavbar {
background: black;
border-bottom: 5px solid green;
margin: 0;
padding: 10px;
height: 21px;
font-family: sans-serif;
box-sizing: content-box !important;
line-height: 1.5em;
}
#golemnavbarlinks {
text-align: right;
font-size: 14px;
}
#golemnavbar li {
color: white;
display: inline;
padding: 5px;
margin: 5px;
}
#golemnavbar li > a, #golemnavbar li > a:visited {
font-weight: bold;
text-decoration: none;
color: white;
margin: 0px;
}
#golemnavbar li > a:hover, #golemnavbar li > a.selected{
color: green !important;
}
#golemnavbar li > a:hover {
text-decoration: underline;
}
#golemnavbarlogo {
float: left;
position: relative; /* la barra di admin di wp sputtana parecchie cose */
top: -3px;
height: 35px !important;
width: 123.34px;
background-image: url('golem-cut.png');
background-size: contain;
}
#golemnavbarlogo:hover {
background-image: url('golem-cut-top.png');
}
#golemmotto {
font-style: italic;
}
/* GOLEM Navbar desktop style -- END */
/* GOLEM Template Note style -- BEGIN */
.golem-template-note {
padding: 4px;
}
.golem-template-note-info {
background-color: #D6FEFF;
border: 1px solid #72E4FF;
}
.golem-template-note-example {
background-color: #E2FFE3;
border: 1px solid #00CB07;
}
.golem-template-note-reminder {
background-color: #FFFCC0;
border: 1px solid #D4D400;
}
.golem-template-note-warning {
background-color: #FFFCC0;
border: 1px solid #D4D400;
}
.golem-template-note-attention {
background-color: #FFD0CA;
border: 1px solid #AD1400;
}
/* GOLEM Template Note style -- END */
/* GOLEM Wiki Buttons -- BEGIN */
div.golem-wikibutton {
width: 5cm;
height: 2cm;
line-height: 2cm;
border: 1px solid gray;
border-radius: 7px;
text-align: center;
display: inline-block;
}
div.golem-wikibutton a, div.golem-wikibutton a:visited {
color: blue;
/* font-weight: bold; */
}
/* GOLEM Wiki Buttons -- END */
/* GOLEM Wiki Template Sviluppo -- BEGIN */
.golem-mw-template-sviluppo {
float: right;
width: 240px;
color: white;
padding: 5px;
margin-left: 15px;
border-radius: 15px;
font-weight: bold;
}
/* GOLEM Wiki Template Sviluppo -- END */
}
@media screen and (max-width: 600px) {
/* GOLEM Navbar mobile style CSS -- BEGIN */
div#golemnavbar {
background: black;
border-bottom: 5px solid green;
margin: 0;
padding: 10px;
font-family: sans-serif;
box-sizing: content-box !important;
}
#golemnavbarlinks {
text-align: center;
font-size: 14px;
}
#golemnavbar ul {
list-style: none;
}
#golemnavbar li {
color: white;
padding: 5px;
margin: 5px;
}
#golemnavbar li a, #golemnavbar li a:visited {
color: green;
}
#golemmotto::before {
content: "GOLEM - ";
}
/* GOLEM Navbar mobile style CSS -- END */
/* GOLEM Template Sviluppo -- BEGIN */
.golem-mw-template-sviluppo {
/* float: right; */
width: 240px;
color: white;
padding: 5px;
/* margin-left: 15px; */
border-radius: 15px;
font-weight: bold;
margin: 0 auto;
clear: both;
}
/* GOLEM Template Sviluppo -- END */
}

28
includes/VectorTemplate.php
View File

@ -53,8 +53,9 @@ class VectorTemplate extends BaseTemplate {
$this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();
// Output HTML Page
$this->html( 'headelement' );
?>
$this->html( 'headelement' );
?>
<div id="mw-page-base" class="noprint"></div>
<div id="mw-head-base" class="noprint"></div>
<div id="content" class="mw-body" role="main">
@ -149,13 +150,27 @@ class VectorTemplate extends BaseTemplate {
</div>
<div id="mw-navigation">
<h2><?php $this->msg( 'navigation-heading' ) ?></h2>
<div id="mw-head">
<?php $this->renderNavigation( [ 'PERSONAL' ] ); ?>
<div id="mw-head">
<!-- GOLEM Navigation Bar -- BEGIN -->
<div id="golemnavbar">
<div id="golemnavbarlinks">
<ul>
<li id="golemmotto">I computer sceglierebbero Linux &#x1f427;</li>
<li><a href="http://golem.linux.it/">Home</a></li>
<li><a href="http://golem.linux.it/wiki/Chi_siamo">Chi siamo</a></li>
<li><a href="http://golem.linux.it/wp/contatti/">Contatti</a></li>
<li><a href="http://golem.linux.it/wiki/">Wiki</a></li>
<li><a href="http://golem.linux.it/wiki/Recupero_Hardware">Recupero Hardware</a></li>
</ul>
</div>
</div>
<!-- GOLEM Navigation Bar -- END -->
<div id="left-navigation">
<?php $this->renderNavigation( [ 'NAMESPACES', 'VARIANTS' ] ); ?>
</div>
<div id="right-navigation">
<?php $this->renderNavigation( [ 'VIEWS', 'ACTIONS', 'SEARCH' ] ); ?>
<?php $this->renderNavigation( [ 'VIEWS', 'ACTIONS', 'PERSONAL' ] ); ?>
</div>
</div>
<div id="mw-panel">
@ -163,7 +178,8 @@ class VectorTemplate extends BaseTemplate {
echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] )
?>" <?php
echo Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) )
?>></a></div>
?>></a></div>
<?php $this->renderNavigation( [ 'SEARCH' ] ); ?>
<?php $this->renderPortals( $this->data['sidebar'] ); ?>
</div>
</div>

7
skin.json
View File

@ -19,7 +19,7 @@
"vector": "GlobalVarConfig::newInstance"
},
"ValidSkinNames": {
"vector": "VectorGOLEM"
"vectorgolem": "Vector"
},
"MessagesDirs": {
"Vector": [
@ -46,6 +46,9 @@
"screen.less": {
"media": "screen"
},
"golem.css": {
"media": "screen"
},
"screen-hd.less": {
"media": "screen and ( min-width: 982px )"
},
@ -99,7 +102,7 @@
"+oojs-ui-core.styles": "skinStyles/ooui.less",
"mediawiki.special": "skinStyles/mediawiki.special.less",
"+mediawiki.special.preferences.styles": "skinStyles/mediawiki.special.preferences.styles.less"
}
}
},
"config": {
"VectorUseSimpleSearch": true,