contao/test — Issue #2094: Kombinierte CSS Datei durch @media screen,projection{}
Author: importer
Created: 2011-11-29 09:06:03+00:00
State: open
Labels: Feature, frontend

Die Geschwindigkeit der Seite ist ebenfalls abhängig von den Requests zum Server, ich denke das es möglich ist, diese Anfragen zu reduzieren. Dabei könnten wir die CSS Dateien für die unterschiedlichen Medien (all,screen,projection,u.v.a) zu einer Gesamten kombinieren.

Derzeit werden Sie ja jeweils in den Header gepackt und passend zum Medium aktiviert.

```

...
```

Wenn die CSS Datensätze aus der Datenbank ausgelesen werden und diese in die CSS Datei geschrieben werden, dann wäre es doch sicher möglich dies mit den Regeln `media screen,projection{css...} in eine CSS Datei zu schreiben.

```
`media screen
{
/** TYPOlight Open Source CMS :: Copyright (C) 2005-2010 Leo Feyer :: LGPL license **/
body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative;}select,input,textarea{font-size:99%;}form{margin:0;padding:0;}img{border:0;}#left{float:left;}#right{float:right;}#main{width:auto;position:relative;}.inside{position:relative;text-align:left;}.block{overflow:hidden;}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}.custom{display:block;text-align:left;}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/** mediaboxAdvanced - white theme **/
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#fff;cursor:pointer;}#mbOverlay.mbOverlayFF{background:transparent url(../images/80.png) repeat;}#mbOverlay.mbOverlayIE{position:absolute;}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 5px 20px rgba(0,0,0,0.40);-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.40);}
#mbCenter.mbLoading{background:#fff url(../images/WhiteLoading.gif) no-repeat center;-moz-box-shadow:none;-webkit-box-shadow:none;}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#000;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px;}#mbImage a,#mbImage a:link,#mbImage a:visited{color:#333;}
#mbImage a:hover,#mbImage a:active{color:#000;}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px;}#mbTitle{display:inline;color:#000;font-weight:bold;line-height:20px;font-size:12px;}#mbNumber{display:inline;color:#333;line-height:14px;font-size:10px;margin:auto 10px;}#mbCaption{display:block;color:#333;line-height:14px;font-size:10px;}
#mbPrevLink,#mbNextLink,#mbCloseLink{display:block;float:right;height:20px;margin:0;outline:none;}#mbPrevLink{width:24px;background:transparent url(../images/CustomWhitePrevious.gif) no-repeat center;}#mbNextLink{width:24px;background:transparent url(../images/CustomWhiteNext.gif) no-repeat center;}#mbCloseLink{width:24px;background:transparent url(../images/CustomWhiteClose.gif) no-repeat center;}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#000;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#700;font-weight:bold;text-decoration:underline;}
/** weitere CSS Datein**/
}
`media screen,projection
{
....eigenes Layout
}
`media print
{
...Druckstylesheet
}
```

Die CSS Dateien für Erweiterungen usw. müssen sich dann ebenfalls nach den Medien richten oder @media all{} als default setzen.

--- _Originally created by neueplaneten on June 7th, 2010, at 11:06am (ID 2094)_