site

Website's source files.
Log | Files | Refs | LICENSE

terminal.css (3263B)

      1 @import './rgb.css';
      2 @import './main.css';
      3 
      4 /* unvisited link */
      5 a:link {
      6   color: var(--dodger_blue4);
      7   text-shadow: 0 0 4px var(--dodger_blue4);
      8 }
      9 
     10 /* visited link */
     11 a:visited {
     12   color: var(--dark_orchid2);
     13   text-shadow: 0 0 4px var(--dark_orchid2);
     14 }
     15 
     16 /* mouse over link */
     17 a:hover {
     18   color: var(--green2);
     19   text-shadow: 0 0 4px var(--green2);
     20 }
     21 
     22 /* selected link */
     23 a:active {
     24   color: var(--dodger_blue4);
     25   text-shadow: 0 0 4px var(--dodger_blue4);
     26 }
     27 
     28 #main-page-title {
     29   margin: 0 auto;
     30   padding: 0;
     31   white-space: pre-wrap;
     32   color: var(--grey);
     33 }
     34 
     35 .topl:hover {
     36   box-shadow: 0 0 0.2em 0.2em #0ff;
     37 }
     38 
     39 h4 {
     40   padding: 0;
     41   margin: 0;
     42   margin-top: 0;
     43   color: white;
     44   font-color: white;
     45   font-family: "Cantarell", Sans-Serif;
     46   font-size: 0.8em;
     47 }
     48 
     49 #taskbar {
     50   width: 100%;
     51 }
     52 
     53 #task-meta {
     54   width: 75%;
     55   padding: 0;
     56   margin: auto;
     57   margin-top: auto;
     58   background-color: rgba(200,200,200,0.2);
     59   border: 0.1em solid white;
     60   text-align: center;
     61 }
     62 
     63 #taskbar div {
     64   display: inline-block;
     65   zoom: 1;
     66   width: 19%;
     67   text-align:center;
     68   margin: auto;
     69   margin-top: auto;
     70   margin-bottom: 5%;
     71   padding: 0;
     72 }
     73 
     74 
     75 
     76 #task-meta hr {
     77   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
     78   background: #ffffff; /* Old browsers */
     79   background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
     80   background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
     81   background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     82   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     83 
     84 }
     85 
     86 .taskimg {
     87   width: 40%;
     88   height: 40%;
     89   transition: transform 0.3s;
     90 }
     91 
     92 .taskimg:hover {
     93   transform: scale(1.5);
     94 }
     95 
     96 .twin {
     97   border: 1.5em solid transparent;
     98   border-image: url(../res/2008.png) 19 12 round;
     99   padding: 0;
    100   /* positioning */
    101   margin: 0 auto;
    102   margin-top: 75px;
    103   width: 75%;
    104   background-color: rgba(0, 0, 0, 0.85);
    105   
    106 }
    107 
    108 .tcontent {
    109   margin: 0 auto;
    110   padding: 0;
    111 }
    112 
    113 .twin p {
    114   margin: 0 auto;
    115   padding: 0;
    116   white-space: pre-wrap;
    117   color: var(--white);
    118   text-shadow: 0 0 4px var(--white);
    119 }
    120 
    121 .prompt1 {
    122   color: var(--bisque4);
    123   text-shadow: 0 0 4px var(--bisque4);
    124 }
    125 
    126 .prompt2 {
    127   color: var(--blue);
    128   text-shadow: 0 0 4px var(--blue);
    129 }
    130 
    131 .prompt3 {
    132   color: var(--yellow);
    133   text-shadow: 0 0 4px var(--yellow);
    134 }
    135 
    136 .prompt4 {
    137   font-weight: bold;
    138   text-shadow: 0 0 4px var(--white);
    139 }
    140 
    141 h2 {
    142   color: var(--spring_green);
    143   font-size: 26pt;
    144 }
    145 
    146 body {
    147   background-color: #2d6189;
    148   /*background-image: url('../res/back.jpg');*/
    149   background-repeat: no-repeat; /* Do not repeat the image */
    150   background-size: cover; /* Resize the background image to cover the entire container */
    151   background-size: cover;
    152   background-repeat: no-repeat;
    153   font-family: "Hasklig", "Inconsolata", "Courier New", monospace;
    154   font-size: 1.1em;
    155   -webkit-font-smoothing : none;
    156   -moz-font-smoothing: never;
    157 }
    158 
    159 .fttr {
    160   margin-top: auto;
    161   margin: auto;
    162   margin-top: 75px;
    163   width: 75%;
    164 }
    165