ed5f849 by pradeep at 2013-04-29 | 1 | html, |
2 | button, |
|
3 | input, |
|
4 | select, |
|
5 | textarea { |
|
6 | color: #222; |
|
7 | } |
|
8 | ||
9 | body { |
|
52369d3 by Pradeep at 2013-06-13 | 10 | // width:100%; |
11 | //height:100%; |
|
ed5f849 by pradeep at 2013-04-29 | 12 | margin:0 auto; |
52369d3 by Pradeep at 2013-06-13 | 13 | background-image: url('images/bg.png'); |
ed5f849 by pradeep at 2013-04-29 | 14 | |
15 | } |
|
52369d3 by Pradeep at 2013-06-13 | 16 | |
17 | #header { |
|
18 | margin:0 auto; |
|
19 | height:100px; |
|
20 | width: 1000px; |
|
21 | background-color:#cce; |
|
22 | border-radius: 1em 1em 1em 1em; |
|
23 | } |
|
24 | #title { |
|
25 | float:left; |
|
ed5f849 by pradeep at 2013-04-29 | 26 | } |
52369d3 by Pradeep at 2013-06-13 | 27 | #title a:hover { |
28 | color:#fff; |
|
29 | } |
|
ed5f849 by pradeep at 2013-04-29 | 30 | .navigation { |
52369d3 by Pradeep at 2013-06-13 | 31 | margin:-13px 30px -30px 0px; |
32 | font-size:20px; |
|
33 | float:right; |
|
34 | ||
35 | } |
|
36 | ||
37 | #container { |
|
38 | border-radius: 1em 1em 1em 1em; |
|
39 | font-weight: bold; |
|
40 | height: 100%; |
|
41 | margin-top:100px; |
|
42 | margin: 20px auto; |
|
43 | padding:auto; |
|
44 | width: 1000px; |
|
45 | background-color:#cce; |
|
46 | ||
ed5f849 by pradeep at 2013-04-29 | 47 | } |
52369d3 by Pradeep at 2013-06-13 | 48 | |
ed5f849 by pradeep at 2013-04-29 | 49 | .inside { |
52369d3 by Pradeep at 2013-06-13 | 50 | min-width:100%; |
51 | margin:10px auto; |
|
52 | display:inline-block; |
|
ed5f849 by pradeep at 2013-04-29 | 53 | } |
54 | .travelogue { |
|
52369d3 by Pradeep at 2013-06-13 | 55 | min-width:90%; |
56 | height:100%; |
|
ed5f849 by pradeep at 2013-04-29 | 57 | postion:relative; |
58 | } |
|
59 | .imgsize { |
|
60 | width:300px; |
|
61 | height:300px; |
|
62 | margin:0px 0px 0px 10px; |
|
63 | border-radius:1em 1em 1em 1em; |
|
64 | } |
|
65 | .imgsize1 { |
|
66 | width:300px; |
|
67 | height:200px; |
|
68 | margin:10px 0px 0px 60px; |
|
69 | border-radius:1em 1em 1em 1em; |
|
52369d3 by Pradeep at 2013-06-13 | 70 | //padding:1px 1px 1px 1px; |
ed5f849 by pradeep at 2013-04-29 | 71 | display:inline; |
72 | ||
73 | } |
|
74 | .paragraph{ |
|
75 | font-family:Comic sans MS; |
|
76 | } |
|
77 | ||
78 | hr { |
|
79 | display: block; |
|
80 | height: 1px; |
|
81 | border: 0; |
|
82 | border-top: 1px solid #ccc; |
|
83 | margin: 1em 0; |
|
84 | padding: 0; |
|
85 | } |
|
86 | ||
87 | .box{ |
|
88 | width:300px; |
|
89 | height:200px; |
|
52369d3 by Pradeep at 2013-06-13 | 90 | margin:0 auto; |
91 | //margin:0px 0px 0px 44px; |
|
92 | margin-left:1.5%; |
|
ed5f849 by pradeep at 2013-04-29 | 93 | border-radius:1em 1em 1em 1em; |
52369d3 by Pradeep at 2013-06-13 | 94 | padding:2px 2px 2px 2px; |
95 | // display:inline; |
|
ed5f849 by pradeep at 2013-04-29 | 96 | } |
97 | .row{ |
|
98 | border:1px solid #000; |
|
99 | border-radius:1em 1em 1em 1em; |
|
100 | padding:5px 5px 5px 5px; |
|
101 | margin-left:5px; |
|
102 | box-shadow:0px 10px 10px 0px; |
|
103 | } |
|
104 | .positions { |
|
105 | position:absolute; |
|
106 | margin:95px 0px 0px 45px; |
|
107 | padding:0px 10px 0px 0px; |
|
108 | display:inline; |
|
109 | ||
110 | } |
|
111 | .text{ |
|
112 | margin:10px 0px 0px 0px; |
|
113 | width:68%; |
|
114 | text-align:justify; |
|
115 | float:right; |
|
116 | } |
|
117 | .text1 { |
|
118 | position:relative; |
|
119 | margin:0px 0px 0px 40px; |
|
120 | } |
|
121 | ||
122 | .images{ |
|
123 | width:200px; |
|
124 | height:200px; |
|
125 | display:inline |
|
126 | margin:0px 0px 0px 0px; |
|
127 | border-radius:1em 1em 1em 1em; |
|
52369d3 by Pradeep at 2013-06-13 | 128 | padding:0px 0px 0px 0px; |
ed5f849 by pradeep at 2013-04-29 | 129 | } |
130 | .track1{ |
|
131 | width:0 auto; |
|
132 | border:1px solid #000; |
|
133 | border-radius:1em 1em 1em 1em; |
|
134 | } |
|
135 | a { |
|
136 | text-decoration:none; |
|
137 | } |
|
138 | .sound { |
|
139 | display:inline; |
|
140 | } |
|
141 | h4{ |
|
142 | margin-left:15px; |
|
143 | } |
|
144 | .content{ |
|
145 | width:auto; |
|
146 | height:auto; |
|
147 | margin:0 auto; |
|
148 | } |
|
149 | ||
52369d3 by Pradeep at 2013-06-13 | 150 | .align{ |
151 | margin-left:60px; |
|
ed5f849 by pradeep at 2013-04-29 | 152 | } |
52369d3 by Pradeep at 2013-06-13 | 153 | #data { |
154 | margin:0px 0px 0px 20px; |
|
155 | } |