mpercivalxyz

this website!
Log | Files | Refs

style.css (2435B)

      1 body {
      2     background: #0c1010;
      3     color: #cccccc;
      4     margin: 0em;
      5     font-family: 'DinaRemasterII';
      6     padding-top: 5em;
      7 }
      8 
      9 code {
     10     font-family: 'BQN386';
     11 }
     12 
     13 a:link {
     14   color: #BD93F9;
     15 }
     16 
     17 a:visited {
     18   color: #BD93F9;
     19 }
     20 
     21 a:hover {
     22   color: #CAA9FA;
     23   background-color: #2C2E3A;
     24 }
     25 
     26 a:active {
     27   color: #50FA7B;
     28 }
     29 
     30 @font-face {
     31     font-family: 'DinaRemasterII';
     32     src: url(/fonts/dina0.woff2) format('woff2');
     33     font-weight: normal;
     34     font-style: normal;
     35 }
     36 
     37 @font-face {
     38     font-family: 'BQN386';
     39     src: url(/BQN386/BQN386.woff2) format('woff2'),
     40          url(/BQN386/BQN386.woff) format('woff'),
     41          url(/BQN386/BQN386.ttf) format('truetype');
     42     font-weight: normal;
     43     font-style: normal;
     44 }
     45 
     46 .main {
     47     background-color: #282A36;
     48     line-height: 1.5em;
     49     max-width: 63em;
     50     margin: 0em;
     51     margin-top: 2em;
     52     margin-bottom: 2em;
     53     margin-left: auto;
     54     margin-right: auto;
     55     padding: 2em;
     56 }
     57 
     58 .img-icon-aligned {
     59     vertical-align: middle;
     60 }
     61 
     62 header h1 {
     63     text-align: center ;
     64 }
     65 
     66 footer {
     67     text-align: center ;
     68     clear: both ;
     69 }
     70 
     71 /* For TAGLIST.HTML */
     72 .taglist {
     73     text-align: center ;
     74     clear: both ;
     75 }
     76 
     77 /* For NEXTPREV.HTML */
     78 #nextprev {
     79     /* The container for both the previous and next articles. */
     80 }
     81 
     82 #prevart {
     83     float: left ;
     84     text-align: left ;
     85 }
     86 
     87 #nextart {
     88     float: right ;
     89     text-align: right ;
     90 }
     91 
     92 #nextart,#prevart {
     93     max-width: 33% ;
     94 }
     95 
     96 .img-row-container {
     97     display: flex;
     98     flex: 1;
     99     justify-content: center;
    100 }
    101 
    102 .img-link-href {
    103     text-decoration: none;
    104 }
    105 
    106 .nav-container {
    107     display: flex;
    108     background-color: #282A36;
    109     position: fixed;
    110     top: 0;
    111     width: 100%;
    112     box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
    113 }
    114 
    115 .nav-element {
    116     display: flex;
    117     flex: 1;
    118 }
    119 
    120 .nav-element ul {
    121     justify-content: center;
    122     display: flex;
    123     flex: 1;
    124     margin: 0em;
    125 }
    126 
    127 .nav-element ul li {
    128     height: 100%;
    129     display: flex;
    130     align-items: center;
    131     float: left;
    132 }
    133 
    134 .nav-element ul li a {
    135     padding: 1em;
    136     text-decoration: none;
    137 }
    138 
    139 .contact-element {
    140     display: vertical;
    141     flex: 1;
    142     justify-content: left;
    143     text-align: center;
    144 }
    145 
    146 .profile-container {
    147     margin: 0em;
    148     display: flex;
    149     flex: 0;
    150 }
    151 
    152 .profile-element {
    153     display: vertical;
    154     flex: 1;
    155     justify-content: left;
    156     text-align: left;
    157 }
    158 
    159 .gpg {
    160     display: flex;
    161     justify-content: center;
    162 }
    163 
    164 .left-image {
    165     flex: 1;
    166     margin-left: 1em;
    167 }