dotfiles

regexghost dotfiles and scripts
git clone https://git.regexghost.com/dotfiles.git
Log | Files | Refs | README

Template-style.css (2591B)

      1 body {
      2  	background-color: #BACKGROUND_BLACK;
      3 	color: #FOREGROUND_WHITE;
      4 	max-width: 1000px;
      5 	margin: auto;
      6 }
      7 
      8 a {
      9 	color: #CYAN;
     10 }
     11 
     12 td {
     13 	padding: 0px 18px 2px 0px;
     14 }
     15 
     16 th {
     17 	padding: 0px 18px 4px 0px;
     18 }
     19 
     20 img {
     21 	max-width: 80%;
     22 }
     23 
     24 div.sidebar a {
     25 	font-size: 25px;
     26 	text-decoration: none;
     27 }	
     28 
     29 h1, h2, h3, h4, h5, h6 {
     30 }
     31 
     32 h1, h1 a {
     33 	margin: 0px;
     34 	color: #RED;
     35 }
     36 
     37 h2, h2 a {
     38 	color: #YELLOW;
     39 }
     40 
     41 h3, h3 a {
     42 	color: #GREEN;
     43 }
     44 
     45 h4, h4 a {
     46 	color: #CYAN;
     47 }
     48 
     49 h5, h5 a {
     50 	color: #MAGENTA;
     51 }
     52 
     53 h6, h6 a {
     54 	color: #BLUE;
     55 }
     56 
     57 b {
     58 	color: #MAGENTA;
     59 }
     60 
     61 i {
     62 	color: #GREEN;
     63 }
     64 
     65 code {
     66 	color: #CYAN;
     67 	font-family: monospace;
     68 	font-size: 14px;
     69 }
     70 
     71 ul ::marker {
     72 	color: #YELLOW;
     73 }
     74 
     75 div.main-area {
     76 	display: table;
     77 	overflow: hidden;
     78 	width: 100%;
     79 }
     80 
     81 div.sidebar {
     82 	width: 100px;
     83 	display: table-cell;
     84 	float: left;
     85 	margin: 12px 12px 12px 12px;
     86 	padding: 8px 8px 10px 18px;
     87 	background-color: #BACKGROUND_GREY;
     88 	border-style: outset;
     89 	border-width: 5px;
     90 	border-top-color: #COMMENT;
     91 	border-left-color: #COMMENT;
     92 	border-right-color: #COMMENT;
     93 	border-bottom-color: #COMMENT;
     94 }
     95 
     96 div.content {
     97 	display: block;
     98 	margin: 12px 12px 12px 12px;
     99 	padding: 14px 8px 12px 20px;
    100 	background-color: #BACKGROUND_GREY;
    101 	overflow: hidden;
    102 	border-style: outset;
    103 	border-width: 5px;
    104 	border-top-color: #COMMENT;
    105 	border-left-color: #COMMENT;
    106 	border-right-color: #COMMENT;
    107 	border-bottom-color: #COMMENT;
    108 
    109 }
    110 
    111 div.header  {
    112 	height: 40px;
    113 	font-size: 30px;
    114 }
    115 
    116 div.header-left {
    117 	text-align: left;
    118 	float: left;
    119 	margin: 12px 0px 0px 12px;
    120 	padding: 8px 10px 6px 6px;
    121 	background-color: #BACKGROUND_GREY;
    122 	height: 42px;
    123 	border-style: outset;
    124 	border-width: 5px;
    125 	border-top-color: #COMMENT;
    126 	border-left-color: #COMMENT;
    127 	border-right-color: #COMMENT;
    128 	border-bottom-color: #COMMENT;
    129 }
    130 
    131 div.header a {
    132 	font-weight: bold;
    133 	color: #FOREGROUND_WHITE;
    134 	text-decoration: none;
    135 }
    136 
    137 div.header-right a {
    138 /*	margin-left: 8px;*/
    139 }
    140 
    141 div.header-left a {
    142 	color: #FOREGROUND_WHITE;
    143 /*	margin-left: 6px;*/
    144 }
    145 
    146 div.header-right {
    147 	text-align: right;
    148 	float: right;
    149 	margin: 12px 12px 0px 0px;
    150 	padding: 6px 10px 6px 6px;
    151 	background-color: #BACKGROUND_GREY;
    152 	height: 42px;
    153 	border-style: outset;
    154 	border-width: 5px;
    155 	border-top-color: #COMMENT;
    156 	border-left-color: #COMMENT;
    157 	border-right-color: #COMMENT;
    158 	border-bottom-color: #COMMENT;
    159 }
    160 
    161 div.header img {
    162 	position: relative;
    163 	top: 4px;
    164 	margin: 0px 6px 0px 6px;
    165 }
    166 
    167 span.text-red {
    168 	color: #RED;
    169 }
    170 
    171 span.text-green {
    172 	color: #GREEN;
    173 }
    174 
    175 span.text-yellow {
    176 	color: #YELLOW;
    177 }
    178 
    179 span.text-blue {
    180 	color: #BLUE;
    181 }
    182 
    183 span.text-magenta {
    184 	color: #MAGENTA;
    185 }
    186 
    187 span.text-cyan {
    188 	color: #CYAN;
    189 }