mpercivalxyz

this website!
Log | Files | Refs

style.css (2222B)

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