Skip to content

GitLab

Commit 5e525408 authored by Patrick's avatar Patrick
Browse files

update design part 2

parent 7203280f
Hide whitespace changes
Inline Side-by-side
vcm/css/collapse.css
View file @ 5e525408
.collapsible {
background-color: #121212;
color: white;
background-color: white !important;
color: #121212 !important;
border: 1px solid #121212 !important;
margin-top: 0.5em;
cursor: pointer;
padding: 18px;
width: 100%;
......@@ -8,6 +10,7 @@
text-align: left;
outline: none;
font-size: 15px;
border-radius: 10px;
}
.active, .collapsible:hover {
......@@ -34,6 +37,7 @@
padding-bottom: 10px;
display: none;
overflow: hidden;
border-radius: 10px;
background-color: #f1f1f1;
}
......
vcm/templates/cus_Menu.css
View file @ 5e525408
/* Css code for Dropdown Menu */
/* The container <div> - needed to position the dropdown content */
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* The dropdown container <div> - needed to hold the content inside dropdown */
/* The dropdown container <div> - needed to hold the content inside dropdown */
.dropdown-content {
right: -20px;
display: none;
......@@ -19,7 +19,7 @@
.accordion {
border: solid white;
border-width: thin;
display: block;
display: block;
background-color:#121212;
color: white;
cursor: pointer;
......@@ -55,12 +55,12 @@
}
/* Changing of + and - on menu expand and collapse respectively*/
.accordion:after {
.collapsible:after {
content: '\002B';
color:black;
font-weight: bold;
/* color:black; */
/* font-weight: bold; */
float: right;
margin-left: 5px;
/* margin-left: 5px; */
}
.active:after {
......
vcm/templates/cus_Menu.js
View file @ 5e525408
......@@ -56,87 +56,87 @@ function addcont(content){
var bilderstuff = '<div class="slideshow-container">' +
'<div class="mySlides1 fade">'+
'<div class="numbertext">1 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Grafik</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">2 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/boeckinger_strasse.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/boeckinger_strasse.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Böckinger Straße</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">3 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/holzwerkstatt_igh.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/holzwerkstatt_igh.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Holzwerkstatt</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">4 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/infoabend_garten_igh.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/infoabend_garten_igh.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Infoabend im Garten</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">5 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/interviews_nachbarschaft.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/interviews_nachbarschaft.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Interviews in der Nachbarschaft</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">6 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_1.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_1.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Offene Bauwerkstatt</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">7 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_2.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_2.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Offene Bauwerkstatt</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">8 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_3.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_3.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Offene Bauwerkstatt</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">9 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/planungsgebiet_choreographie.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/planungsgebiet_choreographie.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Planungsgebiet Choreographie</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">10 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/planungsgebiet_vogelperspektive.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/planungsgebiet_vogelperspektive.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Planungsgebiet Vogelperspektive</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">11 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/station1_spielekiosk.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/station1_spielekiosk.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Spielekiosk</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">12 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Gartenkiosk</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">13 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/station3_outdoorkiosk.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/station3_outdoorkiosk.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Outdoorkiosk</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">14 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Outdoorkiosk</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">15 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/station4_infokiosk.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/station4_infokiosk.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Infokiosk</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">16 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/workshop_cafe_tas_1.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/workshop_cafe_tas_1.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Workshop Cafe Tas</div>'+
'</div>'+
'<div class="mySlides1 fade">'+
'<div class="numbertext">17 / 17</div>'+
'<img src="images/content/contentboeckingerstrasse/workshop_cafe_tas_2.jpg" style="width:100%">'+
'<img src="images/content/contentboeckingerstrasse/workshop_cafe_tas_2.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">'+
'<div class="text">Workshop Cafe Tas</div>'+
'</div>'+
'<!-- Next and previous buttons -->'+
......
vcm/templates/custom.css
View file @ 5e525408
......@@ -139,12 +139,13 @@
/* Caption text */
.text {
color: #f2f2f2;
background-color: #121212;
color: #121212;
background-color: #f2f2f2;
border: 1px solid black;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
bottom: 12px;
width: 100%;
text-align: center;
}
......@@ -276,7 +277,7 @@ h1.sticky {
div.tour-top-navi {
position: -webkit-sticky;
position: sticky;
height:30px;
height:45px;
top:0;
margin-bottom:10px;
background-color: white;
......@@ -330,14 +331,26 @@ div.tour-top-navi {
.btn-three {
color: #ffffff;
background-color: #3C3C3C;
background-color: #ffffff;
color: #3C3C3C;
border-radius: 10px;
border:1px solid #121212;
transition: all 0.5s;
position: relative;
margin: 5px;
width:50%;
}
.btn-three:hover {
background-color:#3C3C3C ;
color: #ffffff;
border-radius: 10px;
border:1px solid #121212;
transition: all 0.5s;
position: relative;
margin: 5px;
width:50%;
}
.btn-three::before {
/* .btn-three::before {
content: '';
position: absolute;
top: 0;
......@@ -345,7 +358,7 @@ div.tour-top-navi {
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(255, 255, 255, 0.1);
background-color:#ffffff;
transition: all 0.3s;
}
.btn-three:hover::before {
......@@ -368,7 +381,7 @@ div.tour-top-navi {
.btn-three:hover::after {
opacity: 1;
transform: scale(1,1);
}
} */
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal