You are here: Main » SiteHtmlHead

HTML-Head

%STARTINCLUDE%

<!-- Einbinden der speziellen Schriftart, welche die PHSZ verwendet -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">

<style>

         .box {
            margin:0.5em;
            padding: 1em;
            box-sizing:border-box;
            width:300px;
            background: #D8D5D2;
            -moz-border-radius: 0.5em;
            -webkit-border-radius: 0.5em;
            border-radius: 0.5em;
         }

   .natWebMenuContents>ul>li>a ,
   .natWebMenuContents>ul>li>a.foswikiCurrentTopicLink  {
   background-color:white !important;
   color:black !important ;
   text-transform:lowercase;
   font-size: 125% !important;
   font-family: 'Roboto Slab';
   padding-left:0 !important }

   /* Sonderbehandlung des ersten Menueintrags */
   .natWebMenuContents>ul>li>.foswikiCurrentWebHomeLink {color:black !important ;}

   .natBodyLeft .natSideBar {
   margin-left:-17em;
   width:17em;
   }

   .natBodyLeft .natMiddleContents {margin-left:17em}

   /* Spezielle Schriftart für die Titel in der linken Spalte */
   .natSideBar h2, .natSideBar h2 {font-family: 'Roboto Slab', serif;}

   /* Verkleinern des Suchfelds */
   .natWebMenu .natSearchBox {width: 120px !important}

   /* Die vier Akzentfarben der PHSZ definieren für die linke Spalte und die Menus */
   div.farbe1 ul li a, 
   .natWebMenuContents>ul>li:nth-child(4n+0)>a:hover, 
   .natWebMenuContents>ul>li:nth-child(4n+0).sfHover>a {color:#FF9933 !important}
   div.farbe2 ul li a, 
   .natWebMenuContents>ul>li:nth-child(4n+1)>a:hover, 
   .natWebMenuContents>ul>li:nth-child(4n+1).sfHover>a {color:#6EB92D !important}
   div.farbe3 ul li a, 
   .natWebMenuContents>ul>li:nth-child(4n+2)>a:hover, 
   .natWebMenuContents>ul>li:nth-child(4n+2).sfHover>a {color:#0082c8 !important}
   div.farbe4 ul li a, 
   .natWebMenuContents>ul>li:nth-child(4n+3)>a:hover, 
   .natWebMenuContents>ul>li:nth-child(4n+3).sfHover>a {color:#e12332 !important}

   /* Das ursprüngliche Hintergrundbild des natskins abschalten */
  .natBody {background: none !important}

  .natTopLeftContents {
    background: url(/pub/Main/SitePreferences/dashed_grey.png) repeat-x left top transparent;
    padding: 1.5em 0 0 0;
    margin-top: 1.0em;
  }

.natBodyLeft .natSideBarContents {
    border-right: 1px solid #d5d6dd;
    padding: 1em 2em 0 1px;
}

  .natPanelToggle, .natPanelToggle a {
      background-color: grey;
      padding: .3em .7em .3em .7em} 

  a.inlinemenu { display: inline !important;}
  h2, h3 {color: black !important;} 
  div.natTopShadow {border-top: 5px solid grey;}   
  .natWebLogoImage {width:585px !important;height: 33px !important;max-width:100%}

    ul.polaroids li { display: inline; }
   ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: "Marker Felt", sans-serif; text-decoration: none; color: #333; font-size: 11px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); }
    ul.polaroids li {
      padding-left: 0;
    }
    @media screen and (max-width: 768px) {
      ul.polaroids li a {
        margin-left: 0;
      } 
    }
 ul.polaroids img { display: block; width: 100px; margin-bottom: 12px; }
 ul.polaroids a:after { content: attr(title); }

 ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
 ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
 ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
 ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
 ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }

 ul.polaroids li.messy a {
      margin-top: -400px;
      position: relative;
      left: 160px;
    }

 ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }

</style>

<link href='https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.css' rel='stylesheet'  />
<link href='https://beat.doebe.li/bibliothek/css/buch.css' rel='stylesheet' type='text/css'/>

%ADDTOZONE{ 
  "script" 
  requires="JQUERYPLUGIN"
  text=" 
<script src='https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js'></script>
<script src='https://beat.doebe.li/bibliothek/js/buch.js'></script>
<script src='https://beat.doebe.li/bibliothek/js/jquery.matchHeight-min.js'></script>
  "}% 

%STOPINCLUDE%
PHSZ Logo

Dies ist ein Wiki des Fachkerns Medien und Informatik der Pädagogischen Hochschule Schwyz. Für Fragen wenden Sie sich bitte an beat.doebeli@phsz.ch

This page was cached on 26 Apr 2019 - 23:36.