Team:TU Darmstadt/Template/CSS
From 2014.igem.org
(Difference between revisions)
Line 536: | Line 536: | ||
} | } | ||
+ | /* default styles for extension "tx_felogin_pi1" */ | ||
+ | .tx-felogin-pi1 label { | ||
+ | display: block; | ||
+ | } | ||
+ | /* default styles for extension "tt_news" */ | ||
+ | |||
+ | |||
+ | .news-single-rightbox, | ||
+ | .news-single-imgcaption, | ||
+ | .news-latest-date, | ||
+ | .news-latest-morelink, | ||
+ | .news-latest-category, | ||
+ | .news-list-category, | ||
+ | .news-list-author, | ||
+ | .news-list-imgcaption, | ||
+ | .news-list-date, | ||
+ | .news-list-browse, | ||
+ | .news-amenu-container, | ||
+ | .news-catmenu { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*----------------------------------- clearer -----------------------------------*/ | ||
+ | /* prevent floated images from overlapping the div-containers they are wrapped in */ | ||
+ | |||
+ | .news-latest-container HR.clearer, | ||
+ | .news-list-container HR.clearer, | ||
+ | .news-list2-container HR.clearer, | ||
+ | .news-list3-container HR.clearer, | ||
+ | .news-single-item HR.cl-left, | ||
+ | .news-single-item HR.cl-right | ||
+ | { | ||
+ | clear:right; | ||
+ | height:1px; | ||
+ | border:none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | } | ||
+ | .news-list2-container HR.clearer, | ||
+ | .news-list3-container HR.clearer { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .news-single-item HR.cl-left { | ||
+ | clear:left; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------- tt_news LATEST view -----------------------------------*/ | ||
+ | |||
+ | .news-latest-container { | ||
+ | padding:10px; | ||
+ | } | ||
+ | |||
+ | .news-latest-gotoarchive { | ||
+ | padding:3px; | ||
+ | margin:3px; | ||
+ | background-color:#f3f3f3; | ||
+ | } | ||
+ | |||
+ | |||
+ | .news-latest-container H2 { | ||
+ | padding: 0 0 2px 0; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .news-latest-item { | ||
+ | padding:3px; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .news-latest-item IMG { | ||
+ | |||
+ | margin: 0 5px 5px 0; | ||
+ | float:left; | ||
+ | border: none; | ||
+ | } | ||
+ | .news-latest-category IMG { | ||
+ | float: none; | ||
+ | border:none; | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .news-latest-item > p { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------- tt_news LIST view -----------------------------------*/ | ||
+ | .news-list-container { | ||
+ | padding: 10px 0; | ||
+ | |||
+ | } | ||
+ | .news-list-item { | ||
+ | padding: 0 0 10px 0; | ||
+ | } | ||
+ | |||
+ | .news-list-container H2 { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .news-list-date { | ||
+ | float: right; | ||
+ | display:block; | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | |||
+ | .news-list-imgcaption { | ||
+ | padding:3px 3px 0 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .news-list-container IMG { | ||
+ | float: right; | ||
+ | margin:0 2px 5px 5px; | ||
+ | border: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .news-list-category IMG { | ||
+ | float: none; | ||
+ | border:none; | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | .news-list-morelink { | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------- LIST2 / 3 ---------------------------------*/ | ||
+ | |||
+ | .news-list2-container, | ||
+ | .news-list3-container { | ||
+ | padding: 0 0 10px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .news-list2-container, | ||
+ | .news-list3-container { | ||
+ | background:#e5e5e5; | ||
+ | } | ||
+ | |||
+ | .news-list3-item, | ||
+ | .list2-subdiv-hdr { | ||
+ | background:#f1f1f1; | ||
+ | } | ||
+ | .news-list2-container .hdr-left, | ||
+ | .news-list2-container .hdr-right, | ||
+ | .news-list3-container .list3-left, | ||
+ | .news-list3-container .list3-right { | ||
+ | width:48%; | ||
+ | float:left; | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | .news-list2-container .sub-left, | ||
+ | .news-list2-container .sub-middle, | ||
+ | .news-list2-container .sub-right { | ||
+ | width:31%; | ||
+ | float:left; | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | .news-list3-item { | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | .news-list3-item, | ||
+ | .list3-subdiv, | ||
+ | .list2-subdiv { | ||
+ | border-top:5px solid #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | .news-list2-container IMG { | ||
+ | float: right; | ||
+ | margin:0 2px 5px 5px; | ||
+ | border: none; | ||
+ | |||
+ | } | ||
+ | .news-list3-container IMG { | ||
+ | float: left; | ||
+ | margin:0 5px 5px 2px; | ||
+ | border: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*--------------------------------- tt_news Page-Browser ---------------------------------*/ | ||
+ | |||
+ | .news-list-browse { | ||
+ | text-align:center; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | .activeLinkWrap { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .disabledLinkWrap { | ||
+ | color: #999; | ||
+ | } | ||
+ | .disabledLinkWrap, | ||
+ | .browseLinksWrap a, | ||
+ | .activeLinkWrap { | ||
+ | padding:0 1px; | ||
+ | } | ||
+ | |||
+ | /*--------------------------------- tt_news SINGLE view ---------------------------------*/ | ||
+ | |||
+ | |||
+ | .news-single-item { | ||
+ | padding:5px; | ||
+ | margin-bottom:5px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .news-single-img { | ||
+ | float: right; | ||
+ | margin:10px 0 0 10px; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | .news-single-img img { | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | .news-single-imgcaption { | ||
+ | padding: 1px 0 3px 0; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .news-single-rightbox { | ||
+ | float: right; | ||
+ | width:160px; | ||
+ | text-align:right; | ||
+ | clear:both; | ||
+ | } | ||
+ | .news-single-backlink { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .news-single-additional-info { | ||
+ | margin-top: 15px; | ||
+ | padding:3px; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .news-single-related, | ||
+ | .news-single-files, | ||
+ | .news-single-links { | ||
+ | margin: 0; | ||
+ | margin-bottom: 3px; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | |||
+ | .news-single-related DD, | ||
+ | .news-single-links DD, | ||
+ | .news-single-files DD { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | .news-single-related DT, | ||
+ | .news-single-links DT, | ||
+ | .news-single-files DT { | ||
+ | font-weight: bold; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | .news-single-files DD A { | ||
+ | padding:0 3px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*--------------------------------- SINGLE2 ---------------------------------*/ | ||
+ | |||
+ | |||
+ | .sv-img-big img, | ||
+ | .sv-img-small img { | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | .sv-img-big { | ||
+ | float: right; | ||
+ | padding: 10px 0 2px 10px; | ||
+ | } | ||
+ | .sv-img-small-wrapper { | ||
+ | padding:15px 0; | ||
+ | } | ||
+ | .sv-img-small { | ||
+ | float: left; | ||
+ | padding: 0 10px 10px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */ | ||
+ | .news-amenu-container { | ||
+ | width:165px; | ||
+ | padding:0; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | .news-amenu-container LI { | ||
+ | padding-bottom:1px; | ||
+ | |||
+ | } | ||
+ | .news-amenu-container LI:hover { | ||
+ | background-color: #f3f3f3; | ||
+ | |||
+ | } | ||
+ | |||
+ | .news-amenu-container UL { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | margin-top:5px; | ||
+ | |||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | .news-amenu-item-year { | ||
+ | font-weight: bold; | ||
+ | margin-top:10px; | ||
+ | padding: 2px; | ||
+ | background-color: #f3f3f3; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .amenu-act { | ||
+ | background:#fff; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | /*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */ | ||
+ | |||
+ | .news-catmenu { | ||
+ | padding:10px; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.tree { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | ul.tree A { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.tree A.pm { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | ul.tree img { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | ul.tree ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | padding-left: 17px; | ||
+ | } | ||
+ | |||
+ | ul.tree ul li { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | line-height: 10px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | ul.tree ul li.expanded ul { | ||
+ | background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left; | ||
+ | } | ||
+ | |||
+ | ul.tree ul li.last > ul { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | ul.tree li.active, ul.tree ul li.active { | ||
+ | background-color: #ebebeb !important; | ||
+ | } | ||
+ | |||
+ | ul.tree li.active ul, ul.tree ul li.active ul { | ||
+ | background-color: #f7f3ef; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Styles for catmenu mode "nestedWraps" */ | ||
+ | .level1 { | ||
+ | padding:1px; | ||
+ | padding-left:10px; | ||
+ | background-color:#ebf8bf; | ||
+ | border-left:1px solid #666; | ||
+ | border-top:1px solid #666; | ||
+ | } | ||
+ | .level2 { | ||
+ | padding:1px; | ||
+ | padding-left:10px; | ||
+ | background-color:#ddf393; | ||
+ | border-left:1px solid #666; | ||
+ | } | ||
+ | .level3 { | ||
+ | padding:1px; | ||
+ | padding-left:10px; | ||
+ | background-color:#cae46e; | ||
+ | border-left:1px solid #666; | ||
+ | border-top:1px solid #666; | ||
+ | |||
+ | } | ||
+ | .level4 { | ||
+ | padding:1px; | ||
+ | padding-left:10px; | ||
+ | background-color:#b0cb51; | ||
+ | border-left:1px solid #666; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* default styles for extension "tx_cssstyledcontent" */ | ||
+ | /* Headers */ | ||
+ | .csc-header-alignment-center { text-align: center; } | ||
+ | .csc-header-alignment-right { text-align: right; } | ||
+ | .csc-header-alignment-left { text-align: left; } | ||
+ | |||
+ | div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } | ||
+ | |||
+ | /* Clear floats after csc-textpic and after csc-textpic-imagerow */ | ||
+ | div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } | ||
+ | |||
+ | /* Set padding for tables */ | ||
+ | div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } | ||
+ | div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } | ||
+ | |||
+ | /* Settings for figure and figcaption (HTML5) */ | ||
+ | div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } | ||
+ | |||
+ | /* Captions */ | ||
+ | figcaption.csc-textpic-caption { display: table-caption; } | ||
+ | .csc-textpic-caption { text-align: left; caption-side: bottom; } | ||
+ | div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } | ||
+ | div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } | ||
+ | div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } | ||
+ | |||
+ | /* Float the columns */ | ||
+ | div.csc-textpic div.csc-textpic-imagecolumn { float: left; } | ||
+ | |||
+ | /* Border just around the image */ | ||
+ | div.csc-textpic-border div.csc-textpic-imagewrap img { | ||
+ | border: 2px solid black; | ||
+ | padding: 0px 0px; | ||
+ | } | ||
+ | |||
+ | div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } | ||
+ | |||
+ | /* Space below each image (also in-between rows) */ | ||
+ | div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; } | ||
+ | div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } | ||
+ | |||
+ | /* colSpace around image columns, except for last column */ | ||
+ | div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; } | ||
+ | div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } | ||
+ | |||
+ | /* Add margin from image-block to text (in case of "Text & Images") */ | ||
+ | div.csc-textpic-intext-left .csc-textpic-imagewrap, | ||
+ | div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | div.csc-textpic-intext-right .csc-textpic-imagewrap, | ||
+ | div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | /* Positioning of images: */ | ||
+ | |||
+ | /* Center (above or below) */ | ||
+ | div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } | ||
+ | div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } | ||
+ | div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } | ||
+ | |||
+ | /* Right (above or below) */ | ||
+ | div.csc-textpic-right .csc-textpic-imagewrap { float: right; } | ||
+ | div.csc-textpic-right div.csc-textpic-text { clear: right; } | ||
+ | |||
+ | /* Left (above or below) */ | ||
+ | div.csc-textpic-left .csc-textpic-imagewrap { float: left; } | ||
+ | div.csc-textpic-left div.csc-textpic-text { clear: left; } | ||
+ | |||
+ | /* Left (in text) */ | ||
+ | div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } | ||
+ | |||
+ | /* Right (in text) */ | ||
+ | div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } | ||
+ | |||
+ | /* Right (in text, no wrap around) */ | ||
+ | div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } | ||
+ | |||
+ | /* Left (in text, no wrap around) */ | ||
+ | div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } | ||
+ | |||
+ | div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } | ||
+ | |||
+ | /* Browser fixes: */ | ||
+ | |||
+ | /* Fix for unordered and ordered list with image "In text, left" */ | ||
+ | .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } | ||
+ | |||
+ | /* File Links */ | ||
+ | ul.csc-uploads { padding: 0; } | ||
+ | ul.csc-uploads li { list-style: none outside none; margin: 1em 0; } | ||
+ | ul.csc-uploads img { float: left; padding-right: 1em; vertical-align: top; } | ||
+ | ul.csc-uploads span { display: block; } | ||
+ | ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; } | ||
+ | |||
+ | /* Table background colors: */ | ||
+ | |||
+ | table.contenttable-color-1 { background-color: #EDEBF1; } | ||
+ | table.contenttable-color-2 { background-color: #F5FFAA; } | ||
+ | table.contenttable-color-240 { background-color: black; } | ||
+ | table.contenttable-color-241 { background-color: white; } | ||
+ | table.contenttable-color-242 { background-color: #333333; } | ||
+ | table.contenttable-color-243 { background-color: gray; } | ||
+ | table.contenttable-color-244 { background-color: silver; } | ||
+ | /* specific page styles for extension "tx_cssstyledcontent" */ | ||
+ | .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 310px; } | ||
+ | .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 310px; } | ||
+ | /* default styles for extension "tx_form" */ | ||
+ | div.csc-mailform ol, | ||
+ | div.csc-mailform ol li { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform ol li { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform fieldset { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform legend { | ||
+ | margin-left: 1em; | ||
+ | color: #000000; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform fieldset ol { | ||
+ | padding: 1em 1em 0 1em; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform fieldset li { | ||
+ | padding: 0.5em; | ||
+ | margin-bottom: 0.5em; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform fieldset.submit { | ||
+ | border-style: none; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Normal label | ||
+ | * Left aligned, in front of input | ||
+ | */ | ||
+ | div.csc-mailform li label { | ||
+ | float: left; | ||
+ | width: 13em; | ||
+ | margin-right: 1em; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform li input + label, | ||
+ | div.csc-mailform li textarea + label, | ||
+ | div.csc-mailform li select + label { | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | margin-right: 0; | ||
+ | margin-left: 1em; | ||
+ | } | ||
+ | |||
+ | div.csc-mailform li textarea + label { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | label em, | ||
+ | legend em { | ||
+ | display: block; | ||
+ | color: #060; | ||
+ | font-size: 85%; | ||
+ | font-style: normal; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | legend em { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | label strong, | ||
+ | legend strong { | ||
+ | display: block; | ||
+ | color: #C00; | ||
+ | font-size: 85%; | ||
+ | font-weight: normal; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | legend strong { | ||
+ | position: absolute; | ||
+ | top: 1.4em; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Labels alignment right | ||
+ | */ | ||
+ | .labels-alignment-right label, | ||
+ | .labels-alignment-right .fieldset-subgroup legend, | ||
+ | .labels-alignment-right.fieldset-subgroup legend { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Horizontal fieldset | ||
+ | */ | ||
+ | fieldset.fieldset-horizontal { | ||
+ | border-width: 0; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-horizontal ol { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-horizontal li { | ||
+ | float: left; | ||
+ | padding: 0; | ||
+ | margin-right: 1em; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-horizontal.label-below label { | ||
+ | display: block; | ||
+ | margin-left: 0; | ||
+ | margin-top: 0.2em; | ||
+ | font-size: 90%; | ||
+ | color: #999999; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-horizontal label em { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Subgroup fieldset | ||
+ | */ | ||
+ | fieldset.fieldset-subgroup { | ||
+ | margin-bottom: -2em; | ||
+ | border-style: none; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-subgroup legend { | ||
+ | margin-left: 0; | ||
+ | padding: 0; | ||
+ | font-weight: normal; | ||
+ | width: 13em; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-subgroup ol { | ||
+ | position: relative; | ||
+ | top: -1.4em; | ||
+ | margin: 0 0 0 14em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-subgroup li { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | fieldset.fieldset-subgroup input + label { | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | display: inline; | ||
+ | margin: 0 0 0 1em; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Labels as block | ||
+ | * Labels displayed above or below the input fields | ||
+ | */ | ||
+ | .labels-block label { | ||
+ | display: block; | ||
+ | float: none; | ||
+ | margin: 0 0 0.5em; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .labels-block input + label, | ||
+ | .labels-block textarea + label { | ||
+ | margin: 0.5em 0 0; | ||
+ | } | ||
+ | |||
+ | .labels-block fieldset.fieldset-subgroup, | ||
+ | fieldset.labels-block.fieldset-subgroup { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .labels-block .fieldset-subgroup legend, | ||
+ | .labels-block.fieldset-subgroup legend { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .labels-block .fieldset-subgroup legend em, | ||
+ | .labels-block.fieldset-subgroup legend em { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .labels-block .fieldset-subgroup legend strong, | ||
+ | .labels-block.fieldset-subgroup legend strong { | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | .labels-block .fieldset-subgroup ol, | ||
+ | .labels-block.fieldset-subgroup ol { | ||
+ | top: 0; | ||
+ | margin: 0; | ||
+ | padding: 0.5em 0 0; | ||
+ | } | ||
+ | /* default styles for extension "tx_ptextbase" */ | ||
+ | |||
+ | .tx-extbase-highlight { | ||
+ | font-weight:bold; | ||
+ | color: #003399; | ||
+ | } | ||
+ | |||
+ | .pt-extbase-groupselector { | ||
+ | border: 1px solid #7C7C7C; | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | /* default styles for extension "tx_ptextlist" */ | ||
+ | |||
+ | /* List */ | ||
+ | .tx-ptextlist-list-standard { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | font-size: 12px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-list-standard th { | ||
+ | background: #AAA; | ||
+ | border: 1px solid #bfbfbf; | ||
+ | padding: 4px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-list-standard td { | ||
+ | border: 1px solid #bfbfbf; | ||
+ | margin: 0px; | ||
+ | padding: 2px 4px 2px 4px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-list-standard tr.odd { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-list-standard tr.even { | ||
+ | background-color: #F5F5F5; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Listheader */ | ||
+ | .tx-ptextlist-list-header a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-list-header img { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Aggregates */ | ||
+ | .tx-ptextlist-aggregaterow { | ||
+ | background-color: #DDDDDD; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /* Export */ | ||
+ | |||
+ | .tx-ptextlist-list-exportLink { | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | /* Column selector */ | ||
+ | .tx-ptextlist-columnSelector{ | ||
+ | border: 1px solid #BFBFBF; | ||
+ | margin-bottom: 20px; | ||
+ | padding: 5px; | ||
+ | overflow: hidden; | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Filters */ | ||
+ | .tx-ptextlist-filterbox { | ||
+ | border: 1px solid #BFBFBF; | ||
+ | margin-bottom: 20px; | ||
+ | padding: 5px; | ||
+ | overflow: hidden; | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-filterboxcontrols { | ||
+ | /* float: left; */ | ||
+ | clear: both; | ||
+ | padding: 18px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-filters { | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-filter { | ||
+ | float: left; | ||
+ | margin: 20px; | ||
+ | padding: 10px; | ||
+ | list-style-type: none; | ||
+ | background-color: #ccc; | ||
+ | border: 1px solid #AFAFAF; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Filters | Firstletter */ | ||
+ | .tx-ptextlist-filter-firstLetter{ | ||
+ | float: left; | ||
+ | padding: 3px; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | .type-button .reset { | ||
+ | margin-left: 1em; | ||
+ | } | ||
+ | |||
+ | /* Filters | TagClud */ | ||
+ | .tx-ptextlist-filter-tagCloud-list li { | ||
+ | float: left; | ||
+ | list-style: none outside none; | ||
+ | margin-right: 6px; | ||
+ | margin-top: 3px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .tx-ptextlist-filter-tagCloud-list li a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* Pager */ | ||
+ | .tx-ptextlist-pager-wrapper { | ||
+ | border: 1px solid #BFBFBF; | ||
+ | margin-top: 20px; | ||
+ | padding: 5px; | ||
+ | overflow: hidden; | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-pager { | ||
+ | margin-left: 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-pager li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .tx-ptextlist-pager-item-display { | ||
+ | color: #777; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 13:36, 14 October 2014