Advertisement
Yorick

MTN CSS Alternativ - erweitert

Mar 9th, 2016
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.29 KB | None | 0 0
  1. /*
  2.  * Der CSS Code darf ohne Angabe von Urheber genutzt, weitergegeben, verändert und verändert weitergegeben werden.
  3.  * Die Basis stammt vom User vMief und wurde hier um einen weiteren Bereich ergänzt/leicht geändert.
  4.  */
  5.  
  6.  
  7. /* Artikelseite: Empfehlungen unterhalb Artikel, vor Kommentaren deaktiviert */
  8. #content > aside {
  9.     display: none;
  10. }
  11. #content > h2:nth-child(4) {
  12.     display: none;
  13. }
  14.  
  15. /* Artikelseite: Werbebanner direkt rechts neben dem Artikel entfernt */
  16. @media screen and (min-width: 1286px){
  17.     body.News_article #content {
  18.         padding-right: 2em;
  19.         width: 54em;
  20.     }
  21.     ARTICLE.MtnArticle.MtnNewsArticle {
  22.         max-width: 49.5em;
  23.     }
  24.     body.News_article #fixed-scroll-1 {
  25.         display: none;
  26.     }  
  27. }
  28. @media screen and (max-width: 999px){
  29.     #content {
  30.         max-width: none;
  31.         width: 90%;
  32.     }
  33.     .MtnArticle{
  34.         max-width: none;
  35.     }
  36. }
  37. @media screen and (max-width: 604px){
  38.     #content {
  39.         width: auto;
  40.         max-width: none;
  41.     }
  42. }
  43.  
  44.  
  45. /* Artikelseite: Seitenleiste wird auch bei breitem Monitor nur einspaltig angezeigt */
  46. @media screen and (min-width: 1618px){
  47.     #panel {
  48.         width: 20.75em;
  49.     }
  50.     #header > div{
  51.         width: 1232px;
  52.     }
  53.     body > form {
  54.         width: 80.375em;
  55.     }
  56.     #headergreeting {
  57.         margin-left: 19.4375em;
  58.         width: 18.75em;
  59.     }
  60.     body.News_article #fixed-scroll-2 {
  61.         margin-left: 281px;
  62.         width: 18.75em;
  63.     }
  64. }
  65.  
  66.  
  67. /* Header: Newsbar wird nicht mehr angezeigt und Menü nach rechts verschoben */
  68. #headerbanner {
  69.     display: none;
  70. }
  71. @media screen and (min-width: 604px){
  72.     #header>div{
  73.         background-size: 222.33333333px 69px;
  74.         height: 69px;
  75.     }
  76.     #header {
  77.         height: 89px;
  78.     }
  79.     #headernavigation {
  80.         margin-left: 0;
  81.         top: 23px;
  82.         left: auto;
  83.         right: 7%;
  84.     }
  85. }
  86.  
  87.  
  88. /* Newsübersicht: News werden nur noch in einer Spalte angezeigt */
  89. @media screen and (min-width: 1286px){
  90.     body.News_index .MtnNewsTeaser:first-child+.MtnNewsTeaser {
  91.         border-top: 1px solid #999;
  92.         margin-top: 2em;
  93.         padding-top: 2em;
  94.     }
  95.     body.News_index .MtnNewsTeaser {
  96.         clear: left;
  97.         min-height: none;
  98.         width: auto;
  99.     }
  100. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement