templates/styles.html.twig line 1

  1. {% block styles %}
  2.     <style>
  4.         nav {
  5.             background-color: #4a5b95;
  6.             padding: 10px;
  7.             margin-left: 5px;
  8.             margin-bottom: 20px;
  9.         }
  11.         nav h1 {
  12.             font-size: 28px;
  13.             color: white;
  15.             margin-top: 0;
  16.             margin-bottom: 0;
  17.         }
  19.         nav .button {
  20.             display: block;
  21.             width: 12%;
  22.             padding: 15px;
  23.             background-color: #6b82d2;
  24.             color: white;
  25.             text-align: right;
  26.             text-decoration: none;
  27.             border-radius: 0;
  28.             box-sizing: border-box;
  29.             font-size: 18px;
  30.             float: right;
  31.             margin-right: 10px;
  32.             margin-top: -42px;
  33.         }
  35.         .button {
  36.             display: block;
  37.             width: 100%;
  38.             padding: 15px;
  39.             background-color: white;
  40.             color: black;
  41.             text-align: left;
  42.             text-decoration: none;
  43.             border-radius: 0;
  44.             box-sizing: border-box;
  45.             font-size: 18px;
  46.         }
  48.         .button:hover {
  49.             background-color: #6b82d2;
  50.             color: white;
  51.         }
  53.         ul {
  54.             list-style-type: none;
  55.             margin: 0;
  56.             padding-left: 5px;
  57.         }
  59.         li {
  60.             list-style-type: none;;
  61.             margin-bottom: 5px;
  62.         }
  64.         a {
  65.             color: #999999;
  66.             text-decoration: none;
  67.         }
  69.         a:hover {
  70.             color: #757575;
  71.         }
  74.         body {
  75.             font-family: Cambria;
  76.             background-color: #EDE9F5;
  77.         }
  79.         table {
  80.             border-collapse: collapse;
  81.             width: 100%;
  82.         }
  84.         th, td {
  85.             border: 1px solid #9799cb;
  86.             padding: 8px;
  87.             text-align: left;
  88.         }
  90.         th {
  91.             background-color: #9799cb;
  92.         }
  94.         .search-h1 {
  95.             text-align: right;
  96.         }
  98.         .search-container {
  99.             display: flex;
  100.             justify-content: left;
  101.             align-items: center;
  102.             margin: 20px 0;
  103.         }
  105.         .search-input {
  106.             padding: 8px;
  107.             font-size: 16px;
  108.             border-radius: 1px;
  109.             outline: none;
  110.             background-color: #f1f1f1;
  111.         }
  113.         .search-select {
  114.             padding: 10px;
  115.             font-size: 16px;
  116.             border-radius: 3px;
  117.             outline: none;
  118.             background-color: #f1f1f1;
  119.             -webkit-appearance: none;
  120.             -moz-appearance: none;
  121.             appearance: none;
  122.             background-size: 20px;
  123.             padding-right: 30px;
  124.         }
  126.         .search-select:hover {
  127.             background-color: #6b82d2;
  129.         }
  131.         .search-select option {
  132.             font-size: 16px;
  133.             background-color: #f1f1f1;
  134.         }
  136.         .search-button {
  137.             padding: 10px 20px;
  138.             background-color: #6b82d2;
  139.             border: none;
  140.             border-radius: 0 5px 5px 0;
  141.             font-size: 16px;
  142.             color: white;
  143.             transition: background-color 0.2s ease-in-out;
  144.             cursor: pointer;
  145.         }
  147.         .search-button:hover {
  148.             background-color: #337ab7;
  149.             color: white;
  150.         }
  152.         .title-container {
  153.             margin-left: auto;
  154.         }
  156.     </style>
  158. {% endblock %}