Browse Source

edited top perspective

master
alicestrt 4 years ago
parent
commit
e176c42baa
  1. 21
      static/css/style.css
  2. 16
      templates/perspectiveC.html

21
static/css/style.css

@ -43,13 +43,15 @@ img {
#poem1 { #poem1 {
width: 40%; width: 500px;
margin-left: 400px; margin-left: 400px;
margin-top: 50px; margin-top: 10px;
} }
#poem1:hover { #poem2 {
background-color: white; width: 500px;
margin-left: 300px;
margin-top: 10px;
} }
#background_c { #background_c {
@ -67,3 +69,14 @@ img {
left: 20%; left: 20%;
width: 23% !important; width: 23% !important;
} }
.nicelist {
margin-left: 1000px;
font-size: 25px;
color: gray;
margin-top: 400px;
}
li {
padding-bottom: 20px;
}

16
templates/perspectiveC.html

@ -8,10 +8,22 @@
<title>Perspective A</title> <title>Perspective A</title>
</head> </head>
<body id="background_c"> <body id="background_c">
<div>
<div class="draggable"> <div class="draggable">
<img id="poem1" src="../static/images/poem.png" alt="poem"> <img id="poem1" src="../static/images/asik.png" alt="poem">
</div> </div>
<div class="draggable">
<img id="poem2" src="../static/images/ShallPass_scan.png" alt="poem">
</div>
<div class="nicelist">
<ul>
<li>strophe 1</li>
<li>strophe 2</li>
<li>strophe 3</li>
<li>strophe 4</li>
</ul>
</div> </div>
</body> </body>
</html> </html>

Loading…
Cancel
Save