style.css (1747B)
1 body { 2 background-color: #201b1e; 3 background: #201b1e; 4 color: #ff84bf; 5 font-family: 'Monospace'; 6 } 7 8 header .title { 9 text-align: center; 10 } 11 12 .verysmall { 13 font-size: 60%; 14 } 15 16 .rainbow { 17 background-clip: text; 18 color: transparent; 19 background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red); 20 } 21 22 a { 23 color: #eec047; 24 font-weight: bold; 25 } 26 27 #blogs { 28 /*align: center;*/ 29 margin-left: auto; 30 margin-right: auto; 31 width: 30%; 32 } 33 34 #blogs table, #blogs th, #blogs td { 35 border: 1px solid; 36 border-collapse: collapse; 37 } 38 39 #mainbody h2 { 40 text-decoration: underline; 41 } 42 43 a:visited { 44 color: #a300fe; 45 } 46 47 48 nav { 49 background-color: #65556c; 50 } 51 52 nav th { 53 padding: 10px; 54 } 55 56 nav a { 57 color: #eec047; 58 } 59 60 /* overwrite previous rule for visited links */ 61 nav a:visited { 62 color: #eec047; 63 } 64 65 nav table { 66 margin-left: auto; 67 margin-right: auto; 68 } 69 70 /* displays not large enough to render the image on the right */ 71 @media screen and (min-width: 1000px) { 72 body { 73 /*align: center;*/ 74 text-align: center; 75 width: 70%; 76 margin-left: auto; 77 margin-right: auto; 78 } 79 #photo { 80 margin: auto; 81 text-align: center; 82 } 83 } 84 85 /* displays large enough to render the image on the right */ 86 @media screen and (min-width: 1636px) { 87 body { 88 background-image: url(./images/webback.png); 89 background-repeat: no-repeat; 90 background-position: center right; 91 background-position-y: top; 92 background-size: 45%; 93 width: 45%; 94 height: 100%; 95 96 /*align: left;*/ 97 text-align: left; 98 margin-left: 0; 99 margin-right: 0; 100 padding-left: 15px; 101 padding-right: 15px; 102 } 103 104 #photo { 105 margin: auto; 106 text-align: center; 107 width: 40%; 108 } 109 } 110 111 footer { 112 /*align: center;*/ 113 text-align: center; 114 } 115 116 footer table { 117 margin-left: auto; 118 margin-right: auto; 119 } 120