Mercurial > laserkard
annotate css/front_page.css @ 95:5fb202915c11 laserkard
created card template multifunction
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Mon, 26 Jul 2010 21:42:20 -0400 |
parents | 4ebd94bfecda |
children |
rev | line source |
---|---|
rlm@78 | 1 div.img_center |
rlm@78 | 2 { |
rlm@78 | 3 |
rlm@78 | 4 width: 1100px ; |
rlm@78 | 5 |
rlm@78 | 6 margin-left:auto; |
rlm@78 | 7 margin-right:auto; |
rlm@78 | 8 |
rlm@78 | 9 |
rlm@78 | 10 |
rlm@78 | 11 } |
rlm@78 | 12 div.stupid_fuck |
rlm@78 | 13 { |
rlm@78 | 14 position: absolute; |
rlm@78 | 15 width: 1100px ; |
rlm@78 | 16 |
rlm@78 | 17 margin-left:auto; |
rlm@78 | 18 margin-right:auto; |
rlm@78 | 19 |
rlm@78 | 20 z-index: -10; |
rlm@78 | 21 margin-top: -100px; |
rlm@78 | 22 |
rlm@78 | 23 } |
rlm@78 | 24 |
rlm@78 | 25 div.stupid_fuck2 |
rlm@78 | 26 { |
rlm@78 | 27 position: absolute; |
rlm@78 | 28 width: 1100px ; |
rlm@78 | 29 |
rlm@78 | 30 margin-left:auto; |
rlm@78 | 31 margin-right:auto; |
rlm@78 | 32 |
rlm@78 | 33 z-index: 50; |
rlm@78 | 34 margin-top: 680px; |
rlm@78 | 35 |
rlm@78 | 36 } |
rlm@78 | 37 |
rlm@78 | 38 |
rlm@78 | 39 |
rlm@78 | 40 a.behind |
rlm@78 | 41 { |
rlm@78 | 42 |
rlm@78 | 43 |
rlm@78 | 44 |
rlm@78 | 45 } |
rlm@78 | 46 |
rlm@78 | 47 |
rlm@78 | 48 |
rlm@78 | 49 div.text_center |
rlm@78 | 50 { |
rlm@78 | 51 |
rlm@78 | 52 width: 1100px ; |
rlm@78 | 53 |
rlm@78 | 54 margin-left:auto; |
rlm@78 | 55 margin-right:auto; |
rlm@78 | 56 color:#aaaaaa; |
rlm@78 | 57 /*font-family:Helvetica, sans-serif, Arial;*/ |
rlm@78 | 58 font: bold 16px "arial", "sans-serif"; |
rlm@78 | 59 text-align:center; |
rlm@78 | 60 margin-top:-90px; |
rlm@78 | 61 } |
rlm@78 | 62 |
rlm@78 | 63 |
rlm@78 | 64 |
rlm@78 | 65 |
rlm@78 | 66 div.copyright |
rlm@78 | 67 { |
rlm@78 | 68 |
rlm@78 | 69 width: 1100px ; |
rlm@78 | 70 |
rlm@78 | 71 margin-left:auto; |
rlm@78 | 72 margin-right:auto; |
rlm@78 | 73 color:white; |
rlm@78 | 74 /*font-family:Helvetica, sans-serif, Arial;*/ |
rlm@78 | 75 font: bold 16px "arial", "sans-serif"; |
rlm@78 | 76 text-align:center; |
rlm@78 | 77 |
rlm@78 | 78 |
rlm@78 | 79 } |
rlm@78 | 80 |
rlm@78 | 81 |
rlm@78 | 82 |
rlm@78 | 83 /*START stupid crap */ |
rlm@78 | 84 |
rlm@78 | 85 |
rlm@78 | 86 |
rlm@78 | 87 |
rlm@78 | 88 |
rlm@78 | 89 div.slogan,div.slogan>a |
rlm@78 | 90 { |
rlm@78 | 91 |
rlm@78 | 92 color: white; |
rlm@78 | 93 background-color: black; |
rlm@78 | 94 margin-left: auto; |
rlm@78 | 95 margin-right: auto; |
rlm@78 | 96 clear: left; |
rlm@78 | 97 clear: right; |
rlm@78 | 98 width: 100%; |
rlm@78 | 99 text-align: center; |
rlm@78 | 100 font: bold 25px "arial", "sans-serif"; |
rlm@78 | 101 text-decoration: none; |
rlm@78 | 102 margin-bottom:-15px; |
rlm@78 | 103 margin-top:20px; |
rlm@78 | 104 |
rlm@78 | 105 } |
rlm@78 | 106 |
rlm@78 | 107 |
rlm@78 | 108 |
rlm@78 | 109 |
rlm@78 | 110 |
rlm@78 | 111 div.center |
rlm@78 | 112 { |
rlm@78 | 113 display:block; |
rlm@78 | 114 width:460px; |
rlm@78 | 115 height:244px; |
rlm@78 | 116 background-color:#000000; |
rlm@78 | 117 margin-left:auto; |
rlm@78 | 118 margin-right:auto; |
rlm@78 | 119 margin-top:60px; |
rlm@78 | 120 margin-bottom:auto; |
rlm@78 | 121 padding:0px; |
rlm@78 | 122 } |
rlm@78 | 123 |
rlm@78 | 124 |
rlm@78 | 125 |
rlm@78 | 126 |
rlm@78 | 127 |