Translations
Info
All page names need to be in English.
en da  de  fr  it  ja  km  nl  ru  zh

Typo3.org-CSS

From TYPO3Wiki
Jump to: navigation, search
This page belongs to the Typo3.org - Team (category TYPO3org)

Hi guys,

if you want the new typo3.org to look better, go ahead and improve the CSS.

Below you'll find all the typo3.org CSS files for public editing.

Please be aware that others might be editing the CSS at the same time, so there might be conflicts when you save.

I suggest you use the "Edit CSS" option of the Firefox web developer toolbar [1] to apply all the CSS that you'll find in the wiki to the live typo3.org site. Having the web developer toolbar installed, just browse to typo3.org, click "Edit CSS" in the web developer toolbar, paste all CSS that you find on the wiki into there, and play around with the CSS, then put your results back into the wiki.


If the result is any good and the original developer of the template agrees, the new CSS will be used to typo3.org as soon as possible.

Proposed CSS files

typo3.all-main.css

typo3.org-main.css

newsimporter.css

print.css

Go edit them!

Dynamically including CSS from the wiki as files

I hope this little skript does the trick and gives selfcontained help where necessary.

<?php

$action = substr($_SERVER['PATH_INFO'],1);
$script = $_SERVER["SCRIPT_NAME"];

$help = '
<p>
The CSS is extracted from the WIKI. <a href="https://wiki.typo3.org/Typo3.org-CSS">See here</a>.</p>
<ul>
<li><a href="' . $script .'/typo3.all-main.css">' . $script .'/typo3.all-main.css</a></li>
<li><a href="' . $script .'/typo3.org-main.css">' . $script .'/typo3.org-main.css</a></li>
<li><a href="' . $script .'/newsimporter.css">' . $script .'/newsimporter.css</a></li>
<li><a href="' . $script .'/print.css">' . $script .'/print.css</a></li>
</ul>
<p>(Include this script as CSS-file by calling it with the scripts name as PATH_INFO to the php file.)</p>

';

if($action == 'typo3.all-main.css'){
     $file = 'https://wiki.typo3.org/Typo3.all-main.css';     
}elseif($action == 'typo3.org-main.css'){
  $file = 'https://wiki.typo3.org/Typo3.org-main.css';
}elseif($action == 'newsimporter.css'){
  $file = 'https://wiki.typo3.org/Newsimporter.css';
}elseif($action == 'print.css'){
  $file = 'https://wiki.typo3.org/Print.css';
}else {
  print $help;
  exit;
}

if($file && is_array($FILE = file($file))){
  $file = join('', $FILE);
}

$pattern = '/<pre>(.*)<\/pre>/is';

if(preg_match($pattern, $file, $matches)){
  print $matches[1];
}else{
  print '<p>ERROR: The CSS in the wiki needs to be wrapped by pre-Tag.</p>';
}

?>