mobile.css (2455B)
1 /* mobile styles */ 2 @font-face{ 3 font-family: "Terminus-Bold"; 4 src: url('../fonts/Terminus-Bold.ttf'), 5 url('../fonts/Terminus-Bold.ttf'); /* IE */ 6 } 7 8 @font-face{ 9 font-family: "Terminus"; 10 src: url('../fonts/Terminus.ttf'), 11 url('../fonts/Terminus.ttf'); /* IE */ 12 } 13 14 body 15 { 16 margin:0px; 17 border:0px; 18 text-align: center; 19 background-color:#440044; 20 background-repeat:no-repeat; 21 text-decoration: none; 22 font-style: normal; 23 color: #f4f4f4; 24 font-family: 'Terminus', sans-serif; 25 font-size: 18px; 26 -webkit-font-smoothing: antialiased; 27 } 28 29 30 a 31 { 32 color:#fff; 33 } 34 35 36 div.story1 37 { 38 background-color:#1D0E1D; 39 font-weight: normal; 40 font-style: normal; 41 font-size: 16px; 42 height: auto; 43 margin-top: 7px; 44 margin-bottom: 1px; 45 padding-left: 2%; 46 padding-right: 2%; 47 border-radius:10px; 48 padding-bottom: 15px; 49 } 50 51 div.metawindow 52 { 53 margin: 0px auto; 54 height: 40px; 55 } 56 57 video 58 { 59 width: 100%; 60 } 61 62 #default 63 { 64 padding-top: 50px; 65 margin:0 auto; 66 width:80%; 67 padding-bottom: 50px; 68 } 69 70 #navigation 71 { 72 background-color: #231f20; 73 position: fixed; 74 font-weight: bold; 75 font-size: 15px; 76 text-align: center; 77 padding-top:10px; 78 padding-bottom: 10px; 79 top: 0px; 80 height: auto; 81 width: 100%; 82 } 83 84 #navigation ul 85 { 86 margin: 0px auto; 87 padding: 0px; 88 text-align: center; 89 width: auto; 90 } 91 92 #navigation ul li 93 { 94 list-style-type: none; 95 display: inline; 96 background-color: #231f20; 97 padding: 0px; 98 padding-bottom: 0px; 99 border-radius: 4px; 100 } 101 102 #navigation li a 103 { 104 display: inline; 105 list-style: none; 106 padding: 4px; 107 color:##f4f4f4; 108 text-decoration: none; 109 border-radius: 4px; 110 } 111 112 #navigation li a:hover { background:#7A2939; } 113 114 #container 115 { 116 margin: 0px auto; 117 width:100%; 118 } 119 120 121 #top 122 { 123 padding-top:60px; 124 } 125 126 #titel 127 { 128 font-family: 'Terminus-Bold', sans-serif; 129 font-size: 35px; 130 } 131 132 #citat 133 { 134 font-size: 15px; 135 padding-bottom: 20px; 136 } 137 138 #one, #two, #three, #four 139 { 140 margin: 0 auto; 141 text-align: left; 142 width: 90%; 143 padding-top: 50px; 144 145 } 146 147 148 img 149 { 150 max-width: 100%; 151 height: auto; 152 } 153 154 #spacer 155 { 156 height:100px; 157 } 158 159 #robin 160 { 161 background-color:#3399FF; 162 padding-bottom: 20px; 163 margin: 0px auto; 164 font-weight: normal; 165 text-align: center; 166 } 167 168 #footer 169 { 170 margin: 0 auto; 171 background-color:#231f20; 172 font-weight: normal; 173 font-size: 15px; 174 padding-top:5px; 175 height: auto; 176 width: 100%; 177 position: fixed; 178 bottom: 0px; 179 180 } 181 182