/* Project: Master Kampagne Version 2 Author: Marc Haunschild Bundesanstalt für Landwirtschaft und Ernährung (BLE) Copyright: Bundesministerium für Ernährung, Landwirtschaft und Verbraucherschutz (BMELV) - Contents - - - - - - - - - - - - 1. General Colors 2. Resets and general rules 3. The Layout 4. Banner 4.1 Title 4.2 Service Navigation 4.3 Searchs 5. Navigation 5.1 General Styles 5.2 2nd and 3rd level 6. Article 6.1 General Styles 6.2 Internal Page Navigation 6.3 Teaser 6.4 Quotation 6.5 Infobox 6.6 Link list 6.7 Images 6.8 Table Data 6.9 Teaser List of News 6.10 Teaser List of Articles 6.11 Events 6.12 Mail Form 6.13 Contents 6.13.1 First Level 6.13.2 Second Level 6.14 Page Contents 6.15 Search Results 6.16 Page Navigation 6.17 RMS 7. Marginal Column 7.1 WAI Specials 7.2 Tag Cloud 7.3 Link Lists 7.4 Downloads 7.5 Images 7.6 News 7.7 Links 8. Footer 9. Picture Gallery 10. Resetting temporarily generated CSS - - - - - - - - - - - - - - - - - - ----------------------------------- 1. General Colors - - - - - - - - - - - - - - - - - - */ body { background-color: #fff; color: #000; } /* ----------------------------------- 2. Resets and general rules - - - - - - - - - - - - - - - - - - */ html, body, div, input, img { margin: 0; padding:0; border: 0; } #page { font-size: 100%; /* font-size not set for , so that min-width-expression still can be used for IE 6 */ font-family: "Times New Roman", serif; } hr, .sr-hint, #navigation, #marginal, #service, #banner #search, #pageNavigation { display:none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### Hier muss ich noch mal ran: Es sollte bei Links das Linkziel ausgegeben werden, bei Glossar-Einträgen, der Titel *[title]:after { content:" ("attr(title)")"; } #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### #################################################################################################################### - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ----------------------------------- 3. The Layout - - - - - - - - - - - - - - - - - - */ /* ----------------------------------- 4. Banner - - - - - - - - - - - - - - - - - - body { background-image: url(/uploads/pics/logo_netzwerk-schrift_02.jpg); background-repeat: no-repeat; background-position: right 0; } */ #banner #logo { position:absolute; left: 0; top: 0; } /* 4.1 Title - - - - - - - - - - */ #banner #title { float: left; margin-left: 220px; padding-bottom: 2em; } #banner #title h1 { font-size:1.875em; line-height: 1.16667em; color:#5b7a2e; } #banner #title p { font-size: .9375em; line-height: 1.33333em; font-weight:bold; color:#333; } /* 4.3 Search - - - - - - - - - */ /* ----------------------------------- 5. Navigation - - - - - - - - - - - - - - - - */ /* ----------------------------------- 6. Article - - - - - - - - - - - - - - - - - - 6.1 General Styles - - - - - - - */ #article .ceWrap { clear:both; } #article h2 { clear: both; padding: .5em 0 .5909em 0; font-size: 1.375em; line-height: 1.625em; font-weight:bold; color:#333; } #article h3 { margin-top: 1.375em; margin-bottom: .4375em; font-size: 1em; line-height: 1.625em; font-weight:bold; color:#4c4c4c; } #article h4 { margin-top: 1.4615em; margin-bottom: .3846em; font-size: .8125em; line-height: 1.5385em; font-weight:bold; color:#191919; } #article li, #article p { margin-bottom: .76923em; font-size: .8125em; line-height: 1.5385em; color:#595959; } *:first-child+html ol { margin-left: 4px; } #article ul { list-style-type: disc; } #article ul li { margin: 0 0 0 15px; padding: 0 0 0.3846em 5px; } #article ol li { margin: 0 0 0 20px; padding: 0 0 0.3846em 0; } #article li li, #article li h4, #article li p { font-size: 100%; } #article li h3, #article li p { margin-bottom: 0; } #article a { padding-left: 13px; color:#c44f03; text-decoration: none; background-image:url("../img/internalLink.png"); background-repeat: no-repeat; background-position: 3px 4px; } #article a.download { background-image:url("../img/downloadLink.png"); background-position: 1px 4px; } #article a:active, #article a:focus, #article a:hover { text-decoration: underline; } /* Some links in the article area must NOT have a link icon Removing them... */ #article h3 a, #article .newsImage a, #article #inPageNavigation a, #article .csc-textpic-image dt a, #article ul.contents li a, #article div.tx-chgallery-pi1 a { background-image: none; padding-left: 0; } /* 6.3 Teaser - - - - - - - - - */ .teaser { margin-bottom: .8125em; padding: .3125em 0 .125em 0; font-weight:bold; } /* 6.4 Quotation - - - - - - - - */ #article blockquote { margin: .8125em 0; padding: .3125em 10px .125em 62px; background-image: url(../img/quotationMark.png); background-repeat:no-repeat; background-color: #f2f2f2; } #article .quotation p { margin-top:0.76923em; } /* 6.5 Infobox - - - - - - - - */ #article .infobox { margin-top: .8125em; margin-bottom: .8125em; padding: .3125em 10px .125em 62px; background-image: url(../img/exclamationMark.png); background-repeat:no-repeat; background-color: #faece3; } #article .infobox p { margin-top:0.76923em; } /* 6.6 Link Lists - - - - - - - - */ #article div.linkList ul { } #article div.linkList ul li { margin-left:2.0769em; padding-left: 0; } #article div.linkList ul li a { background-image: none; padding-left: 0; } /* 6.7 Images - - - - - - - - - */ /* General image styling */ dl.csc-textpic-image { margin:0; margin-bottom:5px; } dl.csc-textpic-image .csc-textpic-caption { padding:0; font-size: .6875em; line-height: 1.81818em; color: #4c4c4c; } dl.csc-textpic-image dt { width: 225px; overflow: hidden; border-bottom:2px solid #fff; } dl.csc-textpic-image dd { margin:0; } /* Images on the right */ .csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin-left: 20px; margin-bottom: 10px; padding-top: 5px; } /* Images on the left */ .csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin-right: 20px; margin-bottom: 10px; padding-top: 5px; } /* Images at the top */ .csc-textpic-above dl.csc-textpic-image { margin-bottom: 1.25em; } .csc-textpic-above .csc-textpic-imagewrap { margin-bottom: 1.25em; margin-bottom: 10px; } .csc-textpic-above dl.csc-textpic-image dt { width: 470px; overflow: hidden; } /* 6.8 Table Data - - - - - - - */ #article table { width: 100%; } #article table caption { border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 5px 10px; font-size: .8125em; line-height: 1.53846em; text-align: left; font-weight: bold; color:#fff; background-color: #d5651c; } #article table th { vertical-align: top; padding: 5px 10px; font-size: .6875em; line-height: 1.53846em; text-align: left; color: #4c4c4c; background-color: #faece3; } #article table td { padding:5px 10px 5px 5px; font-size: .6875em; line-height: 1.36364em; color:#333; background-color: #ededed; } #article table th p, #article table td p { font-size:1em; } #article table td a { color: #c44f03; } /* 6.9 Teaser List of News - - - */ #article ul.news-list-container { list-style-type: none; } #article ul.news-list-container a { padding-left: 0; background-image: none; } #article ul.news-list-container li { margin-left: 0; padding-left: 0; overflow: hidden; } #article ul.news-list-container li h3 { font-size: 1.23077em; margin-top: 2px; margin-bottom: .9375em; padding-left: .625em; background-color: #ededed; } #article ul.news-list-container li h3 a { display: block; padding-top: 4px; color: #333; } #article ul.news-list-container li h3 a:active, #article ul.news-list-container li h3 a:focus, #article ul.news-list-container li h3 a:hover { text-decoration: underline; } #article ul.news-list-container li img { float: left; margin-right: 20px; padding: 4px 0 10px 0; } #article ul.news-list-container li p { } #article p.newsDate, #article ul.news-list-container li p.newsDate { background-color: #eff3ea; margin: 0 0 2px 0; padding:0 0 0 .7692em; } #article p.newsSummary { margin: .1538em 0 1.53854em 0; font-weight: bold; } #article p.newsSingleDate { padding: .384615em .384615em .384615em .7692em; font-weight: bold; background-color: #f2f2f2; } #article div.news-single-img { float: left; width:225px; overflow:hidden; margin-right: 20px; } #article div.news-single-img img { padding-top: 4px; } #article div.news-single-img a { padding-left: 0; background-image: none; } /* 6.10 Teaser List of Articles */ #article ul.article-list-container { list-style-type: none; } #article ul.article-list-container li { margin-left: 0; padding-left: 0; overflow: hidden; } #article ul.article-list-container li h3 { font-size: 1.23077em; margin-bottom: .9375em; padding: 0 .625em; background-color: #ededed; } #article ul.article-list-container li h3 a { display: block; padding-top: 4px; color: #333; } #article ul.article-list-container li h3 a:active, #article ul.article-list-container li h3 a:focus, #article ul.article-list-container li h3 a:hover { text-decoration: underline; } #article ul.article-list-container li .newsImage { float: left; margin-right: 20px; width: 225px; overflow: hidden; } #article ul.article-list-container li .newsImage img { padding-top: 4px; } /* 6.11 Events - - - - - - - - - */ #article .agendaTitle { position: relative; margin-top: .625em; } #article .agendaTitle h3, #article .agendaSpecial h3 { margin-top: .7692em; } #article .agendaTitle h3 { margin-bottom:0; padding: .3846em 5px .3846em 6.3942em; background-color: #e0edd0; font-size: .8125em; } #article .agendaTitle h3 strong { position: absolute; left: .7692em; top: .3846em; } #article .agendaItem { margin-top: -0.3846em 0 0 0; border-top: .3846em solid #e0edd0; background-color: #f0f6e8; } #article .agendaItem p { margin:0; padding: .3846em 5px .3846em 6.3942em; } #article .agendaItem ul { padding: .3846em 5px .3846em 5.4567em; list-style-image: url(../img/listStyleImageEvent.png); } #article .agendaSpecial { position: relative; margin-top: .625em; } #article .agendaSpecial h3 { margin-bottom:0; padding: .3846em 5px .3846em 6.3942em; background-color: #f2f2f2; font-size: .8125em; } #article .agendaSpecial h3 strong { position: absolute; left: .7692em; top: .3846em; } /* 6.11 Fake Teaser List (manually generated) - - - - */ #content #article div.teaserWide, #content #article div.teaserNarrow { clear:left; } /* 6.11 Forms - - - - - - - - - */ label { cursor:pointer; } /* 6.12 Mail Form */ #article .tx-thmailformplus-pi1 { margin-top: 1em; background-color: #e6e6e6; } #article .tx-thmailformplus-pi1 fieldset { border: 0; } #article .tx-thmailformplus-pi1 table { width:100%; border-collapse: collapse; margin:0; } #article .tx-thmailformplus-pi1 table th { border: 10px solid #e6e6e6; border-right:15px solid #e6e6e6; border-left: 0; padding-left:0; font-size: .8125em; font-weight: normal; background-color: #e6e6e6; } #article .tx-thmailformplus-pi1 table td { border: 10px solid #e6e6e6; border-right:15px solid #e6e6e6; padding: 4px 4px 4px 5px; background-color: #fff; } #article .tx-thmailformplus-pi1 table td input { width: 100%; font-size: 1.1818em; } #article .tx-thmailformplus-pi1 table td textarea { border:0; width:100%; font-size: 1.1818em; font-family: Arial,Helvetica,"Lucida sans",Geneva,sans-serif; } #article .tx-thmailformplus-pi1 table td.submit { border: 10px solid #e6e6e6; border-right:15px solid #e6e6e6; padding: 0; background-color: #e6e6e6; text-align: right; } #article .tx-thmailformplus-pi1 table td.submit input { width: 6.81818em; padding: 5px .4545em; text-transform: uppercase; color: #fff; background-color: #d05403; } /* Error-Outout */ #article .tx-thmailformplus-pi1 span { display: block; padding: 10px 0 0 10px; font-size: .8125em; color:#f00; } #article .tx-thmailformplus-pi1 br { display: none; } /* 6.12 Contents - - - - - - - - - 6.12.1 First Level */ #article ul.contents { list-style-type: none; list-style-image: url(../img/go.png); background-color: #f2f2f2; } #article ul.contents li { margin-left:2.0769em; padding: 0; font-weight: bold; } #article ul.contents li a { display: block; padding-top: .53846em; padding-bottom: .2308em; margin-bottom: .3846em; } *:first-child+html #article ul.contents, *:first-child+html #article ul.contents ul { list-style-type: none; list-style-image: none; } *:first-child+html #article ul.contents li a { position:relative; left: -25px; top: 0; padding-left: 25px; background-image: url(../img/go.png); background-position: 2px 7px; } /* 6.12.2 Second Level */ #article ul.contents ul { margin-left: -2.0769em; padding-left:2.0769em; list-style-image: url(../img/internalLink.png); background-color: #fff; } #article ul.contents li li a { margin-bottom: 0em; } *:first-child+html #article ul.contents ul li a { background-image: url(../img/internalLink.png); background-position: 2px 11px; } /* 6.12.3 Third Level */ #article ul.contents li li li a { font-weight: normal; } /* 6.13 Page Contents - - - - - */ #article ul#inPageNavigation { margin-bottom: .9375em; padding: 5px 5px 0 0; list-style-type: none; list-style-image: url(../img/down.png); background-color: #f2f2f2; } #article ul#inPageNavigation li { margin-left:2.0769em; padding-left: 0; } #article ul#inPageNavigation li ul { list-style-image: url(../img/downloadLink.png); } #article p.toContents { background-color: #f2f2f2; } #article p.toContents a { padding-left: 20px; background-image: url(../img/up.png); background-repeat: no-repeat; } /* 6.15 Search Results - - - - */ #article .tx-indexedsearch-whatis { font-size: .8125em; font-weight: bold; } /* 6.16 Page Navigation - - - - */ /* 6.17 RMS - - - - - - - - - - */ #article div#rms * { font-family: Arial, Helvetica, Geneva, "Lucida sans", sans-serif; } #article div#rms h4 { top:0; margin-top: 0; } #article div#rms br { display:none; } #article div#rms #rmsPflichtfeldHinweise p { color: #C44F03; } #article div#rms #rmsPflichtfeldHinweise ul li label { padding-left:0; color: #C44F03; } #article div#rms ul { list-style-type: none; } #article div#rms ul li { padding-left:0; margin-left:0; } #article div#rms li h3 { margin-top: 0; } #article div#rms ul li label { padding-left: 5px; } #article div#rms table { background-color: #ededed; padding: 10px 0; } #article div#rms table.ContentTable { padding: 0; } #article div#rms table th { width: 50%; border-bottom: 2px solid #fff; white-space: nowrap; font-size: .8125em; background-color: #ededed; } #article div#rms table td { border-bottom: 2px solid #fff; vertical-align: top; font-size: .8125em; } #article div#rms table td li { font-size: 100%; } #article div#rms table td b { visibility: hidden; } #article div#rms table th label { display:block; text-align: left;; } #article div#rms table tr td ul li label strong { font-weight: normal; } #article div#rms table td input[type=text] { padding: 4px; font-size: 100%; width: 90%; } #article div#rms table td select { padding: 4px; font-size: 100%; width: 94%; } #article div#rms table td select[name=inst_krz_tag], #article div#rms table td select[name=inst_krz_monat], #article div#rms table td select[name=inst_krz_jahr] { width: 30%; } #article div#rms input[type=submit] { background-color:#638B32; color:#FFFFFF; cursor:pointer; padding:4px 10px 3px; text-transform:uppercase; } #article div#rms div[align=center] { position:relative; padding:15px 0; } #article div#rms div[align=center] input[type=submit] { position:absolute; left:0; } #article div#rms .appointment ul { padding-bottom: 10px; } #article div#rms .appointment ul label { padding-left: 0; } #article div#rms ul li p select { margin-top: 10px; } #article div#rms form div ul li h4, #article div#rms form div ul li h4 strong { font-weight: normal; font-size: 100%; } /* ----------------------------------- 7. Marginal Column - - - - - - - - - - - - - - - - - - */ #marginal { border-top:2px solid #e5e5e5; } /* Some links in the marginal area must NOT have a link icon Removing them... */ #marginal .csc-textpic-image dt a { background-image: none; padding-left: 0; } #marginal div { border-bottom:2px solid #e5e5e5; padding-bottom:10px; min-height:10px; } #marginal div.csc-textpic-imagewrap{ padding-bottom: 0; } #marginal div div { border-bottom: 0; } #marginal h3 { margin-top: .72727em; margin-bottom: .54545em; font-size: .6875em; line-height: 1.81818em; text-transform: uppercase; color:#333; } #marginal h4 { margin-top: .72727em; margin-bottom: .54545em; font-size: .6875em; line-height: 1.81818em; color:#333; } #marginal p, #marginal li { font-size: .8125em; line-height: 1.81818em; color:#333; } #marginal li { margin-left: 1.81818em; } #marginal li li, #marginal li p, #marginal li a { font-size: 1em; } /* 7.1 WAI Specials - - - - - */ #marginal #waiSpecial { } #marginal #waiSpecial ul { border-top:10px solid #fff; padding:5px 0; list-style-type: none; background-color: #f2f2f2; } #marginal #waiSpecial ul li { line-height: 2.84615em; font-size:0.8125em; margin:0 0 0 5px; padding:0 0 0 5px; } #marginal #waiSpecial ul li a { display:block; height: 2.84615em; padding-left:42px; color:#c44f03; background-repeat: no-repeat; background-position: 0 0; } #marginal #waiSpecial ul li.dgs a { background-image: url(../img/dgs.png); } #marginal #waiSpecial ul li.easyLang a { background-image: url(../img/easyLang.png); } /* 7.2 Tag Cloud - - - - - - - - */ #marginal .infobox { margin-bottom: 10px; } #marginal .infobox p { padding:5px; font-size: 1em; line-height:1.5625em; background-color: #f2f2f2; } #marginal .infobox p a { color: #c44f03; padding-left: 0; background-image: none; } #marginal .infobox p a.importance1 { font-size:1.475em; } #marginal .infobox p a.importance2 { font-size:1.275em; } #marginal .infobox p a.importance3 { font-size: .9125em; } #marginal .infobox p a.importance4 { font-size: .8125em; } #marginal .infobox p a.importance5 { font-size: .7125em; } /* 7.3 Link List - - - - - - - - - - */ #marginal .linkList ul { list-style-type:none; padding-left:0; margin-left:0; } #marginal .linkList ul li { margin-left:0; margin-bottom: .54545em; font-size: .6875em; } #marginal .linkList ul li a { display:block; padding-left: 23px; font-size: 1.1818em; color: #c44f03; background-image: url(../img/go.png); background-repeat: no-repeat; background-position: 0 2px; } #marginal .linkList ul li h4 { font-weight: normal; font-size: 100%; } /* 7.4 Downloads - - - - - - - - */ #marginal div.downloadList ul { list-style-type: none; margin-top: .384615em; } #marginal div.downloadList ul li { margin-left: 0; padding: 0 0 5px 25px; text-indent: -23px; line-height: 1.53846em; } #marginal div.downloadList a { display:block; color: #666; text-decoration: none; text-transform: uppercase; padding-left: 0; background-image:none; font-size: .84615em; } #marginal div.downloadList a strong { padding-left: 23px; font-size: 1.1818em; font-weight: bold; color: #c44f03; background-image: url(../img/down.png); background-repeat: no-repeat; font-weight: normal; text-transform: none; } #marginal div.downloadList a:active, #marginal div.downloadList a:hover, #marginal div.downloadList a:focus { text-decoration: underline; } /* 7.5 Images - - - - - - - - - */ #marginal .csc-textpic-text { padding-bottom:0; } #marginal .csc-textpic dl { margin-bottom:0; } #marginal .csc-textpic dl dd { margin-left:0; } #marginal .csc-textpic-clear { border-bottom:none; min-height:2px; padding-bottom:0; } #marginal .csc-textpic a.extern { display:block; padding-left: 23px; line-height: 1.81818em; font-weight: bold; color: #c44f03; background-image: url(../img/go.png); background-repeat: no-repeat; } /* 7.6 News - - - - - - - - - - */ #marginal .news ul { list-style-type:none; } #marginal .news ul li { margin-left:0; margin-bottom: .54545em; font-size: .6875em; } #marginal .news ul li a { display:block; padding-left: 23px; font-size: 1.1818em; color: #c44f03; background-image: url(../img/go.png); background-repeat: no-repeat; background-position: 0 2px; } /* 7.7 Links - - - - - - - - - - */ #marginal a { padding-left: 13px; color:#c44f03; text-decoration: none; background-image:url("../img/internalLink.png"); background-repeat: no-repeat; background-position: 3px 4px; } #marginal a.download { background-image:url("../img/downloadLink.png"); background-position: 1px 4px; } #marginal a:active, #marginal a:focus, #marginal a:hover { text-decoration: underline; } /* ----------------------------------- 8. Footer - - - - - - - - - - - - - - - - - - */ #footer { clear:both; margin-top:20px; text-align: center; background-color:#f0f0f0; } #footer #relatedLogo { display:none; } #footer p { padding-top: 1.3125em; padding-bottom: .25em; } #footer p a { font-size: .75em; line-height: 1.66667em; font-weight:bold; color:#638b32; } #footer ul { display:none; } /* ----------------------------------- 9. Picture Gallery - - - - - - - - - - - - - - - - - - */ /* SINGLE view - - - - - - - - - */ .tx-chgallery-pi1 .bigimg { text-align:center; } /* CATEGORY view - - - - - - - - */ .tx-chgallery-pi1 .chgallery-list { padding:0; margin:5px 10px; list-style:none; border:1px solid #d2dce4; border-bottom:0; } /* LIST element */ .tx-chgallery-pi1 .chgallery-list li { padding:5px; border-bottom:1px solid #D2DCE4; } .tx-chgallery-pi1 .chgallery-list .itemodd { background-color:#E7EDF1; } .tx-chgallery-pi1 .chgallery-list .itemodd .img img { border:1px solid #ececec; } .tx-chgallery-pi1 .chgallery-list .itemeven { background-color:#f4f4f4; } .tx-chgallery-pi1 .chgallery-list .itemeven .img img { border:1px solid #E7EDF1; } .tx-chgallery-pi1 .chgallery-list .title a { font-weight:bold; } .tx-chgallery-pi1 .chgallery-list .img { float:left; width:120px; padding-left:2px; } .tx-chgallery-pi1 .chgallery-list .text { float:left; width:400px; } .tx-chgallery-pi1 .chgallery-list .clr { clear:both; } /* GALLERY view - - - - - - - - */ /* Directory browser */ .tx-chgallery-pi1 .info { margin:5px 10px 15px 10px; padding:3px 6px; border:1px solid #D2DCE4; background-color:#E7EDF1; } .tx-chgallery-pi1 .info .position { float:right; font-size:35px; font-style: italic; font-family:Georgia; color:#b8c9d6; margin-right:5px; } .tx-chgallery-pi1 .info .position span { font-size:20px; } .tx-chgallery-pi1 .info span { font-weight:bold; } /* Pagebrowser */ .tx-chgallery-pi1 .pagebrowser { padding:3px 0; margin:2px 0; } .tx-chgallery-pi1 .pagebrowser .text span, .tx-chgallery-pi1 .pagebrowser a { font-size: .8125em; } .tx-chgallery-pi1 .pagebrowser .prev { width:20%; float:left; } .tx-chgallery-pi1 .pagebrowser .text { width:60%; float:left; text-align:center; } .tx-chgallery-pi1 .pagebrowser .next { width:20%; float:right; text-align:right; } .tx-chgallery-pi1 .clr { clear:both; } /* GALLERY single element */ .tx-chgallery-pi1 .single { width:141px; overflow: hidden; background-color:#f3f4f6; float:left; padding:5px; margin: 5px 5px 0 0; } .tx-chgallery-pi1 .single .img { width:141px; height:126px; padding: 0; line-height:126px; position:relative; background-color: #fff; } .tx-chgallery-pi1 .act .img { background-image:url(../img/bgact.gif); background-repeat: no-repeat; } .tx-chgallery-pi1 .single .img .align { width:160px; height:126px; position:absolute; top:50%; left:50%; text-align:center; display:block; margin-top:-58px; margin-left:-80px; } .tx-chgallery-pi1 .single span { display:block; margin:1px 5px; width:140px; font-size: .6875em; line-height:1.81818em; } .tx-chgallery-pi1 .single span small { font-size:10px; } * html .tx-chgallery-pi1 .single span { height:20px; } /* small version */ .tx-chgallery-pi1 .singlesmall img{ float:left; padding:0 1px 2px 1px; margin:0 5px ; } /* Settings for ajax mode */ .tx-chgallery-pi1 .hide { display:none; } .tx-chgallery-pi1 #chgalleryimg { padding:0 20px; } /* Ajax loading icon */ .tx-chgallery-pi1 #chajax { background:#fff url(../img/ajaxloading.gif) no-repeat center center; position:absolute; height:490px; width:550px; z-index:999; margin:10px 0 0 10px opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /* accord */ #chgallery-list { border:1px solid #D2DCE4; border-top:0; } .tx-chgallery-pi1 .chgallery-title { padding:5px 10px; cursor:pointer; font-weight:bold; border-top:1px solid #D2DCE4; } .tx-chgallery-pi1 .chgallery-content2 { border-top:1px solid #eee; padding:10px 5px; } /* ----------------------------------------- 10. Resetting temporarily generated CSS - - - - - - - - - - - - - - - - - - - - - */ .level1, .level2, .level3 { background-color:transparent; border-left:0; padding:0; }