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

Line 64: Line 64:
 
   color: #dde5ee; }
 
   color: #dde5ee; }
  
−
h2 {
+
h2, .article h2 {
 
   text-align: center;
 
   text-align: center;
 
   font-weight: 100;
 
   font-weight: 100;
Line 114: Line 114:
 
     margin: 0; }
 
     margin: 0; }
 
     .article ol.fancy li {
 
     .article ol.fancy li {
−
       counter-increment: ol-counter; }
+
       counter-increment: ol-counter;
 +
      padding: 0px 0px 10px; }
 
       .article ol.fancy li::before {
 
       .article ol.fancy li::before {
 
         box-shadow: 0 0 5px #50b1be;
 
         box-shadow: 0 0 5px #50b1be;
Line 122: Line 123:
 
         color: #181e33;
 
         color: #181e33;
 
         font-weight: 900;
 
         font-weight: 900;
−
         padding: 3px 8px 2px;
+
        font-size: 16px;
 +
         padding: 1px 6px 0px;
 
         line-height: 20px;
 
         line-height: 20px;
−
         margin: 4px 10px 4px 0;
+
         margin: 1px 10px 4px 0;
 
         float: left; }
 
         float: left; }
 
       .article ol.fancy li::after {
 
       .article ol.fancy li::after {
Line 197: Line 199:
 
   margin: 10px auto;
 
   margin: 10px auto;
 
   background-color: #dde5ee; }
 
   background-color: #dde5ee; }
 +
 +
.interviews .nav {
 +
  padding: 0px 0 50px;
 +
  text-align: center;
 +
  list-style-type: none; }
 +
  .interviews .nav .button {
 +
    background-color: #dde5ee;
 +
    color: #181e33;
 +
    font-weight: 400;
 +
    text-decoration: none;
 +
    padding: 10px 15px;
 +
    margin: 10px;
 +
    display: inline-block; }
 +
  .interviews .nav .button:hover {
 +
    box-shadow: 0 0 15px #50b1be;
 +
    cursor: pointer; }
 +
  .interviews .nav .button.active {
 +
    box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; }
 +
 +
.interview {
 +
  display: none; }
 +
  .interview ul {
 +
    list-style-type: none;
 +
    margin: 0; }
 +
    .interview ul li {
 +
      padding: 3px 0;
 +
      line-height: 25px;
 +
      position: relative; }
 +
      .interview ul li::before {
 +
        text-shadow: 0 0 5px #50b1be, 0 0 10px #50b1be;
 +
        content: '?';
 +
        border-radius: 100%;
 +
        color: #dde5ee;
 +
        font-weight: 900;
 +
        font-size: 24px;
 +
        padding: 3px;
 +
        line-height: 20px;
 +
        left: -30px;
 +
        top: 5px;
 +
        position: absolute; }
 +
      .interview ul li::after {
 +
        content: '';
 +
        clear: both;
 +
        display: table; }
 +
  .interview img {
 +
    float: left;
 +
    height: 150px;
 +
    margin-right: 40px;
 +
    margin-bottom: 40px;
 +
    border-top-left-radius: 50px; }
 +
  .interview .name {
 +
    font-weight: 100;
 +
    font-size: 36px;
 +
    padding-bottom: 10px; }
 +
  .interview .position {
 +
    font-size: 16px; }
 +
  .interview .questions {
 +
    clear: both; }
 +
  .interview .question {
 +
    font-style: italic;
 +
    margin-bottom: 10px;
 +
    color: #9ad2da; }
 +
  .interview .answer {
 +
    margin-bottom: 30px; }
  
 
header.header {
 
header.header {
Line 787: Line 853:
 
     text-decoration: none;
 
     text-decoration: none;
 
     padding: 20px; }
 
     padding: 20px; }
−
 
−
 
  
  
 
</style>
 
</style>

Revision as of 02:28, 18 October 2018