/* Streichkandidat - eigentlich nicht nötig wenn der Server UTF-8
ausliefert und Browser sollten lt. CSS-Spec eh per default von
UTF-8 ausgehen. Macht zudem bei der Kompression Ärger, weil der
YUI Compressor das nicht entfernt und man dann mehrere @charset
in den zusammengeführten Files hat und Safari dann (korrekterweise)
eine weisse Seite anzeigt.
@charset "UTF-8";
*/
/* *
* Formatierung der Links - hier nur globale Regeln, einmalige Regeln
* für bestimmte Link-Elemente stehen in der content.css
*
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* @copyright Copyright 2005-2010, Dirk Jesse
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link http://www.yaml.de
* @package yaml
* @version 3.2
* @revision $Revision: 404 $
* @lastmodified $Date: 2010-04-01 15:00:00 $
*/
@media screen, projection {
:link:focus,
:visited:focus {
outline: medium solid rgba(9,95,149,0.3);/*#D86C62*/
/* Outline für normale Links etwas absetzen.
Tuts in Firefox 1.5, Opera 9.5, Safari 1.2 */
outline-offset: 2px;
}
/* ab Opera 9.5 */
*:-o-prefocus {
outline: -o-highlight-border;
}
/* Links grds. ----------------------------------------------------- */
/* #vie_main a ohne :link darf es unter keinen Umständen geben, sonst
greift das auch bei Konstrukten wie Expresspass
(wäre dann unterstrichen, ohne ein Link zu sein) */
#vie_main a:link,
#vie_main a:visited,
#vie_breadcrumbs a:link,
#vie_breadcrumbs a:visited,
#vie_hinweise a:link,
#vie_hinweise a:visited,
#vie_fontsize a:link,
#vie_fontsize a:visited,
#vie_footer p a:link,
#vie_footer p a:visited {
text-decoration: underline;
}
/* Inline-Styles aus Word-Export (GR-Protokolle etc.) überschreiben */
#vie_hilfsnav a,
#vie_kopfzeile a {
color: #000;
}
#vie_kopfzeile a {
text-decoration: none;
}
/* Content grds. link:blau & hover:schwarz */
.vie-suchseite a:link,
/* Breadcrumbs, Marginalspalte & Fußzeile genau andersrum */
#vie_main #vie_hilfsnav a:focus,
#vie_main #vie_hilfsnav a:hover,
#vie_main #vie_hilfsnav a:visited:focus,
#vie_main #vie_hilfsnav a:visited:hover,
.vie-sidebar a:focus,
.vie-sidebar a:hover,
.vie-sidebar a:visited:focus,
.vie-sidebar a:visited:hover {
color: #095f9b;
}
.vie-suchseite a:focus,
.vie-suchseite a:hover,
.vie-suchseite a:visited:focus,
.vie-suchseite a:visited:hover,
#vie_suchergebnis a:focus,
#vie_suchergebnis a:hover,
#vie_suchergebnis a:visited:focus,
#vie_suchergebnis a:visited:hover {
color: #000;
}
.vie-suchseite a:visited,
/* visited in der Marginalspalte dann gleich */
.vie-sidebar a:visited {
color: #6c3450;
}
.vie-sidebar a:visited {
text-decoration: underline;
}
/* ändert die Farben, wenn die Benutzerin den Text mit der Maus markiert */
::selection {
background-color: #555;
color: #fff;
}
::-moz-selection {
background-color: #555;
color: #fff;
}
.vie-link-help {
cursor: help;
}
/* Linkauszeichnung aus der alten base.css & alternativ über Klassen */
/* Sprites für die Linkauszeichnung */
a[href$=".doc"],
a[href$=".pdf"],
a[href$=".rtf"],
a[href$=".zip"],
a[href$=".xls"],
a[href$=".mov"],
a[href$=".wmv"],
a[href$=".rm"],
a[href$=".mov"],
a[href$=".wmv"],
a[href$=".rm"],
a[href$=".mp3"],
a[href$=".ics"],
a[href^="http://"],
a[href^="https://"],
a[href^="/xlink/"],
a[href^="/extgov/"],
a[href*="/vielapp/m53galer/gallery/"],
a[href*="/gallery2/"],
#vie_main a[href*="/stadtplan/"],
#vie_main a:visited[href*="/stadtplan/"],
#vie_main a.vie-link-stadtplan,
a.vie-link-gallery,
a.vie-link-extern,
a.vie-link-download,
a.vie-link-video,
a.vie-link-audio {
/*
background: url("../../img/icon-sprites.png") no-repeat right top;
*/
background: url("/layout-a/wien.at/img/icon-sprites.png") no-repeat right top;
padding-right: 20px;
}
/* Kein Gallery-Icon bei Bildern mit Klasse bde-image-block */
.bde-image-block a[href*="/gallery2/"] {
background: none !important;
padding-right: 0 !important;
}
/* extern */
a[href^="http://"],
a[href^="https://"],
a[href^="/xlink/"],
a[href^="/extgov/"],
a.vie-link-extern {
background-position: right 0;
}
a:focus[href^="http://"],
a:hover[href^="http://"],
a:focus[href^="https://"],
a:hover[href^="https://"],
a:focus[href^="/xlink/"],
a:hover[href^="/xlink/"],
a:focus[href^="/extgov/"],
a:hover[href^="/extgov/"],
a:visited:focus[href^="http://"],
a:visited:hover[href^="http://"],
a:visited:focus[href^="https://"],
a:visited:hover[href^="https://"],
a:visited:focus[href^="/xlink/"],
a:visited:hover[href^="/xlink/"],
a:visited:focus[href^="/extgov/"],
a:visited:hover[href^="/extgov/"],
a.vie-link-extern:focus,
a.vie-link-extern:hover,
a.vie-link-extern:visited:focus,
a.vie-link-extern:visited:hover {
background-position: right -50px;
}
a:visited[href^="http://"],
a:visited[href^="https://"],
a:visited[href^="/xlink/"],
a:visited[href^="/extgov/"],
a.vie-link-extern:visited {
background-position: right -100px;
}
/* download */
a[href$=".doc"],
a[href$=".pdf"],
a[href$=".rtf"],
a[href$=".zip"],
a[href$=".xls"],
a.vie-link-download {
background-position: right -150px;
}
a:focus[href$=".doc"],
a:hover[href$=".doc"],
a:focus[href$=".pdf"],
a:hover[href$=".pdf"],
a:focus[href$=".rtf"],
a:hover[href$=".rtf"],
a:focus[href$=".xls"],
a:hover[href$=".xls"],
a:focus[href$=".zip"],
a:hover[href$=".zip"],
a:visited:focus[href$=".doc"],
a:visited:hover[href$=".doc"],
a:visited:focus[href$=".pdf"],
a:visited:hover[href$=".pdf"],
a:visited:focus[href$=".rtf"],
a:visited:hover[href$=".rtf"],
a:visited:focus[href$=".xls"],
a:visited:hover[href$=".xls"],
a:visited:focus[href$=".zip"],
a:visited:hover[href$=".zip"],
a.vie-link-download:focus,
a.vie-link-download:hover,
a.vie-link-download:visited:focus,
a.vie-link-download:visited:hover {
background-position: right -200px !important;
}
a:visited[href$=".doc"],
a:visited[href$=".pdf"],
a:visited[href$=".rtf"],
a:visited[href$=".zip"],
a:visited[href$=".xls"],
a.vie-link-download:visited {
background-position: right -250px !important;
}
/* galerie */
a[href*="/vielapp/m53galer/gallery/"],
a[href*="/gallery2/"],
a.vie-link-gallery {
background-position: right -300px;
}
#vie_main a:focus[href*="/vielapp/m53galer/gallery/"],
#vie_main a:hover[href*="/vielapp/m53galer/gallery/"],
#vie_main a:focus[href*="/gallery2/"],
#vie_main a:hover[href*="/gallery2/"],
a.vie-link-gallery:focus,
a.vie-link-gallery:hover,
a.vie-link-gallery:visited:focus,
a.vie-link-gallery:visited:hover {
background-position: right -350px !important;
}
a:visited[href*="/vielapp/m53galer/gallery/"],
a:visited[href*="/gallery2/"],
a.vie-link-gallery:visited {
background-position: right -400px !important;
}
/* video */
a[href$=".mov"],
a[href$=".wmv"],
a[href$=".rm"],
a.vie-link-video {
background-position: right -450px;
}
a:focus[href$=".mov"],
a:hover[href$=".mov"],
a:focus[href$=".wmv"],
a:hover[href$=".wmv"],
a:focus[href$=".rm"],
a:hover[href$=".rm"],
#vie_main a:visited:focus[href$=".mov"],
#vie_main a:visited:hover[href$=".mov"],
#vie_main a:visited:focus[href$=".wmv"],
#vie_main a:visited:hover[href$=".wmv"],
#vie_main a:visited:focus[href$=".rm"],
#vie_main a:visited:hover[href$=".rm"],
a.vie-link-video:focus,
a.vie-link-video:hover,
a.vie-link-video:visited:focus,
a.vie-link-video:visited:hover {
background-position: right -500px !important;
}
#vie_main a:visited[href$=".mov"],
#vie_main a:visited[href$=".wmv"],
#vie_main a:visited[href$=".rm"],
a.vie-link-video:visited {
background-position: right -550px !important;
}
/* soundfile */
a[href$=".mp3"],
a.vie-link-audio {
background-position: right -600px;
}
a:focus[href$=".mp3"],
a:hover[href$=".mp3"],
#vie_main a:visited:focus[href$=".mp3"],
#vie_main a:visited:hover[href$=".mp3"],
a.vie-link-audio:focus,
a.vie-link-audio:hover,
a.vie-link-audio:visited:focus,
a.vie-link-audio:visited:hover {
background-position: right -650px;
}
a:visited[href$=".mp3"],
a.vie-link-audio:visited {
background-position: right -700px;
}
#vie_main a[href*="/stadtplan/"],
#vie_main a:visited[href*="/stadtplan/"],
#vie_main a.vie-link-stadtplan {
background-position: right -751px;
}
/* iCalendar */
a[href$=".ics"], #vie_main a[href^="webcal://www.wien.gv.at/"] {
background-position: right -804px;
}
a:focus[href$=".ics"], #vie_main a:focus[href^="webcal://www.wien.gv.at/"],
a:hover[href$=".ics"], #vie_main a:hover[href^="webcal://www.wien.gv.at/"],
a:visited:focus[href$=".ics"], #vie_main a:visited:focus[href^="webcal://www.wien.gv.at/"],
a:visited:hover[href$=".ics"], #vie_main a:visited:hover[href^="webcal://www.wien.gv.at/"] {
background-position: right -860px;
}
a:visited[href$=".ics"], #vie_main a:visited[href^="webcal://www.wien.gv.at/"] {
background-position: right -916px;
}
/* für bestimmte Links wieder zurücksetzen
besser E[foo*="bar"] als E[foo^="bar"], also zum Beispiel:
#vie_main a[href*="wien.gv.at"] - erschlägt gleich eine ganze Menge
Sub-Domains (w4, service, hilfe, ...)
http://www.w3.org/TR/css3-selectors/#attribute-substrings
*/
#vie_main a[href*="www.wien.at"],
#vie_main a[href*="www.wien.at"]:visited,
#vie_main a[href*="wien.gv.at"],
#vie_main a[href*="wien.gv.at"]:visited,
#vie_main a[href*="www.wienkav.at"],
#vie_main a[href*="www.wienkav.at"]:visited,
#vie_main a[href*="www.wienweb.at/webtvold/"],
#vie_main a[href*="www.wienweb.at/webtvold/"]:visited,
#vie_main a[href*="www.clubwien.at"],
#vie_main a[href*="www.clubwien.at"]:visited,
div#divoverhead div#bezirk a,
#vie_main #appetizer a,
#vie_main #vie_appetizer a,
#vie_main #divoverhead a,
#vie_main #divoverhead a:visited,
#vie_artikelfunktionen-lesezeichen a,
#vie_artikelfunktionen-lesezeichen a:visited,
#vie_main .vie-social-bookmarks a,
#vie_main .vie-social-bookmarks a:visited
{
background-image: none !important;
margin-right: 0 !important;
padding-right: 0 !important;
}
/*Kommt vielleicht rein. Oder nicht. Oder doch. Vielleicht.*/
/*
#vie_main .vie-artikelfunktionen a,
#vie_main .vie-artikelfunktionen a:visited
*/
/*
white-space: normal;
*/
/* Link auf IntrAnet-Seiten mit Schloß-Icon */
#vie_main a[href*="www.intern.magwien"],
#vie_main a[href*="www.intern.magwien"]:visited {
padding-right: 20px !important;
background-image: url("/layout-a/wien.at/img/icon-sprites.png") !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: right -968px !important;
}
/* Link auf Webcal-Seiten mit wien.gv.at URI */
#vie_main a[href^="webcal://www.wien.gv.at/"] {
padding-right: 20px !important;
background-image: url("/layout-a/wien.at/img/icon-sprites.png") !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
}
/* Link auf PDF-Reader Download-Seite */
a[href="http://de.wikipedia.org/wiki/Liste_von_PDF-Software#PDF-Betrachter"],
a[href="http://de.wikipedia.org/wiki/Liste_von_PDF-Software#PDF-Betrachter"]:visited,
a[href="http://de.wikipedia.org/wiki/Liste_von_PDF-Software#PDF-Betrachter"]:hover,
a[href="http://de.wikipedia.org/wiki/Liste_von_PDF-Software#PDF-Betrachter"]:focus,
a[href="http://de.wikipedia.org/wiki/Liste_von_PDF-Software#PDF-Betrachter"]:visited:hover,
a[href="http://de.wikipedia.org/wiki/Liste_von_PDF-Software#PDF-Betrachter"]:visited:focus,
a[href="http://en.wikipedia.org/wiki/List_of_PDF_software#Viewers"],
a[href="http://en.wikipedia.org/wiki/List_of_PDF_software#Viewers"]:visited,
a[href="http://en.wikipedia.org/wiki/List_of_PDF_software#Viewers"]:hover,
a[href="http://en.wikipedia.org/wiki/List_of_PDF_software#Viewers"]:focus,
a[href="http://en.wikipedia.org/wiki/List_of_PDF_software#Viewers"]:visited:hover,
a[href="http://en.wikipedia.org/wiki/List_of_PDF_software#Viewers"]:visited:focus {
background-image:url("/layout-a/wien.at/img/pdfreader.png") !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
padding: .2em 0 .2em 26px !important;
}
/* mehr-Links Zusatzinfos verstecken ------------------------------- */
.vie-mehrlink a {
text-transform: lowercase;
}
/* Neue Version für folgenden Code:
Mehr zu „Wiederholung der Überschrift …“
*/
span.vie-mehrlink {
visibility: hidden;
}
span.vie-mehrlink a {
visibility: visible;
}
/* Superlink ------------------------------------------------------- */
/*.vie-teaser-grid2 .vie-superlink,
.vie-teaser-zweispaltig .vie-superlink {
margin-top: -2em;
}
*/
.vie-superlink li {
/*
list-style: url("../../img/icon-dreieck-rechts-blau.png");
*/
list-style: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJAQMAAADAY3TdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFCV%2Bb%2F%2F%2F%2FUtTwqgAAAAJ0Uk5T%2FwDltzBKAAAAF0lEQVQI12OoYP4DggwMDBxMAkwKTA4AMCwD9JB3D7AAAAAASUVORK5CYII%3D");
margin-left: 6px;
line-height: 1.3;
padding-bottom: .2em;
}
/*
.vie-teaser-grid2 .vie-superlink a,
.vie-teaser-zweispaltig .vie-superlink a {
*/
.vie-superlink a {
padding: .1em auto .1em 0;
}
/* Biggerlink ------------------------------------------------------ */
/* :hover-Zustände für die Teaserboxen mit biggerlink-Skript */
.vie-teaser-hover h1,
.vie-teaser-hover h2,
.vie-teaser-hover h3,
.vie-teaser-hover h4 {
text-decoration: underline;
}
/* zus. Hervorhebung nur die Teaserboxen in Spalte 1&2, weil die in
Spalte 3 keine eigene Border haben. :focus geht hier nicht, weil die
Bilder beim Durchtabben ja nicht fokussiert werden */
#vie_col1 .vie-teaser-hover img:hover,
#vie_col2 .vie-teaser-hover img:hover {
border: 1px solid #095f9b !important;
}
/* falls doch, dann bitte nur per outline */
#vie_col3 .vie-teaser-hover img:hover {
outline: 1px solid #095f9b !important;
}
/* action link */
.vie-calltoaction {
font-size:0.846em;
padding: 12px 0;
}
#vie_main .vie-calltoaction a {
background: #7ac21c;
background-image: none;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.1, rgb(96,155,18)),
color-stop(0.71, rgb(122,194,28))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(96,155,18) 10%,
rgb(122,194,28) 71%
);
border: 1px solid #6c6c6c;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#fff !important;
font-size:1.455em;
text-decoration:none !important;
margin:0;
padding: 0.3em !important;
}
#vie_main .vie-calltoaction a, #vie_main .vie-calltoaction a:visited {
padding-right: 0.3em !important;
}
#vie_main .vie-calltoaction a:hover, #vie_main .vie-calltoaction a:focus{
background:#609b12;
padding-right: 0.3em !important;
}
#vie_main .vie-calltoaction a abbr {
border-bottom:0;
}
}