Difference between revisions of "Template:Tartu TUIT/style"

Line 218: Line 218:
 
     box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; }
 
     box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; }
  
.interview {
+
.interviews .interview {
 
   display: none; }
 
   display: none; }
  .interview ul {
+
 
    list-style-type: none;
+
.interview ul {
    margin: 0; }
+
  list-style-type: none;
    .interview ul li {
+
  margin: 0; }
      padding: 3px 0;
+
  .interview ul li {
      line-height: 25px;
+
    padding: 3px 0;
      position: relative; }
+
    line-height: 25px;
      .interview ul li::before {
+
    position: relative; }
        text-shadow: 0 0 5px #50b1be, 0 0 10px #50b1be;
+
    .interview ul li::before {
        content: '?';
+
      text-shadow: 0 0 5px #50b1be, 0 0 10px #50b1be;
        border-radius: 100%;
+
      content: '?';
        color: #dde5ee;
+
      border-radius: 100%;
        font-weight: 900;
+
      color: #dde5ee;
        font-size: 24px;
+
      font-weight: 900;
        padding: 3px;
+
      font-size: 24px;
        line-height: 20px;
+
      padding: 3px;
        left: -30px;
+
      line-height: 20px;
        top: 5px;
+
      left: -30px;
        position: absolute; }
+
      top: 5px;
      .interview ul li::after {
+
      position: absolute; }
        content: '';
+
    .interview ul li::after {
        clear: both;
+
      content: '';
        display: table; }
+
      clear: both;
  .interview img {
+
      display: table; }
    float: left;
+
 
    height: 150px;
+
.interview .person img {
    margin-right: 40px;
+
  float: left;
    margin-bottom: 40px;
+
  height: 150px;
    border-top-left-radius: 50px; }
+
  margin-right: 40px;
  .interview .name {
+
  margin-bottom: 40px;
    font-weight: 100;
+
  border-top-left-radius: 50px; }
    font-size: 36px;
+
 
    padding-bottom: 10px; }
+
.interview .person .name {
  .interview .position {
+
  font-weight: 100;
    font-size: 16px; }
+
  font-size: 36px;
  .interview .questions {
+
  padding-bottom: 10px; }
    clear: both; }
+
 
  .interview .question {
+
.interview .person .position {
    font-style: italic;
+
  font-size: 16px; }
    margin-bottom: 10px;
+
 
    color: #9ad2da; }
+
.interview .questions {
  .interview .answer {
+
  clear: both; }
    margin-bottom: 30px; }
+
 
 +
.interview .question {
 +
  font-style: italic;
 +
  margin-bottom: 10px;
 +
  color: #9ad2da; }
 +
 
 +
.interview .answer {
 +
  margin-bottom: 30px; }
 +
  .interview .answer img {
 +
    max-width: 100%; }
  
 
header.header {
 
header.header {

Revision as of 02:56, 18 October 2018