diff --git a/public/css/styleResultPage.css b/public/css/styleResultPage.css
index 1fd4eca51aaf53bad948deee4f759c494c70a8c0..daaf135a73a08c560582caa4a7b7e477b50505c8 100644
--- a/public/css/styleResultPage.css
+++ b/public/css/styleResultPage.css
@@ -1,5 +1,5 @@
-*{
- font-family: Liberation Sans, sans-serif;
+* {
+ font-family: Liberation Sans, sans-serif;
}
.row {
@@ -7,73 +7,68 @@
margin-top: 0;
}
-header * {
-}
+header * {}
#foki li {
/* background-color: rgba(255, 255, 255, 0.93); */
/* border-top-right-radius: 5px; */
}
-.nav-tabs > li.active {
-}
+.nav-tabs > li.active {}
nav-tabs > li.active {
border-bottom: 0;
}
.tab-pane.active {
- /* -webkit-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);
-
- /* box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55); */
- padding: 10px 0;
- padding-top: 0;
+ /* -webkit-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);
+ /* box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55); */
+ padding: 10px 0;
+ padding-top: 0;
}
+
/* Hier der Style für unsere Suchleiste */
- #researchBar
- {
-
- }
- .tab-pane .alert{
-
+
+#researchBar {}
+
+.tab-pane .alert {
margin: 10px 0;
padding: 5px 15px;
}
- .alert ul{
- list-style-type:none;
-
- padding-left: 49px;
+
+.alert ul {
+ list-style-type: none;
+ padding-left: 49px;
}
- /* Logo */
- .logo
- {
+
+
+/* Logo */
+
+.logo {
height: 35px;
-
padding: 5px 0;
}
- .logo > a
- {
+
+.logo > a {
line-height: 100%;
-
height: 100%;
display: block;
}
-#research *{
-}
+
+#research * {}
#research ul.list-inline {
margin-left: 0;
width: 100%;
}
-@media (max-width: 767px){
- #research .visible-xs {
- display: inline-block!important;
- }
- #research nav ul li + li + li{
- }
+@media (max-width: 767px) {
+ #research .visible-xs {
+ display: inline-block!important;
+ }
+ #research nav ul li + li + li {}
}
.input-group-addon {
@@ -124,207 +119,218 @@ header ul {
width: 100%;
height: 45px;
z-index: 500;
-
-
width: 80%;
left: 50%;
margin-left: -40%;
}
- .logo h1
- {
- font-family: Liberation Sans, sans-serif;
- font-style: italic;
- margin: 0;
- font-weight: bold;
- line-height:1;
- white-space:nowrap;
-
- /* padding: 5px 0; */
-}
- #search
- {
- background-color: inherit;
- border:0;
-
- width: 50px;
- height: 100%;
-}
- #reSearch
- {
-
-}
- #reSearch a
- {
- color: black;
- }
-.content-wrapper
- {
- width: 80%;
- margin: 0 auto;
- padding-top: 60px;
- /* padding: 10px; */
-
- 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);
-}
- #helpButton
- {
- color:black;
- }
-body
-{
+
+.logo h1 {
+ font-family: Liberation Sans, sans-serif;
+ font-style: italic;
+ margin: 0;
+ font-weight: bold;
+ line-height: 1;
+ white-space: nowrap;
+ /* padding: 5px 0; */
+}
+
+#search {
+ background-color: inherit;
+ border: 0;
+ width: 50px;
+ height: 100%;
+}
+
+#reSearch {}
+
+#reSearch a {
+ color: black;
+}
+
+.content-wrapper {
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 60px;
+ /* padding: 10px; */
+ 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);
+}
+
+#helpButton {
+ color: black;
+}
+
+body {
height: 100%;
background-image: inherit;
/* background-attachment: fixed; */
- background-color: rgba(2,93,140,.03);
+ background-color: rgba(2, 93, 140, .03);
}
-a:link
-{
- color:#0000FF;
+
+a:link {
+ color: #0000FF;
}
a#donation:hover {}
-a#donation,a#donation:visited {
+a#donation, a#donation:visited {
color: inherit;
}
a#donation:hover {
color: red;
}
-a:visited
-{
- color: #7676FF;
+
+a:visited {
+ color: #792ea1;
}
-a:hover
-{
- text-decoration:none;
- color:red;
+
+a:hover {
+ text-decoration: none;
+ color: red;
}
+
+
/* Hier der Style für unsere Tabliste */
-#foki{
+
+#foki {
background-color: white;
}
-#foki a{
- color: grey;
+
+#foki a {
+ color: grey;
}
-#foki li.active a{
- color: black;
- background-color: white;
+
+#foki li.active a {
+ color: black;
+ background-color: white;
}
-#foki li.active span + span{
- display:inline!important;
+
+#foki li.active span + span {
+ display: inline!important;
}
+
/* Hier der Style für unseren Spruch */
-#spruch
-{
- padding: 10px;
- /* margin-top: 10px; */
- margin-bottom: 0;
- padding-bottom: 10px;
- padding-left: 65px;
- color:green;
- font-weight:bold;
-}
-#spenden{
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
-}
-#spruch .author{
- font-size:80%;
- font-weight:normal;
- font-style:italic;
- color:#333333;
-}
-#spruch > p
-{
- margin-bottom:0;
-}
-#spruch > p + p
-{
- margin-top:4px;
+
+#spruch {
+ padding: 10px;
+ /* margin-top: 10px; */
+ margin-bottom: 0;
+ padding-bottom: 10px;
+ padding-left: 65px;
+ color: green;
+ font-weight: bold;
}
+#spenden {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+#spruch .author {
+ font-size: 80%;
+ font-weight: normal;
+ font-style: italic;
+ color: #333333;
+}
+
+#spruch > p {
+ margin-bottom: 0;
+}
+
+#spruch > p + p {
+ margin-top: 4px;
+}
+
+
/* Hier der Style für die einzelnen Ergebnisboxen */
-.result
-{
- margin-bottom:10px;
- /* padding:0 50px; */
- width:100%
-}
-.result > .number
-{
- font-size: 15px;
- line-height:1;
- text-align: right;
-}
-
-.result > .resultInformation
-{
- border-radius: 5px;
-}
-.result .title
-{
- color: black;
- text-decoration: none;
- font-size: 15px;
- font-weight: bold;
- margin-bottom:0;
- white-space:nowrap;
- line-height:1.1;
- max-width:115ch;
- overflow:hidden;
- text-overflow:ellipsis;
+
+.result {
+ margin-bottom: 10px;
+ /* padding:0 50px; */
+ width: 100%
+}
+
+.result > .number {
+ font-size: 15px;
+ line-height: 1;
+ text-align: right;
+}
+
+.result > .resultInformation {
+ border-radius: 5px;
+}
+
+.result .title {
+ color: black;
+ text-decoration: none;
+ font-size: 15px;
+ font-weight: bold;
+ margin-bottom: 0;
+ white-space: nowrap;
+ line-height: 1.1;
+ max-width: 115ch;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.result.ad .title {
color: green;
}
-.result .link
-{
- font-size: 13px;
- margin: 0;
- line-height:1.5;
+
+.result .link {
+ font-size: 13px;
+ margin: 0;
+ line-height: 1.5;
}
-.result .link-link{
- white-space:nowrap;
- max-width:60%;
- overflow:hidden;
- text-overflow:ellipsis;
- float:left;
+
+.result .link-link {
+ white-space: nowrap;
+ max-width: 60%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ float: left;
}
-.result:not(.ad) .link > div{
- white-space:nowrap;
+
+.result:not(.ad) .link > div {
+ white-space: nowrap;
}
-.result:not(.ad) .link > span{
- white-space:nowrap;
- margin: 0 5px;
+
+.result:not(.ad) .link > span {
+ white-space: nowrap;
+ margin: 0 5px;
}
-.result:not(.ad) .link .options{
- color: #333;
- float:left;
+
+.result:not(.ad) .link .options {
+ color: #333;
+ float: left;
}
-.result:not(.ad) .link:hover{
- cursor:pointer;
+
+.result:not(.ad) .link:hover {
+ cursor: pointer;
}
-.result:not(.ad) .link .options > a{
- color: #333;
- display:block;
- padding-left:5px;
- padding-right:5px;
+
+.result:not(.ad) .link .options > a {
+ color: #333;
+ display: block;
+ padding-left: 5px;
+ padding-right: 5px;
}
-.result:not(.ad) .link .options > a > span{
- font-size:10px;
+
+.result:not(.ad) .link .options > a > span {
+ font-size: 10px;
}
-.result .description
-{
- margin-bottom: 3px;
- color: black;
- font-size: 14px;
- line-height: 1.3;
- clear: both;
+
+.result .description {
+ margin-bottom: 3px;
+ color: black;
+ font-size: 14px;
+ line-height: 1.3;
+ clear: both;
}
.result .description p {
@@ -333,165 +339,189 @@ a:hover
}
.result .description img {
- margin:5px;
- margin-left:0;
- margin-right:15px;
- height:auto;
- width:auto;
- max-width: 120px;
- max-height:200px
+ margin: 5px;
+ margin-left: 0;
+ margin-right: 15px;
+ height: auto;
+ width: auto;
+ max-width: 120px;
+ max-height: 200px
}
.result.ad .description {
color: green;
- max-width: 115ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+ max-width: 115ch;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.result:not(.ad) .hoster
-{
- font-size: 13px;
- margin: 0;
- color:#777;
- margin-right:10px;
- white-space:nowrap;
+
+.result:not(.ad) .hoster {
+ font-size: 13px;
+ margin: 0;
+ color: #777;
+ margin-right: 10px;
+ white-space: nowrap;
}
-.result:not(.ad) .hoster a{
- color:#333;
+
+.result:not(.ad) .hoster a {
+ color: #333;
}
-.result .result-image > img{
- height:100px;
- padding:10px;
+
+.result .result-image > img {
+ height: 100px;
+ padding: 10px;
}
-.result .proxy{
- font-size:13px;
- margin-top:0;
- white-space:nowrap;
+
+.result .proxy {
+ font-size: 13px;
+ margin-top: 0;
+ white-space: nowrap;
}
-.result .partnershop-info{
- font-size:13px;
- margin-top:0;
- margin-left:10px;
+
+.result .partnershop-info {
+ font-size: 13px;
+ margin-top: 0;
+ margin-left: 10px;
}
-.result .proxy img{
- margin-bottom:0px;
- margin-right:2px
+
+.result .proxy img {
+ margin-bottom: 0px;
+ margin-right: 2px
}
.description-container {
- margin:0!important;
+ margin: 0!important;
}
-.result .image > img{
- max-width: 100%;
+.result .image > img {
+ max-width: 100%;
}
-.popover-content{
- /*padding-left: 0;
+.popover-content {
+ /*padding-left: 0;
padding-right:0;*/
}
-.options-list > li{
-}
+.options-list > li {}
-.options-list > li:hover{
- background-color:lightgrey;
+.options-list > li:hover {
+ background-color: lightgrey;
}
-.options-list > li > a{
- color: #333;
- white-space:nowrap;
- display:block;
- padding:5px 14px;
+.options-list > li > a {
+ color: #333;
+ white-space: nowrap;
+ display: block;
+ padding: 5px 14px;
}
-.options-list > li input[type=submit]{
- width:100%;
- background-color:transparent;
- border:0;
- margin:5px 0;
+.options-list > li input[type=submit] {
+ width: 100%;
+ background-color: transparent;
+ border: 0;
+ margin: 5px 0;
}
.container-fluid {
- padding-top: 15px;
- padding-bottom: 15px;
- background-color: white;
-}
-#quicktips iframe{
- width:100%;
- height: 1000px;
- background-color: transparent;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ background-color: white;
+}
+
+#quicktips iframe {
+ width: 100%;
+ height: 1000px;
+ background-color: transparent;
border: 0px none transparent;
padding: 0px;
overflow: hidden;
}
+
+
/* Hier der Style für die Bilder */
+
#fit-width .masonry {
- margin: 0 auto;
+ margin: 0 auto;
}
-.item{
- width: 150px;
- text-align:center;
- margin-bottom:10px;
+
+.item {
+ width: 150px;
+ text-align: center;
+ margin-bottom: 10px;
}
-#container{
- margin: 10px auto;
+
+#container {
+ margin: 10px auto;
}
+
/* Hier der Style für die Werbeboxen */
-.result.ad{
-}
-.result.ad .link a{
-}
-.result.ad .description{
-}
-.result.ad .hoster{
- color:green;
+
+.result.ad {}
+
+.result.ad .link a {}
+
+.result.ad .description {}
+
+.result.ad .hoster {
+ color: green;
}
+
+
/* Style für den Footer */
-footer{
- text-align: center;
-
+
+footer {
+ text-align: center;
}
-footer a{
- color: black!important;
+footer a {
+ color: black!important;
}
+
/* Ein resetter für Floats */
-.clearfix{
- clear:both;
+
+.clearfix {
+ clear: both;
}
+
+
/* Placeholder für ladende Tabs */
-.loader{
- text-align:center;
- margin-top:20px;
+
+.loader {
+ text-align: center;
+ margin-top: 20px;
}
-.loader > img{
- width:30px;
+
+.loader > img {
+ width: 30px;
}
-.pager{
- text-align:center;
+.pager {
+ text-align: center;
}
-#searchplugin{
- display:none;
- position: fixed;
- top: 50px;
- right: 10px;
- z-index: 501;
- width: 25%;
+#searchplugin {
+ display: none;
+ position: fixed;
+ top: 50px;
+ right: 10px;
+ z-index: 501;
+ width: 25%;
}
-#searchplugin > div{
- text-align: center;
- padding-top: 5px;
+#searchplugin > div {
+ text-align: center;
+ padding-top: 5px;
}
-#searchplugin > div > a{
- color: white;
+
+#searchplugin > div > a {
+ color: white;
}
-@media(min-width: 768px){
- #searchplugin{
- display: initial;
- }
+@media(min-width: 768px) {
+ #searchplugin {
+ display: initial;
+ }
}
\ No newline at end of file