1 /*! Icinga Web 2 | (c) 2015 Icinga Development Team | GPLv2+ */ 2 3 #about { 4 &.content { 5 display: flex; 6 flex-direction: column; 7 align-items: center; 8 } 9 10 section { 11 width: auto; 12 13 > * { 14 margin-bottom: 2em; 15 } 16 } 17 18 h2 { 19 margin: 0; 20 } 21 22 .name-value-table { 23 th { 24 width: 100%; 25 } 26 27 th, 28 td { 29 white-space: nowrap; 30 31 a { 32 color: @icinga-blue 33 } 34 } 35 } 36 37 section:not(:last-child), 38 .icinga-logo { 39 margin-bottom: 2em; 40 } 41 42 .external-links { 43 .rounded-corners(); 44 border: 1px solid @gray-light; 45 display: flex; 46 padding: .5em 0; 47 overflow: hidden; 48 49 .col { 50 flex: 1 1 auto; 51 text-align: center; 52 font-size: 12/14em; 53 } 54 55 .col:not(:last-child) { 56 border-right: 1px solid @gray-light; 57 } 58 59 a { 60 display: block; 61 padding: .75em 1em; 62 margin: -7/12em 0; 63 } 64 65 a:hover { 66 text-decoration: none; 67 background: @gray-light; 68 } 69 70 i { 71 font-size: 2*14/12em; 72 opacity: .8; 73 margin-bottom: .25em; 74 display: block; 75 76 &:before { 77 margin-right: 0; 78 } 79 } 80 } 81 82 footer { 83 margin-top: auto; 84 align-self: stretch; 85 display: flex; 86 justify-content: space-between; 87 align-items: baseline; 88 89 a { 90 i { 91 font-size: 2em; 92 } 93 94 &:hover { 95 opacity: .6; 96 } 97 } 98 } 99 }