diff --git a/panels/mensaPlan/style.css b/panels/mensaPlan/style.css index 2d987b40b5aa451be0a34135d8f33c20957a5290..4191c41c33813774995df9c1eec2502c769612bb 100644 --- a/panels/mensaPlan/style.css +++ b/panels/mensaPlan/style.css @@ -1,18 +1,18 @@ /* Table */ -#mensaPlanTable1 { +.ui-tabs-nav { + background-color: #0000f0; + color: #000000; +} +#mensaPlanTitleBar { + text-align: center; +} +.mensaPlanTable { font-weight: bold; } -#mensaPlanTable1 td { +.mensaPlanTable td { border-bottom: solid 2px black; } -#mensaPlanTable1Head { - background-color: #0000f0; - color: #000000; -} -#mensaPlanTable1Body { +.mensaPlanTable tbody { background-color: #ffffff; color: #000000; } -#mensaPlanTitleBar { - text-align: center; -} diff --git a/panels/mensaPlan/style.less b/panels/mensaPlan/style.less index f1ef97fd6d60fac233559718883f43d64961063b..2ea24b87e61afda51ff650b14b757cd683207c0c 100644 --- a/panels/mensaPlan/style.less +++ b/panels/mensaPlan/style.less @@ -1,21 +1,21 @@ /* Table */ -#mensaPlanTable1 { - font-weight: bold; - td { - border-bottom: solid 2px black; - } -} -#mensaPlanTable1Head { +.ui-tabs-nav { background-color: #0000f0; color: #000000; } -#mensaPlanTable1Body { - background-color: #ffffff; - color: #000000; -} - #mensaPlanTitleBar { text-align: center; } + +.mensaPlanTable { + font-weight: bold; + td { + border-bottom: solid 2px black; + } + tbody { + background-color: #ffffff; + color: #000000; + } +} diff --git a/panels/mensaPlan/template.html b/panels/mensaPlan/template.html index ebfd6c2ca4b1cfa9a775946b11d842fd5320df33..9fbd33fe9f08603c2562d89da47ba7a05910495c 100644 --- a/panels/mensaPlan/template.html +++ b/panels/mensaPlan/template.html @@ -7,25 +7,25 @@ <li><a href="#tab-4">Beilagen</a></li> </ul> <div id="tab-1"> - <table id="mensaPlanTable1" style="width:100%;height:100%"> + <table id="mensaPlanTable1" style="width:100%;height:100%" class="mensaPlanTable"> <tbody id="mensaPlanTable1Body"> </tbody> </table> </div> <div id="tab-2"> - <table id="mensaPlanTable2" style="width:100%;height:100%"> + <table id="mensaPlanTable2" style="width:100%;height:100%" class="mensaPlanTable"> <tbody id="mensaPlanTable2Body"> </tbody> </table> </div> <div id="tab-3"> - <table id="mensaPlanTable3" style="width:100%;height:100%"> + <table id="mensaPlanTable3" style="width:100%;height:100%" class="mensaPlanTable"> <tbody id="mensaPlanTable3Body"> </tbody> </table> </div> <div id="tab-4"> - <table id="mensaPlanTable4" style="width:100%;height:100%"> + <table id="mensaPlanTable4" style="width:100%;height:100%" class="mensaPlanTable"> <tbody id="mensaPlanTable4Body"> </tbody> </table>