| 1 |
BODY |
|---|
| 2 |
{ |
|---|
| 3 |
font-family: "ヒラギノ角ゴ Pro W3"; |
|---|
| 4 |
font-size: 13px; |
|---|
| 5 |
margin: 10; |
|---|
| 6 |
background-color: #ffffff ; |
|---|
| 7 |
line-height: 1.8em |
|---|
| 8 |
} |
|---|
| 9 |
|
|---|
| 10 |
img.photo { |
|---|
| 11 |
margin: 10px; |
|---|
| 12 |
border: 0; |
|---|
| 13 |
} |
|---|
| 14 |
|
|---|
| 15 |
a:link { |
|---|
| 16 |
color: #dd0000; text-decoration: none; |
|---|
| 17 |
background-color: transparent; |
|---|
| 18 |
} |
|---|
| 19 |
|
|---|
| 20 |
a:visited { |
|---|
| 21 |
color: #aa4444; text-decoration: none; |
|---|
| 22 |
background-color: transparent; |
|---|
| 23 |
} |
|---|
| 24 |
|
|---|
| 25 |
a:hover { |
|---|
| 26 |
text-decoration: underline; color:#ff2222 ; |
|---|
| 27 |
font-style: normal; |
|---|
| 28 |
background-color: transparent; |
|---|
| 29 |
} |
|---|
| 30 |
|
|---|
| 31 |
h1 { |
|---|
| 32 |
margin: 0em 0em 1em 0em; |
|---|
| 33 |
padding-top: 0.5em; |
|---|
| 34 |
padding-bottom: 0.5em; |
|---|
| 35 |
font-family: Times, Georgia, serif; |
|---|
| 36 |
font-size: 200%; |
|---|
| 37 |
font-weight: bolder; |
|---|
| 38 |
color: #00c; |
|---|
| 39 |
/*border-top: 2px dotted #00c;*/ |
|---|
| 40 |
border-bottom: 2px dotted #aaa; |
|---|
| 41 |
/*background-color: #eef;*/ |
|---|
| 42 |
/*text-decoration: underline;*/ |
|---|
| 43 |
} |
|---|
| 44 |
|
|---|
| 45 |
h2 { |
|---|
| 46 |
padding-left: 0.5em; |
|---|
| 47 |
border-left: solid 5px #c00; |
|---|
| 48 |
border-bottom: solid 1px #c00; |
|---|
| 49 |
font-size: 1.5em; |
|---|
| 50 |
color: #000; |
|---|
| 51 |
} |
|---|
| 52 |
|
|---|
| 53 |
h3 { |
|---|
| 54 |
margin-top: 1.5em; |
|---|
| 55 |
padding-left: 0.3em; |
|---|
| 56 |
border-bottom: solid 1px #000; |
|---|
| 57 |
color: #22d; |
|---|
| 58 |
} |
|---|
| 59 |
|
|---|
| 60 |
h4 { |
|---|
| 61 |
margin-top: 1em; |
|---|
| 62 |
padding-left: 0.1em; |
|---|
| 63 |
border-bottom: dotted 1px #000; |
|---|
| 64 |
} |
|---|
| 65 |
|
|---|
| 66 |
div.menu { |
|---|
| 67 |
float: left; |
|---|
| 68 |
width: 200px; |
|---|
| 69 |
background-color: #ddd; |
|---|
| 70 |
} |
|---|
| 71 |
|
|---|
| 72 |
div.main { |
|---|
| 73 |
float: right; |
|---|
| 74 |
width: 580px; |
|---|
| 75 |
padding: 0em 10px 0em 10px; |
|---|
| 76 |
/*padding: 0em 1em 0em 1em;*/ |
|---|
| 77 |
/*background-color: #ccc;*/ |
|---|
| 78 |
} |
|---|
| 79 |
|
|---|
| 80 |
ol { |
|---|
| 81 |
margin: 0; |
|---|
| 82 |
padding :1em 0 1em 2em; |
|---|
| 83 |
border-top: 3px solid #aaa; |
|---|
| 84 |
border-bottom: 3px solid #aaa; |
|---|
| 85 |
/* margin: 0 1em;*/ |
|---|
| 86 |
} |
|---|
| 87 |
|
|---|
| 88 |
ol li { |
|---|
| 89 |
/*margin: 0; |
|---|
| 90 |
padding: 0;*/ |
|---|
| 91 |
font-size: 1em; |
|---|
| 92 |
line-height: 180%; |
|---|
| 93 |
} |
|---|
| 94 |
|
|---|
| 95 |
p { |
|---|
| 96 |
line-height: 120%; |
|---|
| 97 |
} |
|---|
| 98 |
|
|---|
| 99 |
div.command { |
|---|
| 100 |
margin: 1em 1.5em; |
|---|
| 101 |
padding : 0.7em 0.5em; |
|---|
| 102 |
font-weight: bolder; |
|---|
| 103 |
color: #fff; |
|---|
| 104 |
background-color: #000; |
|---|
| 105 |
} |
|---|
| 106 |
.sidebar |
|---|
| 107 |
{ |
|---|
| 108 |
border: 2px black solid; |
|---|
| 109 |
background: rgb(230,230,235); |
|---|
| 110 |
padding: 0.12in; |
|---|
| 111 |
margin: 0 0.5in; |
|---|
| 112 |
} |
|---|
| 113 |
.screen, .programlisting |
|---|
| 114 |
{ |
|---|
| 115 |
font-family: courier new,courier,fixed; |
|---|
| 116 |
font-style: normal; |
|---|
| 117 |
font-weight: normal; |
|---|
| 118 |
} |
|---|
| 119 |
|
|---|
| 120 |
.command { |
|---|
| 121 |
margin: 1em 1.5em; |
|---|
| 122 |
padding : 0.7em 0.5em; |
|---|
| 123 |
font-weight: bolder; |
|---|
| 124 |
color: #fff; |
|---|
| 125 |
background-color: #000; |
|---|
| 126 |
} |
|---|
