From a56a79672b7e623e7a097d3387dba413989ea229 Mon Sep 17 00:00:00 2001 From: Gerald Simane Date: Tue, 25 Nov 2008 10:01:00 +0000 Subject: [PATCH] --- skin/styles/mobile.css | 1173 ++++++++++++++++++++-------------------- 1 file changed, 589 insertions(+), 584 deletions(-) diff --git a/skin/styles/mobile.css b/skin/styles/mobile.css index d81050a37..67220a9b8 100644 --- a/skin/styles/mobile.css +++ b/skin/styles/mobile.css @@ -1,584 +1,589 @@ -/* Allgemein */ -body -{ - background-color: White; - font-family: Verdana,Tahoma,Arial, Geneva, Helvetica, sans-serif; - /*font-family: Tahoma, Arial, Helvetica, sans-serif; - */ - font-size: 8px; - /*overflow:visible; - */ - /*IE hack*/ -/* - voice-family: "\" -}\""; -*/ - voice-family: inherit; - font-size: small; - /*IE hack end*/ -} -iframe -{ - margin:0px; - border-width:0px; - border-style:none; - padding:0px; -} -/* -textarea -{ - font-family: Arial, Helvetica, sans-serif; -} -form -{ - font-family: Arial, Helvetica, sans-serif; -} -*/ - -/* Screens */ - -select, input,div,td -{ - font-size: x-small; -} -hr -{ - color:#DDDDDD; - height:0.5px; -} - -@media screen { -#menue -{ - top:49px; - width:16%; - height:85%; - z-index:1000; - overflow: auto; -} -/*Alle außer IE 6*/ -html>body #menue -{ - position:absolute; -} - -#content -{ - width:45%; - height:80%; - left:18%; - overflow: auto; -} -/*Alle außer IE 6*/ -html>body #content -{ - position:absolute; -} - -#GlobalMenu -{ - padding: 0px 0px 0px 30px; - margin-top: 3px; - text-align: left; -} - - -.home_logo -{ - background-image:url(styles/mobile/TWLogo_klein.jpg); - width:100px; - height:31px; - z-index: 1003; -} -.header_line -{ - background-image:url(styles/mobile/header_line.jpg); - background-repeat:repeat-x; - width:100%; - height:3px; -} -} - -/* Druckausgabe */ - - -@media print { - -.home_logo -{ -display:none; -} -.header_line -{ -display:none; -} - -#menue -{ -display:none; -} -#GlobalMenu -{ -display:none; -} - -#content -{ - width:800px; - height:900px; - left:0px; - overflow: hidden; -} - -} - -input.TextBox -{ - background-color: White; -} - -/*Vor IE/Mac verstecken \ -*html .header_line{ - height:0.5px; -} -*/ -/* Vor IE/Mac verstecken*/ -div.tip -{ - - position: absolute; - display: none; - width: 300px; - background-color: #f7f7ee; - padding: 3px 7px 4px 6px; - border: 1px solid #336; - background-color: #f7f7ee; - text-align: left; -} -#header -{ - vertical-align:middle; -} - -/* Links */ -a -{ - color: #008381; - text-decoration: none; - cursor: pointer; - font-size: xx-small; -} -a.HyperItem -{ - color: Black; text-decoration: none; - font-weight: bold; -} -a:hover.HyperItem -{ - color: #008381; text-decoration: none; - font-weight: bold; -} -a[onClick]:hover.Item -{ - color: Black; text-decoration: none; - font-size: smaller; -} -a:hover.Item -{ - color: Black; text-decoration: none; -} -a.Item2 -{ - color: Black; text-decoration: none; -} -a:hover.Item2 -{ - color: #008381; text-decoration: none; -} -a.MenuItem -{ - color: #008381; text-decoration: none; - font-weight: bold; -} -a:hover.MenuItem -{ - color: Black; text-decoration: none; - font-weight: bold; -} -A.hilfe -{ - text-decoration:none; -} -A.hilfe:hover -{ - text-decoration:none; - cursor:help; -} -A.stpl_detail -{ - font-size:x-small; - color:#000000; - text-decoration:none; -} -A.stpl_detail:hover -{ - font-size:x-small; - color:#000000; - text-decoration:underline; - /*cursor:hand;*/ -} -a.head -{ - color:#ffffff; -} -a.head:hover -{ - color:#000000; -} - - -/* Tables */ -TABLE.tabcontent -{ - margin: 0px; - padding: 0px; - border-style: none; - width: 100%; - /* - cellspacing: 0; - cellpadding: 0; - */ -} -TABLE.tabcontent2 -{ - margin: 0px; - padding: 0px; - border-style: none; - /* - cellspacing: 0; - cellpadding: 0; - */ -} -TABLE.tabborder -{ - /* - cellspacing: 0; - cellpadding: 1; - */ - width: 100%; - /*border: 1px solid black; foo*/ -} -TABLE#tabterm -{ - /* - cellpadding: 0; - cellspacing: 0; - */ - margin:auto; -} -td.ContentHeader -{ - background-color: #008381; - /*grün*/ - font-weight: bold; - height: 15px; - font-size: x-small; -} -td.ContentHeader2 -{ - background-color: #CCCCCC; /*mittel-grau*/ - font-weight: normal; - height: 15px; - font-size: smaller; -} -td.ContentHeader3 -{ - background-color: #CCCCCC; /*mittel-grau*/ - font-weight: bold; - height: 15px; - font-size: smaller; -} -td.MarkLine -{ - background-color: #F2F2F2; /*wie #EEEEEE; also grau fast weiß*/ -} -td.tdwidth10 -{ - width: 10px; -} -td.tdwidth30 -{ - width: 30px; -} -td.tdgreen -{ - background-color: #CCFFCC; -} -td.tdborder -{ - text-align: center; - border:2px solid black; - background-color: #ffffff; -} -td.tdwrap -{ - white-space: nowrap; -} - -td.tdvertical -{ - vertical-align: top; -} -TR.liste -{ - background-color: #D3DCE3; /*grau wie #DDDDDD*/ -} -TR.liste0 -{ - background-color: #FFFFFF; /*weiß*/ -} -TR.liste1 -{ - background-color: #EEEEEE; /*grau fast weiß*/ -} -TR.tryellow -{ - background-color: #FFFF99; -} - -/* private/profile/zeitsperre.php */ -TABLE#zeitsperren -{ - /*border: 1px solid black; foo*/ - /* - cellspacing: 0; - cellpadding: 0; - */ - font-size: small; - width:100%; -} -TABLE#zeitsperren TH -{ - background-color: #DDDDDD; /*hellgrau*/ -} -TABLE#zeitsperren TH.feiertag -{ - background-color: #FFFF00; /*grelles gelb*/ -} -TABLE#zeitsperren TD.feiertag -{ - background-color: #FFFF22; /*bissi helleres gelb*/ -} -TABLE#zeitsperren TD -{ - background-color: #EEEEEE /*grau fast weiß*/ -} - -/* Stundeplan */ -TABLE.stdplan -{ - /*border: 1px solid black; foo*/ - /* - cellspacing: 0; - cellpadding: 0; - */ - font-size: small; -} -TABLE.stdplan TH -{ - background-color: #DDDDDD; -} -TABLE.stdplan TD -{ - background-color: #EEEEEE -} -.row-even { /*liste1*/ - background-color:#f2f2f2; -} - -.row-odd { /*liste0*/ - background-color:#ffffff; -} - - -/* Fonts */ -h1 -{ - font-size: x-small; - color: #ffffff; - background-color: #009e84; -} -h1 td -{ - font-size: x-small; - color: #ffffff; - background-color: #009e84; -} -h1 a -{ - color: #dddddd; -} -h1 a:hover -{ - color: #ffffff; - text-decoration:none; -} - -h2 -{ - font-size: smaller; - color: #ffffff; - background-color: #00a4d2; /*hellblau*/ -} -h2 td -{ - font-size: smaller; - color: #ffffff; - background-color: #00a4d2; /*hellblau*/ -} -h2 a -{ - color: #dddddd; -} -h2 a:hover -{ - color: #ffffff; - text-decoration:none; -} -h3 -{ - font-size: smaller; - font-weight: bold; - color: #008E74; -} -h4 -{ - font-size: smaller; - font-style: normal; - line-height: normal; - font-weight: bold; - font-variant: normal; - text-transform: none; - color: #008E74; - /*cursor: hand; */ - text-decoration: none; -} -.error -{ - color: #ff0000; -} -font.ContentHeader -{ - color: #FFFFFF; -} - -#news -{ -} -#news .news -{ - /*-moz-border-radius-topright: 20px;*/ - -moz-border-radius-topleft: 10px; - width: 100%; - border: 1px solid #E0E0E0; - background-color: #F0F0F0; - -} -#news .news .titel -{ - font-weight: bold; - font-size: smaller; - /*font-size: normal; - */ - padding: 0px 10px 0px 10px; - white-space : nowrap; -} -#news .news .text -{ - background-color: #FCFCFC; - padding: 0px 10px 0px 10px; -} - - -/* Images */ -img.testtoolfrage -{ - max-width:400px; - max-height:300px; -} -img.testtoolvorschlag -{ - max-width:200px; - max-height:150px; -} -img -{ - border: 0; -} -img#layout -{ - border: 1px solid #AAAAAA; -} - -/*Farben*/ -.grey -{ - color: #999999; -} -#bgcolor0 -{ - background-color: #CC0000; -} -#bgcolor1 -{ - background-color: #FF2200; -} -#bgcolor2 -{ - background-color: #FF9922; -} -#bgcolor3 -{ - background-color: #FFFF55; -} -#bgcolor4 -{ - background-color: #88FF88; -} -#bgcolor5 -{ - background-color: #AAFFAA; -} -#bgcolor6 -{ - background-color: #CCFFCC; -} - - - -/*aussortiert*/ - - -/*font.headline -{ - color: #008381; - text-decoration: none; - font-weight: bold; - - font-size: 20px; - line-height: 24px; - color: #003399; - margin-bottom: 0px; - margin-top: 0px; - -}*/ - -/*font.subline -{ - font-size: 17px; - line-height: 20px; - color: #003399; - margin-bottom: 0px; - margin-top: 0px; -}*/ - +/* Allgemein */ +body +{ + background-color: White; + font-family: Verdana,Tahoma,Arial, Geneva, Helvetica, sans-serif; + /*font-family: Tahoma, Arial, Helvetica, sans-serif; + */ + font-size: 8px; + /*overflow:visible; + */ + /*IE hack*/ +/* + voice-family: "\" +}\""; +*/ + voice-family: inherit; + font-size: small; + /*IE hack end*/ +} +iframe +{ + margin:0px; + border-width:0px; + border-style:none; + padding:0px; +} +/* +textarea +{ + font-family: Arial, Helvetica, sans-serif; +} +form +{ + font-family: Arial, Helvetica, sans-serif; +} +*/ + +/* Screens */ + +select, input,div,td +{ + font-size: x-small; +} +hr +{ + color:#DDDDDD; + height:0.5px; +} + +@media screen { +iframe +{ + overflow: auto; +} + +#menue +{ + top:49px; + width:16%; + height:85%; + z-index:1000; + overflow: auto; +} +/*Alle außer IE 6*/ +html>body #menue +{ + position:absolute; +} + +#content +{ + width:45%; + height:80%; + left:18%; + overflow: auto; +} +/*Alle außer IE 6*/ +html>body #content +{ + position:absolute; +} + +#GlobalMenu +{ + padding: 0px 0px 0px 30px; + margin-top: 3px; + text-align: left; +} + + +.home_logo +{ + background-image:url(styles/mobile/TWLogo_klein.jpg); + width:100px; + height:31px; + z-index: 1003; +} +.header_line +{ + background-image:url(styles/mobile/header_line.jpg); + background-repeat:repeat-x; + width:100%; + height:3px; +} +} + +/* Druckausgabe */ + + +@media print { + +.home_logo +{ +display:none; +} +.header_line +{ +display:none; +} + +#menue +{ +display:none; +} +#GlobalMenu +{ +display:none; +} + +#content +{ + width:800px; + height:900px; + left:0px; + overflow: hidden; +} + +} + +input.TextBox +{ + background-color: White; +} + +/*Vor IE/Mac verstecken \ +*html .header_line{ + height:0.5px; +} +*/ +/* Vor IE/Mac verstecken*/ +div.tip +{ + + position: absolute; + display: none; + width: 300px; + background-color: #f7f7ee; + padding: 3px 7px 4px 6px; + border: 1px solid #336; + background-color: #f7f7ee; + text-align: left; +} +#header +{ + vertical-align:middle; +} + +/* Links */ +a +{ + color: #008381; + text-decoration: none; + cursor: pointer; + font-size: xx-small; +} +a.HyperItem +{ + color: Black; text-decoration: none; + font-weight: bold; +} +a:hover.HyperItem +{ + color: #008381; text-decoration: none; + font-weight: bold; +} +a[onClick]:hover.Item +{ + color: Black; text-decoration: none; + font-size: smaller; +} +a:hover.Item +{ + color: Black; text-decoration: none; +} +a.Item2 +{ + color: Black; text-decoration: none; +} +a:hover.Item2 +{ + color: #008381; text-decoration: none; +} +a.MenuItem +{ + color: #008381; text-decoration: none; + font-weight: bold; +} +a:hover.MenuItem +{ + color: Black; text-decoration: none; + font-weight: bold; +} +A.hilfe +{ + text-decoration:none; +} +A.hilfe:hover +{ + text-decoration:none; + cursor:help; +} +A.stpl_detail +{ + font-size:x-small; + color:#000000; + text-decoration:none; +} +A.stpl_detail:hover +{ + font-size:x-small; + color:#000000; + text-decoration:underline; + /*cursor:hand;*/ +} +a.head +{ + color:#ffffff; +} +a.head:hover +{ + color:#000000; +} + + +/* Tables */ +TABLE.tabcontent +{ + margin: 0px; + padding: 0px; + border-style: none; + width: 100%; + /* + cellspacing: 0; + cellpadding: 0; + */ +} +TABLE.tabcontent2 +{ + margin: 0px; + padding: 0px; + border-style: none; + /* + cellspacing: 0; + cellpadding: 0; + */ +} +TABLE.tabborder +{ + /* + cellspacing: 0; + cellpadding: 1; + */ + width: 100%; + /*border: 1px solid black; foo*/ +} +TABLE#tabterm +{ + /* + cellpadding: 0; + cellspacing: 0; + */ + margin:auto; +} +td.ContentHeader +{ + background-color: #008381; + /*grün*/ + font-weight: bold; + height: 15px; + font-size: x-small; +} +td.ContentHeader2 +{ + background-color: #CCCCCC; /*mittel-grau*/ + font-weight: normal; + height: 15px; + font-size: smaller; +} +td.ContentHeader3 +{ + background-color: #CCCCCC; /*mittel-grau*/ + font-weight: bold; + height: 15px; + font-size: smaller; +} +td.MarkLine +{ + background-color: #F2F2F2; /*wie #EEEEEE; also grau fast weiß*/ +} +td.tdwidth10 +{ + width: 10px; +} +td.tdwidth30 +{ + width: 30px; +} +td.tdgreen +{ + background-color: #CCFFCC; +} +td.tdborder +{ + text-align: center; + border:2px solid black; + background-color: #ffffff; +} +td.tdwrap +{ + white-space: nowrap; +} + +td.tdvertical +{ + vertical-align: top; +} +TR.liste +{ + background-color: #D3DCE3; /*grau wie #DDDDDD*/ +} +TR.liste0 +{ + background-color: #FFFFFF; /*weiß*/ +} +TR.liste1 +{ + background-color: #EEEEEE; /*grau fast weiß*/ +} +TR.tryellow +{ + background-color: #FFFF99; +} + +/* private/profile/zeitsperre.php */ +TABLE#zeitsperren +{ + /*border: 1px solid black; foo*/ + /* + cellspacing: 0; + cellpadding: 0; + */ + font-size: small; + width:100%; +} +TABLE#zeitsperren TH +{ + background-color: #DDDDDD; /*hellgrau*/ +} +TABLE#zeitsperren TH.feiertag +{ + background-color: #FFFF00; /*grelles gelb*/ +} +TABLE#zeitsperren TD.feiertag +{ + background-color: #FFFF22; /*bissi helleres gelb*/ +} +TABLE#zeitsperren TD +{ + background-color: #EEEEEE /*grau fast weiß*/ +} + +/* Stundeplan */ +TABLE.stdplan +{ + /*border: 1px solid black; foo*/ + /* + cellspacing: 0; + cellpadding: 0; + */ + font-size: small; +} +TABLE.stdplan TH +{ + background-color: #DDDDDD; +} +TABLE.stdplan TD +{ + background-color: #EEEEEE +} +.row-even { /*liste1*/ + background-color:#f2f2f2; +} + +.row-odd { /*liste0*/ + background-color:#ffffff; +} + + +/* Fonts */ +h1 +{ + font-size: x-small; + color: #ffffff; + background-color: #009e84; +} +h1 td +{ + font-size: x-small; + color: #ffffff; + background-color: #009e84; +} +h1 a +{ + color: #dddddd; +} +h1 a:hover +{ + color: #ffffff; + text-decoration:none; +} + +h2 +{ + font-size: smaller; + color: #ffffff; + background-color: #00a4d2; /*hellblau*/ +} +h2 td +{ + font-size: smaller; + color: #ffffff; + background-color: #00a4d2; /*hellblau*/ +} +h2 a +{ + color: #dddddd; +} +h2 a:hover +{ + color: #ffffff; + text-decoration:none; +} +h3 +{ + font-size: smaller; + font-weight: bold; + color: #008E74; +} +h4 +{ + font-size: smaller; + font-style: normal; + line-height: normal; + font-weight: bold; + font-variant: normal; + text-transform: none; + color: #008E74; + /*cursor: hand; */ + text-decoration: none; +} +.error +{ + color: #ff0000; +} +font.ContentHeader +{ + color: #FFFFFF; +} + +#news +{ +} +#news .news +{ + /*-moz-border-radius-topright: 20px;*/ + -moz-border-radius-topleft: 10px; + width: 100%; + border: 1px solid #E0E0E0; + background-color: #F0F0F0; + +} +#news .news .titel +{ + font-weight: bold; + font-size: smaller; + /*font-size: normal; + */ + padding: 0px 10px 0px 10px; + white-space : nowrap; +} +#news .news .text +{ + background-color: #FCFCFC; + padding: 0px 10px 0px 10px; +} + + +/* Images */ +img.testtoolfrage +{ + max-width:400px; + max-height:300px; +} +img.testtoolvorschlag +{ + max-width:200px; + max-height:150px; +} +img +{ + border: 0; +} +img#layout +{ + border: 1px solid #AAAAAA; +} + +/*Farben*/ +.grey +{ + color: #999999; +} +#bgcolor0 +{ + background-color: #CC0000; +} +#bgcolor1 +{ + background-color: #FF2200; +} +#bgcolor2 +{ + background-color: #FF9922; +} +#bgcolor3 +{ + background-color: #FFFF55; +} +#bgcolor4 +{ + background-color: #88FF88; +} +#bgcolor5 +{ + background-color: #AAFFAA; +} +#bgcolor6 +{ + background-color: #CCFFCC; +} + + + +/*aussortiert*/ + + +/*font.headline +{ + color: #008381; + text-decoration: none; + font-weight: bold; + + font-size: 20px; + line-height: 24px; + color: #003399; + margin-bottom: 0px; + margin-top: 0px; + +}*/ + +/*font.subline +{ + font-size: 17px; + line-height: 20px; + color: #003399; + margin-bottom: 0px; + margin-top: 0px; +}*/ +