Mercurial > hgrepos > hgweb.cgi > skipweb
annotate skip.css @ 2186:df2b687f6dbd
h1とh2を装飾しました。
| author | abeseigo@abeseigo-PC <abeseigo@abeseigo-PC> |
|---|---|
| date | Thu, 30 Jan 2014 16:55:42 +0900 |
| parents | 9030f5fca2a8 |
| children | c7d2a51f3e7f |
| rev | line source |
|---|---|
| 2000 | 1 /*SKIPTOPy[W*/ |
| 2 body { | |
| 3 | |
| 4 } | |
| 5 | |
| 6 div.fix { | |
| 7 position:fixed; | |
| 2046 | 8 width: 100%; |
| 2048 | 9 border: 2px black solid; |
| 10 box-shadow: gray 3px 3px 3px | |
| 2000 | 11 } |
| 12 | |
| 2047 | 13 div.main_title{ |
| 14 text-align:center; | |
| 15 } | |
| 2041 | 16 |
| 2000 | 17 |
| 18 div.side_photo_right{ | |
| 19 text-align:right; | |
| 2046 | 20 margin-top:2em; |
| 2050 | 21 margin-right:20px; |
| 2052 | 22 margin-left:1em; |
| 2049 | 23 width: 152px; |
| 2000 | 24 float:right; |
| 25 } | |
| 26 | |
| 27 | |
| 28 div.menu { | |
| 29 background:#ffd620; | |
| 30 color:blue; | |
| 31 width:11% | |
| 32 text-align:center; | |
| 33 border-bottom-style:thin solid; | |
| 34 padding:2px 2px 2px 2px; | |
| 35 } | |
| 36 | |
| 2044 | 37 div.menu div{ |
| 2000 | 38 margin-left:3%; |
| 39 float:left; | |
| 40 background:#ffd620; | |
| 41 width:16%; | |
| 42 } | |
| 43 | |
| 44 div.menu table { | |
| 45 text-align:center; | |
| 2184 | 46 border-collapse: collapse; |
| 47 margin-left: auto; | |
| 48 margin-right: auto; | |
| 2000 | 49 } |
| 50 | |
| 51 div.menu table td { | |
| 52 width:8em; | |
| 53 text-align:center; | |
| 54 } | |
| 55 | |
| 56 div.menu table td a:hover { | |
| 57 background:white; | |
| 58 } | |
| 59 | |
| 60 div.menu table td a:active { | |
| 61 background:#ffb820; | |
| 62 color:#ff5a20; | |
| 63 } | |
| 64 p.new { | |
|
2070
d4bfb1dfb1b9
p.new width:66% → 100%
masaki@localhost.localdomain <masaki@localhost.localdomain>
parents:
2053
diff
changeset
|
65 width:100%; |
| 2000 | 66 text-align:center; |
| 67 border-style-bottom:thin solid; | |
| 68 color:blue; | |
| 69 } | |
| 70 | |
| 71 p.new span { | |
| 72 background:#ffd620; | |
| 73 padding:2px 2px 2px 2px; | |
| 74 } | |
| 75 | |
|
2070
d4bfb1dfb1b9
p.new width:66% → 100%
masaki@localhost.localdomain <masaki@localhost.localdomain>
parents:
2053
diff
changeset
|
76 p { |
| 2186 | 77 color:#000047; |
| 2184 | 78 text-align:left; |
|
2070
d4bfb1dfb1b9
p.new width:66% → 100%
masaki@localhost.localdomain <masaki@localhost.localdomain>
parents:
2053
diff
changeset
|
79 } |
|
d4bfb1dfb1b9
p.new width:66% → 100%
masaki@localhost.localdomain <masaki@localhost.localdomain>
parents:
2053
diff
changeset
|
80 |
| 2138 | 81 h1.topic { |
| 82 width:100%; | |
| 83 text-align:center; | |
| 84 border-style-bottom:thin solid; | |
| 85 color:blue; | |
| 86 } | |
| 87 | |
| 88 | |
| 89 h1.topic span { | |
| 90 background:#ffd620; | |
| 91 padding:2px 2px 2px 2px; | |
| 92 } | |
| 93 | |
| 94 div.topic{ | |
| 95 background:#ffedaa; | |
| 96 margin:1% 20% 1% 10%; | |
| 97 padding:5% 5%; | |
| 98 border:thin soid | |
| 99 } | |
| 100 | |
| 2000 | 101 div.staff { |
| 2015 | 102 taxt-align: center; |
| 2000 | 103 } |
| 104 | |
| 2112 | 105 |
| 106 | |
| 2000 | 107 /*L*/ |
| 108 h2.article_list { | |
| 109 border-color:red; | |
| 110 border-right-style:none; | |
| 111 border-left-style:none; | |
| 112 border-top-style:thick solid; | |
| 113 border-bottom:thick solid; | |
| 114 } | |
| 115 | |
| 116 div.shop_left { | |
| 117 float: left; | |
| 118 width:40% | |
| 119 margin:0 2% 0 8%; | |
| 120 } | |
| 121 | |
| 122 div.shop_right { | |
| 123 float: right; | |
| 124 width:40%; | |
| 125 margin:0 2% 0 8%; | |
| 126 } | |
| 127 | |
| 2041 | 128 /**/ |
| 129 | |
| 130 img.shadow, *.shadow img { | |
| 131 border: white 3px solid; box-shadow: black 3px 3px 3px; | |
| 132 margin-right: 3px; margin-bottom: 3px; | |
| 133 } | |
| 134 | |
| 135 div.side_photo_right img{ | |
| 136 border: 2px yellow solid; | |
| 137 box-shadow: orange 3px 3px 3px; | |
| 138 | |
| 2052 | 139 } |
| 140 | |
| 141 /*H@*/ | |
| 142 | |
| 143 div.syuzai_pic img{ | |
| 144 border: 2px yellow solid; | |
| 145 box-shadow: orange 3px 3px 3px; | |
| 146 } | |
| 147 | |
| 2186 | 148 |
| 149 h2 {background: #0000ff; | |
| 150 box-shadow: black 1px 1px 2px; | |
| 151 padding: 0 0.5ex; | |
| 152 border-top-right-radius: 2ex; | |
| 153 border-bottom-right-radius: 2ex; | |
| 154 margin-right: 80%; | |
| 155 color:black;} | |
| 2052 | 156 |
| 2186 | 157 h3 {background: #ffd620; |
| 158 box-shadow: black 1px 1px 2px; | |
| 159 padding: 0 0.5ex; | |
| 160 border-top-right-radius: 2ex; | |
| 161 border-bottom-right-radius: 2ex; | |
| 162 margin-right: 90%; | |
| 163 color:black;} | |
| 164 | |
| 165 | |
| 166 | |
| 167 | |
| 2052 | 168 |
| 2053 | 169 /*X^bt@uO*/ |
| 170 | |
| 171 div.staff img{ | |
| 172 border: 1px blue solid; | |
| 173 box-shadow: green 2px 2px 2px; | |
| 174 margin-right: 8px; | |
| 2105 | 175 } |
| 176 | |
| 177 /*cVeB[n[t}\*/ | |
| 178 | |
| 2138 | 179 div.map{ |
| 2151 | 180 margin-right:30px; |
| 181 margin-left:30px; | |
| 182 margin-top:10px; | |
| 183 margin-bottom:10px; | |
| 2138 | 184 text-align:center; |
| 2151 | 185 border:thin solid; |
| 186 # fillter:alpha(opacity=50); | |
| 187 # -moz-opacity:0.5; | |
| 188 # opacity:0.5; | |
| 189 } | |
| 190 | |
| 2105 | 191 div.mara p{text-align: left} |
| 2123 | 192 |
| 193 div.monologue { | |
| 194 background: white; box-shadow: black 1px 1px 2px; padding: 1 1ex; | |
| 195 border-radius: 4ex; | |
| 196 border-top-left-radius: 0ex; | |
| 197 margin-left: 130px; | |
| 198 margin-top: 20px; | |
| 199 } | |
| 200 | |
| 201 div.monologue p{text-align: left} | |
| 202 | |
| 203 div.img { | |
| 204 background: url(kamonkun01_migi.png) no-repeat; | |
| 205 text-align: left; | |
| 206 } |
