Фракции: различия между версиями
Строка 1: Строка 1:
  
 
{{#css:
 
{{#css:
−
  .res-img img {
+
.container {
−
max-width:100%;
+
  position: relative;
−
height:auto;
+
  text-align: center;
 +
  color: white;
 
}
 
}
  
 +
/* Bottom left text */
 +
.bottom-left {
 +
  position: absolute;
 +
  bottom: 8px;
 +
  left: 16px;
 +
}
 +
 +
/* Top left text */
 +
.top-left {
 +
  position: absolute;
 +
  top: 8px;
 +
  left: 16px;
 +
}
 +
 +
/* Top right text */
 +
.top-right {
 +
  position: absolute;
 +
  top: 8px;
 +
  right: 16px;
 +
}
 +
 +
/* Bottom right text */
 +
.bottom-right {
 +
  position: absolute;
 +
  bottom: 8px;
 +
  right: 16px;
 +
}
 +
 +
/* Centered text */
 
.centered {
 
.centered {
−
position: absolute;
+
  position: absolute;
 
   top: 50%;
 
   top: 50%;
−
   left: 10%;
+
   left: 50%;
−
font-size: 350%;
+
  transform: translate(-50%, -50%);
−
color: white;
+
}
−
text-shadow: black 0 0 3px;
 
  
 
}}
 
}}
  
−
<div class="res-img">
+
<div class="container">
−
[[File:Gossniki.png]]
+
  <img src="img_snow_wide.jpg" alt="Snow" style="width:100%;">
−
<div class="centered">Государственные Структуры</div>
+
  <div class="bottom-left">Bottom Left</div>
 +
  <div class="top-left">Top Left</div>
 +
  <div class="top-right">Top Right</div>
 +
  <div class="bottom-right">Bottom Right</div>
 +
  <div class="centered">Centered</div>
 
</div>
 
</div>

Версия 12:25, 25 ноября 2019


 <img src="img_snow_wide.jpg" alt="Snow" style="width:100%;">
Bottom Left
Top Left
Top Right
Bottom Right
Centered