Skip to content

GitLab

Commit 1c94708a authored by Karl's avatar Karl
Browse files

Die Style.css ist mal wieder nach ID, Class und Element sortiert.

parent e405c2e8
Hide whitespace changes
Inline Side-by-side
Showing with 379 additions and 305 deletions
public/css/style.css
View file @ 1c94708a
* {
font-family: Liberation Sans, sans-serif;
/*
By ID
*/
#color-chooser {
padding: 0;
}
label a {
color: inherit;
#moreInformation {
box-shadow: none;
margin-top: 5%;
text-align: center;
-moz-box-shadow: none;
}
label a:hover {
text-decoration: none;
color: inherit;
#mglogo {
width: 100%;
text-align: center;
}
li#info {
white-space: pre-line;
#spruch {
margin-bottom: 20px;
padding: 5px;
line-height: 1.2 !important;
color: #070;
border-left: 3px solid #070;
font-size: 16px;
font-family: Georgia, "Times New Roman", Palatino, Times, serif;
}
.navbar-default {
background-color: white;
border-radius: 0;
/*
Mixed
*/
#color-chooser #standard {
background-color: rgb(255, 194, 107);
}
.row {
margin-left: 0;
margin-right: 0;
#color-chooser #standardHard {
background-color: rgb(255, 128, 0);
}
.mg-panel {
text-align: left;
margin: 0 auto;
margin-top: 20px;
padding: 10px 20px;
margin-bottom: 0;
background-color: white;
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
#color-chooser #green {
background-color: rgb(177, 226, 163);
}
.input-group-addon {
padding: 0;
#color-chooser #greenHard {
background-color: rgb(127, 175, 27);
}
.form-group {
font-family: sans-serif;
font-size: 16px;
color: black;
background-color: transparent;
text-align: center;
#color-chooser #blue {
background-color: rgb(164, 192, 230);
}
section {
padding: 10px;
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
#color-chooser #blueHard {
background-color: rgb(2, 93, 140);
}
body > div {
background-color: transparent;
padding-top: 70px;
#color-chooser #red {
background-color: rgb(255, 92, 92);
}
footer ul.list-inline {
width: 100%;
#color-chooser #redHard {
background-color: rgb(255, 0, 0);
}
footer li {
width: 33%;
text-align: center;
#color-chooser #pink {
background-color: rgb(255, 196, 246);
}
footer img {
max-width: 100%;
#color-chooser #pinkHard {
background-color: rgb(254, 67, 101);
}
span.glyphicon {
background-color: transparent;
#color-chooser #black {
background-color: rgb(238, 238, 238);
}
footer {
margin-top: 8%;
bottom: 0;
width: 100%;
#color-chooser #blackHard {
background-color: rgb(50, 50, 50);
}
main ul li {
margin: 0 10px;
#mglogo > a {
display: block;
width: 200px;
text-decoration: none;
font-size: 1.1em;
font-family: Liberation Sans, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 1.0em;
line-height: 1;
white-space: nowrap;
padding: 0.4em 0;
border-radius: .25em;
margin: 0 auto;
}
body ul {
list-style-type: none;
text-align: center;
margin-left: 0!important;
margin-top: 10px;
#sponsors a {
font-size: 0.8em;
}
fieldset input[type=text] {
width: 100%;
padding-left: 10px;
padding-right: 10px;
border-width: 1px;
overflow: visible;
#sponsors h2 {
font-size: 1.5em!important;
}
main fieldset {
border: 0;
#foki label > span {
margin-right: 5px;
}
main fieldset#foki {
margin: 5px 0;
text-align: center;
#foki label span {
background-color: transparent;
}
a.content.hidden-xs {
color: #333;
#foki input {
visibility: hidden;
}
header nav a {
text-decoration: none;
color: rgb(119, 119, 119);
#foki input:checked + label {
font-weight: bold;
background-color: #e3e3e3;
}
a.navbar-brand {
line-height: 100%!important;
padding: 0;
#foki input + label {
border-radius: 4px;
padding: 7px 20px;
font-weight: normal;
}
nav .navbar-brand > div.logo {
height: 100%;
#foki input + label:hover {
cursor: pointer;
background-color: #f6f6f6;
}
nav h1 {
margin: 0;
height: 100%;
padding-left: 20px;
padding-top: 8px;
font-family: sans-serif;
font-style: italic;
margin: 0;
font-weight: bold;
line-height: 1;
white-space: nowrap;
#color-chooser a {
display: block;
width: 50px;
height: 50px;
}
body {
#color-chooser li {
width: 50px;
margin: 0;
}
header {
position: fixed;
background-color: white;
z-index: 500;
width: 100%;
height: 50px;
#moreInformation ul {
/* text-align: left; */
padding: 0;
}
.dotlist {
list-style-type: disc;
text-align: left;
#moreInformation ul li {
color: grey;
}
.dotlist li {
margin-bottom: 5px;
#moreInformation > div {
font-size: 15px;
}
.well-sm {
margin: 10px 0px;
#moreInformation h2 {
color: grey;
font-size: 25px;
}
address {
white-space: pre;
#moreInformation a:hover {
text-decoration: underline;
}
.subheading {
font-size: 20px;
margin: 20px 0px;
white-space: pre-wrap;
#searchForm button {
width: 50px;
line-height: 100%;
height: 28px;
border: 0;
background-color: transparent;
padding: 0;
}
p {
white-space: pre-wrap;
li#info {
white-space: pre-line;
}
form {
margin: 10px 0px;
main fieldset#foki {
margin: 5px 0;
text-align: center;
}
div#right {
......@@ -200,65 +218,105 @@ div#right p {
padding-bottom: 15px;
}
.bitcoins {
text-align: center;
}
div#left {
padding-right: 35px;
}
.bold {
font-weight: bold;
textarea#message {
height: 200px;
}
code {
white-space: pre-wrap;
word-break: break-word;
#anpassen-label a.content {
color: inherit;
}
form.contact {
max-width: 500px;
#plugin-modal ol > li {
margin-bottom: 5px;
}
textarea#message {
height: 200px;
/*
By Class
*/
.quicktip {
margin-bottom: 15px;
padding: 10px;
line-height: 1.2 !important;
font-family: Georgia, "Times New Roman", Palatino, Times, serif;
color: #000;
border-left: 3px solid #FB0;
font-size: 14px;
}
.checkbox {
margin-top: 5px;
margin-bottom: 5px;
.wikiqtextract {
font-family: Georgia, "Times New Roman", Palatino, Times, serif;
}
label.select-label {
margin-bottom: 0;
margin-top: 10px;
.qtheader {
font-family: verdana, arial, helvetica, sans-serif;
}
.settings-btn {
margin-top: 25px;
.author {
float: right !important;
}
.settings-btn + .settings-btn {
margin-left: 10px;
.language-textarea {
resize: none;
overflow: hidden;
}
.fokus-category {
font-size: 20px;
.language-name {
white-space: pre;
}
.settings-form-control {
width: 200px;
margin-top: 10px;
.navbar-default {
background-color: white;
border-radius: 0;
}
a:hover {
cursor: pointer;
.row {
margin-left: 0;
margin-right: 0;
}
.settings-checkbox .settings-glyphicon {
margin-left: 5px;
font-size: 12px;
.mg-panel {
text-align: left;
margin: 0 auto;
margin-top: 20px;
padding: 10px 20px;
margin-bottom: 0;
background-color: white;
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}
.input-group-addon {
padding: 0;
}
.form-group {
font-family: sans-serif;
font-size: 16px;
color: black;
background-color: transparent;
text-align: center;
}
.kontakt-form-group {
text-align: left;
font-size: 14px;
}
......@@ -307,23 +365,23 @@ a:hover {
margin-right: 3px;
}
code {
overflow-wrap: break-word;
word-wrap: break-word;
.mutelink {
color: grey;
}
.non-bold {
font-weight: normal;
.dotlist {
list-style-type: disc;
text-align: left;
}
@media print {
.noprint {
display: none!important;
}
.well-sm {
margin: 10px 0px;
}
.donation-form-group label {
font-weight: bold;
.subheading {
font-size: 20px;
margin: 20px 0px;
white-space: pre-wrap;
}
.donation-form-group {
......@@ -335,239 +393,255 @@ code {
text-align: left;
}
#color-chooser #standard {
background-color: rgb(255, 194, 107);
.modal-content {
border-radius: 0;
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}
#color-chooser #standardHard {
background-color: rgb(255, 128, 0);
.bold {
font-weight: bold;
}
#color-chooser #green {
background-color: rgb(177, 226, 163);
.settings-btn {
margin-top: 25px;
}
#color-chooser #greenHard {
background-color: rgb(127, 175, 27);
.fokus-category {
font-size: 20px;
}
#color-chooser #blue {
background-color: rgb(164, 192, 230);
.settings-form-control {
width: 200px;
margin-top: 10px;
}
#color-chooser #blueHard {
background-color: rgb(2, 93, 140);
.bitcoins {
text-align: center;
}
#color-chooser #red {
background-color: rgb(255, 92, 92);
.checkbox {
margin-top: 5px;
margin-bottom: 5px;
}
#color-chooser #redHard {
background-color: rgb(255, 0, 0);
.non-bold {
font-weight: normal;
}
#color-chooser #pink {
background-color: rgb(255, 196, 246);
}
#color-chooser #pinkHard {
background-color: rgb(254, 67, 101);
}
/*
#color-chooser #black {
background-color: rgb(238, 238, 238);
Mixed
*/
.quicktip.aufruf {
border-left: 3px solid #FF4000;
color: #FF4000;
}
#color-chooser #blackHard {
background-color: rgb(50, 50, 50);
.settings-checkbox .settings-glyphicon {
margin-left: 5px;
font-size: 12px;
}
#color-chooser {
padding: 0;
.settings-btn + .settings-btn {
margin-left: 10px;
}
#color-chooser a {
display: block;
width: 50px;
height: 50px;
.wikiqtextract p {
margin-bottom: 0;
}
#color-chooser li {
width: 50px;
margin: 0;
footer ul.list-inline {
width: 100%;
}
#moreInformation {
box-shadow: none;
margin-top: 5%;
text-align: center;
-moz-box-shadow: none;
span.glyphicon {
background-color: transparent;
}
#moreInformation ul {
/* text-align: left; */
padding: 0;
a.content.hidden-xs {
color: #333;
}
#moreInformation ul li {
color: grey;
a.navbar-brand {
line-height: 100%!important;
padding: 0;
}
#moreInformation > div {
font-size: 15px;
nav .navbar-brand > div.logo {