MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 6,289: Line 6,289:


/*Timeline*/
/*Timeline*/
$container-shadow: 0.5rem 0.5rem 2rem 0 rgba(black, 0.2);


$gutter: 30px;
$border-width: 4px;
$dot-diameter: 8px;


body {
body {
Line 6,308: Line 6,304:
   color: #333;
   color: #333;
   box-sizing: border-box;
   box-sizing: border-box;
   * {
   *{
     box-sizing: border-box;
     box-sizing: border-box;
   }
   }
Line 6,319: Line 6,315:
   padding: 100px 50px;
   padding: 100px 50px;
   position: relative;
   position: relative;
   box-shadow: $container-shadow;
   box-shadow: 0.5rem 0.5rem 2rem 0 rgba(black, 0.2);
   &:before {
   &:before {
     content: '';
     content: '';
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
     left:calc(33% + 15px); //$gutter/2
     left:calc(33% + 15px);
     bottom: 0px;
     bottom: 0px;
     width: $border-width;
     width: 4px;
     background: #ddd;
     background: #ddd;
   }
   }
Line 6,344: Line 6,340:
     float: left;
     float: left;
     width: 33%;
     width: 33%;
     padding-right: $gutter;
     padding-right: 30px;
     text-align: right;
     text-align: right;
     position: relative;
     position: relative;
Line 6,350: Line 6,346:
       content: '';
       content: '';
       position: absolute;
       position: absolute;
       width: $dot-diameter;
       width: 8px;
       height: $dot-diameter;
       height: 8px;
       border: $border-width solid salmon;
       border: 4px solid salmon;
       background-color:#fff;
       background-color:#fff;
       border-radius:100%;
       border-radius:100%;
       top: 15%;
       top: 15%;
       right: -$dot-diameter;
       right: -8px;
       z-index: 99;
       z-index: 99;
     }
     }
Line 6,372: Line 6,368:
     float: right;
     float: right;
     width: 66%;
     width: 66%;
     padding-left: $gutter;
     padding-left: 30px;
     p {
     p {
       line-height: 1.4em;
       line-height: 1.4em;