Difference between revisions of "Template:Vilnius-Lithuania/css-index"

(Created page with "<html> <head> <style> #intro-page { background-color: #121212; width: 100%; height: 100vh; } #intro-page #intro-header { padding-top: 10vh; width: 120%; margin: 0...")
 
 
(One intermediate revision by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
−
#intro-page {
+
.container {
−
  background-color: #121212;
+
 
   width: 100%;
 
   width: 100%;
 
   height: 100vh;
 
   height: 100vh;
 +
}
 +
#intro-page{
 +
background-color: #121212;
 
}
 
}
 
#intro-page #intro-header {
 
#intro-page #intro-header {
Line 11: Line 13:
 
   width: 120%;
 
   width: 120%;
 
   margin: 0 auto;
 
   margin: 0 auto;
 +
  position:absolute;
 +
  z-index:1;
 
}
 
}
 
#intro-page #intro-header img {
 
#intro-page #intro-header img {
Line 19: Line 23:
 
}
 
}
 
#intro-page #intro {
 
#intro-page #intro {
−
   z-index: 1;
+
   z-index: 2;
−
  background-color: transparent;
+
 
   height: 70vh;
 
   height: 70vh;
−
   width: 70vh;
+
   width: 100%;
−
  position: absolute;
+
bottom:100vh;
−
  left: 50%;
+
position:absolute;
−
  top: 50%;
+
−
  transform: translate(-50%, -50%);
+
−
  border-radius: 100%;
+
 
}
 
}
−
#intro-page #intro #title-wrapper {
+
 
−
  position: absolute;
+
.container h1{
−
  left: 50%;
+
text-transform: uppercase;
−
  top: 50%;
+
font-size: 70px;
−
  transform: translate(-50%, -50%);
+
−
}
+
−
#intro-page #intro h1 {
+
−
  text-transform: uppercase;
+
−
  color: #FAFAFC;
+
−
  font-size: 70px;
+
 
   font-family: "lato-heavy";
 
   font-family: "lato-heavy";
 
   text-align: center;
 
   text-align: center;
 
   margin: 0;
 
   margin: 0;
 +
}
 +
 +
#intro-page #intro h1 {
 +
  color: #FAFAFC;
 
}
 
}
  
 
#problem-page {
 
#problem-page {
 
   background-color: #FAFAFC;
 
   background-color: #FAFAFC;
−
  width: 100%;
+
}
−
  height: 100vh;
+
#problem-page #problem-header h1{
 +
color:#6281EF
 
}
 
}
 
</style></head</html>
 
</style></head</html>

Latest revision as of 12:48, 22 July 2020