first commit
This commit is contained in:
324
themes/fsmi-theme/static/css/main.css
Normal file
324
themes/fsmi-theme/static/css/main.css
Normal file
@@ -0,0 +1,324 @@
|
||||
h1 {font-size: 1.6em}
|
||||
h2 {font-size: 1.4em}
|
||||
h3 {font-size: 1.2em}
|
||||
h4 {font-size: 1.1em}
|
||||
h5 {font-size: 1.0em}
|
||||
h6 {font-size: 1.0em}
|
||||
|
||||
h1.title {
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
padding: 0.2em 0.5em;
|
||||
color:white;
|
||||
padding-right: 0em;
|
||||
border-radius: 0.3em 0.0em 0.0em 0.3em;
|
||||
}
|
||||
|
||||
#logo {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
#page-content h1, #page-content h2 {
|
||||
padding: 0.2em 0.5em;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
#page-content h1{
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
}
|
||||
#page-content h1 a{
|
||||
color:white;
|
||||
}
|
||||
#page-content h2{
|
||||
background-color: rgba(0,0,0,0.65);
|
||||
|
||||
}
|
||||
/*Style for general links*/
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
a ,.navbar-text, #menu-toggle + label{
|
||||
text-decoration:none;
|
||||
color: #2c3e6e;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*Link styling for header*/
|
||||
a.menulink {
|
||||
text-decoration:none;
|
||||
padding-right:0.2em;
|
||||
padding-left:0.2em;
|
||||
display:inline-block;
|
||||
}
|
||||
a.head:hover, a.head:active, a.menulink:hover, a.menulink:active{
|
||||
|
||||
background-color: black;
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
/*padding:0.1rem;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#page-title > a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
font-size: 15px;
|
||||
font-family: "Gill Sans", "Gill Sans MT", "" sans-serif;
|
||||
background-image:url('/2017/theme/pattern.png');
|
||||
color: black;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
display: inline-block;
|
||||
}
|
||||
/*Navigation*/
|
||||
#navbar {
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#navbar .navbar-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#navbar .navbar-header > div {
|
||||
flex: initial;
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
/*display: inline-block;*/
|
||||
/*width: 80%;*/
|
||||
font-size: 2rem;
|
||||
/*color: #2c3e6e;*/
|
||||
/*text-align: center;*/
|
||||
}
|
||||
|
||||
|
||||
.navbar-img {
|
||||
/*min-width: 9%;*/
|
||||
/*display: inline-block;*/
|
||||
/*text-align: center;*/
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
#menuitem-list {
|
||||
text-align: center;
|
||||
font-size: 25pt;
|
||||
padding-left: 0em;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center ;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
@media all and (max-width: 55rem) {
|
||||
#menuitem-list {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.dropdown {
|
||||
/*display: inline-block;*/
|
||||
/*vertical-align: top;*/
|
||||
padding-right:2%;
|
||||
padding-left:2%;
|
||||
list-style-type: none;
|
||||
flex-basis: max-content;
|
||||
}
|
||||
|
||||
|
||||
ul.dropdown-content {
|
||||
font-size:65%;
|
||||
display: none;
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
padding-left: 2em;
|
||||
padding-right: 1em;
|
||||
border:thin solid #333;
|
||||
position:absolute;
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
border-top: none;
|
||||
}
|
||||
#menu-toggle{
|
||||
display: none;
|
||||
}
|
||||
#menu-toggle + label {
|
||||
display: none;
|
||||
text-align: center;
|
||||
font-size:1.5em;
|
||||
border-bottom: dotted 2px darkgrey;
|
||||
border-top: dotted 2px darkgrey;
|
||||
|
||||
|
||||
}
|
||||
@media all and (max-width: 55rem) {
|
||||
ul.dropdown-content{
|
||||
text-align: center;
|
||||
}
|
||||
ul.dropdown-content{
|
||||
position: static;
|
||||
}
|
||||
#menu-toggle + label {
|
||||
display: block;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
#menu-toggle:checked + label{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#menu-toggle {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
|
||||
}
|
||||
#menu-toggle ~ #menuitem-list {
|
||||
display: none;
|
||||
}
|
||||
#menu-toggle:checked ~ #menuitem-list{
|
||||
display: block;
|
||||
border-bottom: dotted 2px darkgrey;
|
||||
|
||||
}
|
||||
}
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
margin: 0;
|
||||
margin-bottom: 21px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.article_info {
|
||||
padding: 0.1em 1em;
|
||||
border-radius: 0.3em;
|
||||
background-color: rgba(84, 191, 199, 0.5);
|
||||
}
|
||||
|
||||
.pagination {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
td.code {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.panel-group {
|
||||
width:80%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
|
||||
.panel, #page-content{
|
||||
background-color: rgba(183, 183, 183, 0.3);
|
||||
border-radius:0.3em 0.3em 0 0;
|
||||
|
||||
}
|
||||
|
||||
.panel{
|
||||
padding:1rem;
|
||||
/*margin-bottom:0.1em;*/
|
||||
/*background-color: #2c3e6e;*/
|
||||
margin-bottom: 1rem;
|
||||
/*border-bottom: 0.2em solid #ddd;*/
|
||||
}
|
||||
|
||||
ul.pagination {
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
ul.pagination li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
|
||||
.sr-only {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.container {
|
||||
width:90%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
#page-content {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
/*background-color: #2c3e6e;*/
|
||||
/*color: #fff;*/
|
||||
padding: 1em;
|
||||
/*border-radius: 0.3em;*/
|
||||
}
|
||||
|
||||
/*#page-content p {*/
|
||||
/*color: #E1FFFF;*/
|
||||
/*}*/
|
||||
|
||||
#page-content .header {
|
||||
border-bottom: 0.1em dotted black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page-content .content {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.wall-of-text {
|
||||
line-height: 1.5em;
|
||||
/*column-count: 2;*/
|
||||
column-width: 30em;
|
||||
column-gap: 1.5em;
|
||||
column-rule: dashed 0.1em red;
|
||||
widows: 3;
|
||||
orphans: 3;
|
||||
}
|
||||
|
||||
/*.wall-of-text p {*/
|
||||
/*-webkit-margin-before: 0;*/
|
||||
/*-webkit-margin-after: 0;*/
|
||||
/*}*/
|
||||
|
||||
.wall-of-text :not(p) {
|
||||
column-span: all;
|
||||
}
|
||||
21
themes/fsmi-theme/static/css/sprechstunden.css
Normal file
21
themes/fsmi-theme/static/css/sprechstunden.css
Normal file
@@ -0,0 +1,21 @@
|
||||
tr:nth-child(3n+1) td {
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
td {
|
||||
border-right: 1px dashed;
|
||||
}
|
||||
|
||||
tr:nth-child(n-1) td {
|
||||
border-left: 1px dashed;
|
||||
}
|
||||
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: 1px dashed;
|
||||
}
|
||||
|
||||
#page-content{
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
Reference in New Issue
Block a user