github.com/docker/compose-on-kubernetes@v0.5.0/samples/web/static/style.css (about)

     1  /* latin-ext */
     2  @font-face {
     3    font-family: 'Raleway';
     4    font-style: normal;
     5    font-weight: 400;
     6    src: local('Raleway'), local('Raleway-Regular'), url('fonts/font1.woff2') format('woff2');
     7    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
     8  }
     9  /* latin */
    10  @font-face {
    11    font-family: 'Raleway';
    12    font-style: normal;
    13    font-weight: 400;
    14    src: local('Raleway'), local('Raleway-Regular'), url('fonts/font2.woff2') format('woff2');
    15    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    16  }
    17  
    18  body {
    19  	text-align: center;
    20  	margin: 0;
    21  	padding: 0;
    22  	background-color: #001f5b;
    23  }
    24  
    25  .logo {
    26  	margin-top: 30px;
    27  }
    28  
    29  .footer {
    30  	position: absolute;
    31  	bottom: 0;
    32  	width: 100%;
    33  	z-index: -1;
    34  	opacity: 0.5;
    35  }
    36  
    37  .footer img {
    38  	max-width: 100%;
    39  	vertical-align: middle;
    40  }
    41  
    42  .sentence {
    43  	margin: 70px auto 0 auto;
    44  }
    45  
    46  .line {
    47  	margin-bottom: 30px;
    48  	transform: translateX(-100%) rotate(-20deg);
    49  }
    50  
    51  .slide-in {
    52      animation: slide-in .5s forwards ease-in;
    53  }
    54  
    55  .line3.slide-in {
    56      animation: slide-in 1s forwards ease-in;
    57  }
    58  
    59  .line2.slide-in {
    60      animation: slide-in 1.2s forwards ease-in;
    61  }
    62  
    63  @keyframes slide-in {
    64    100% {
    65  		transform: translateX(0%);
    66  	}
    67  }
    68  
    69  .result {
    70  	position: relative;
    71  	display: inline-block;
    72  	padding: 0 20px;
    73  	margin: 0 10px;
    74  	color: white;
    75  	height: 175px;
    76  	width: 330px;
    77  }
    78  
    79  .result .word {
    80  	display: inline-block;
    81  	font-family: 'Raleway', sans-serif;
    82  	font-size: 45px;
    83  	color: white;
    84  	line-height: 155px;
    85  	height: 175px;
    86  	vertical-align: middle;
    87  	margin-top: 20px;
    88  }
    89  
    90  .result .hostname {
    91  	position: absolute;
    92  	width: 100%;
    93  	left: 0;
    94  	bottom: 8px;
    95  	font-size: 0.8em;
    96  	height: 14px;
    97  }
    98  
    99  .noun {
   100  	background-image: url('images/lego_blue.png') !important;
   101  }
   102  
   103  .verb {
   104  	background-image: url('images/lego_yellow.png') !important;
   105  }
   106  
   107  .adjective {
   108  	background-image: url('images/lego_light_blue.png') !important;
   109  }