Commit d3afa5ca2aacf81be9c51f3b1c1a17c3d002db55
Committed by
Braulio Bhavamitra
1 parent
1843b53f
Exists in
master
and in
27 other branches
Add topleft layout template
Showing
4 changed files
with
280 additions
and
0 deletions
Show diff stats
@@ -0,0 +1,37 @@ | @@ -0,0 +1,37 @@ | ||
1 | +#boxes { | ||
2 | + display: table; | ||
3 | + width: 100%; | ||
4 | +} | ||
5 | + | ||
6 | +.box-1 { | ||
7 | + margin: 0 0 0 240px; | ||
8 | +} | ||
9 | + | ||
10 | +.box-1 .blocks { | ||
11 | + width: 100%; | ||
12 | + float: left; | ||
13 | +} | ||
14 | + | ||
15 | +.box-2 { | ||
16 | + position: relative; | ||
17 | + float: left; | ||
18 | + width: 190px; | ||
19 | +} | ||
20 | + | ||
21 | +.box-3 { | ||
22 | + position: relative; | ||
23 | + display: table-footer-group; | ||
24 | + width: 100%; | ||
25 | +} | ||
26 | + | ||
27 | +#profile-activity ul, | ||
28 | +#profile-network ul, | ||
29 | +#profile-wall ul { | ||
30 | + width: 460px; | ||
31 | +} | ||
32 | +#profile-activity ul.comment-replies, | ||
33 | +#profile-network ul.comment-replies, | ||
34 | +#profile-wall ul.comment-replies { | ||
35 | + width: auto; | ||
36 | +} | ||
37 | + |
3.87 KB
@@ -0,0 +1,239 @@ | @@ -0,0 +1,239 @@ | ||
1 | +<?xml version="1.0" encoding="UTF-8" standalone="no"?> | ||
2 | +<!-- Created with Inkscape (http://www.inkscape.org/) --> | ||
3 | + | ||
4 | +<svg | ||
5 | + xmlns:dc="http://purl.org/dc/elements/1.1/" | ||
6 | + xmlns:cc="http://creativecommons.org/ns#" | ||
7 | + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | ||
8 | + xmlns:svg="http://www.w3.org/2000/svg" | ||
9 | + xmlns="http://www.w3.org/2000/svg" | ||
10 | + xmlns:xlink="http://www.w3.org/1999/xlink" | ||
11 | + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||
12 | + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||
13 | + width="64px" | ||
14 | + height="64px" | ||
15 | + id="svg2383" | ||
16 | + sodipodi:version="0.32" | ||
17 | + inkscape:version="0.48.4 r9939" | ||
18 | + sodipodi:docname="thumbnail.svg" | ||
19 | + inkscape:output_extension="org.inkscape.output.svg.inkscape" | ||
20 | + inkscape:export-filename="thumbnail.png" | ||
21 | + inkscape:export-xdpi="90" | ||
22 | + inkscape:export-ydpi="90" | ||
23 | + version="1.1"> | ||
24 | + <defs | ||
25 | + id="defs2385"> | ||
26 | + <linearGradient | ||
27 | + id="linearGradient3263"> | ||
28 | + <stop | ||
29 | + id="stop3265" | ||
30 | + offset="0" | ||
31 | + style="stop-color:#204a87;stop-opacity:1" /> | ||
32 | + <stop | ||
33 | + id="stop3267" | ||
34 | + offset="1" | ||
35 | + style="stop-color:#729fcf;stop-opacity:1" /> | ||
36 | + </linearGradient> | ||
37 | + <linearGradient | ||
38 | + id="linearGradient3257" | ||
39 | + inkscape:collect="always"> | ||
40 | + <stop | ||
41 | + id="stop3259" | ||
42 | + offset="0" | ||
43 | + style="stop-color:#204a87;stop-opacity:1" /> | ||
44 | + <stop | ||
45 | + id="stop3261" | ||
46 | + offset="1" | ||
47 | + style="stop-color:#729fcf;stop-opacity:1" /> | ||
48 | + </linearGradient> | ||
49 | + <linearGradient | ||
50 | + inkscape:collect="always" | ||
51 | + id="linearGradient3245"> | ||
52 | + <stop | ||
53 | + style="stop-color:#204a87;stop-opacity:1" | ||
54 | + offset="0" | ||
55 | + id="stop3247" /> | ||
56 | + <stop | ||
57 | + style="stop-color:#729fcf;stop-opacity:1" | ||
58 | + offset="1" | ||
59 | + id="stop3249" /> | ||
60 | + </linearGradient> | ||
61 | + <inkscape:perspective | ||
62 | + sodipodi:type="inkscape:persp3d" | ||
63 | + inkscape:vp_x="0 : 32 : 1" | ||
64 | + inkscape:vp_y="0 : 1000 : 0" | ||
65 | + inkscape:vp_z="64 : 32 : 1" | ||
66 | + inkscape:persp3d-origin="32 : 21.333333 : 1" | ||
67 | + id="perspective2391" /> | ||
68 | + <filter | ||
69 | + inkscape:collect="always" | ||
70 | + id="filter3241"> | ||
71 | + <feGaussianBlur | ||
72 | + inkscape:collect="always" | ||
73 | + stdDeviation="0.9075" | ||
74 | + id="feGaussianBlur3243" /> | ||
75 | + </filter> | ||
76 | + <linearGradient | ||
77 | + inkscape:collect="always" | ||
78 | + xlink:href="#linearGradient3245" | ||
79 | + id="linearGradient3251" | ||
80 | + x1="11.5" | ||
81 | + y1="60.5" | ||
82 | + x2="3.5" | ||
83 | + y2="3.5" | ||
84 | + gradientUnits="userSpaceOnUse" | ||
85 | + gradientTransform="matrix(1.0025263,0,0,0.76423683,0.2157619,0.85033188)" /> | ||
86 | + <linearGradient | ||
87 | + inkscape:collect="always" | ||
88 | + xlink:href="#linearGradient3263" | ||
89 | + id="linearGradient3253" | ||
90 | + x1="42.5" | ||
91 | + y1="60.5" | ||
92 | + x2="19.5" | ||
93 | + y2="3.5" | ||
94 | + gradientUnits="userSpaceOnUse" | ||
95 | + gradientTransform="matrix(1.4160224,0,0,0.76166072,-5.6247232,0.93276759)" /> | ||
96 | + <linearGradient | ||
97 | + inkscape:collect="always" | ||
98 | + xlink:href="#linearGradient3257" | ||
99 | + id="linearGradient3255" | ||
100 | + x1="60.5" | ||
101 | + y1="60.5" | ||
102 | + x2="51.5" | ||
103 | + y2="3.5" | ||
104 | + gradientUnits="userSpaceOnUse" | ||
105 | + gradientTransform="translate(0.32391508,-62.512846)" /> | ||
106 | + </defs> | ||
107 | + <sodipodi:namedview | ||
108 | + id="base" | ||
109 | + pagecolor="#ffffff" | ||
110 | + bordercolor="#666666" | ||
111 | + borderopacity="1.0" | ||
112 | + inkscape:pageopacity="0.0" | ||
113 | + inkscape:pageshadow="2" | ||
114 | + inkscape:zoom="3.5852524" | ||
115 | + inkscape:cx="21.387308" | ||
116 | + inkscape:cy="33.791467" | ||
117 | + inkscape:current-layer="layer1" | ||
118 | + showgrid="true" | ||
119 | + inkscape:document-units="px" | ||
120 | + inkscape:grid-bbox="true" | ||
121 | + inkscape:window-width="1364" | ||
122 | + inkscape:window-height="714" | ||
123 | + inkscape:window-x="0" | ||
124 | + inkscape:window-y="27" | ||
125 | + objecttolerance="10" | ||
126 | + gridtolerance="10" | ||
127 | + guidetolerance="10" | ||
128 | + inkscape:window-maximized="0"> | ||
129 | + <inkscape:grid | ||
130 | + type="xygrid" | ||
131 | + id="grid2382" | ||
132 | + visible="true" | ||
133 | + enabled="true" | ||
134 | + originx="0.5px" | ||
135 | + originy="0.5px" | ||
136 | + empcolor="#0000ff" | ||
137 | + empopacity="0.1254902" | ||
138 | + dotted="true" /> | ||
139 | + </sodipodi:namedview> | ||
140 | + <metadata | ||
141 | + id="metadata2388"> | ||
142 | + <rdf:RDF> | ||
143 | + <cc:Work | ||
144 | + rdf:about=""> | ||
145 | + <dc:format>image/svg+xml</dc:format> | ||
146 | + <dc:type | ||
147 | + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | ||
148 | + <dc:title></dc:title> | ||
149 | + </cc:Work> | ||
150 | + </rdf:RDF> | ||
151 | + </metadata> | ||
152 | + <g | ||
153 | + id="layer1" | ||
154 | + inkscape:label="Layer 1" | ||
155 | + inkscape:groupmode="layer"> | ||
156 | + <rect | ||
157 | + rx="2" | ||
158 | + ry="2" | ||
159 | + y="2.5" | ||
160 | + x="50.5" | ||
161 | + height="59" | ||
162 | + width="12" | ||
163 | + id="rect3186" | ||
164 | + style="opacity:0.4;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter3241);enable-background:accumulate" | ||
165 | + transform="matrix(0,1,-1,0,64.512846,0.32391508)" /> | ||
166 | + <rect | ||
167 | + style="fill:url(#linearGradient3255);fill-opacity:1;fill-rule:nonzero;stroke:#204a87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
168 | + id="rect3154" | ||
169 | + width="12" | ||
170 | + height="59" | ||
171 | + x="49.823914" | ||
172 | + y="-61.012848" | ||
173 | + ry="2" | ||
174 | + transform="matrix(0,1,-1,0,0,0)" /> | ||
175 | + <rect | ||
176 | + style="opacity:0.6;fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
177 | + id="rect3164" | ||
178 | + width="10" | ||
179 | + height="57" | ||
180 | + x="50.823914" | ||
181 | + y="-60.012848" | ||
182 | + ry="1" | ||
183 | + transform="matrix(0,1,-1,0,0,0)" /> | ||
184 | + <rect | ||
185 | + rx="2" | ||
186 | + ry="2" | ||
187 | + style="opacity:0.4;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter3241);enable-background:accumulate" | ||
188 | + id="rect3184" | ||
189 | + width="11" | ||
190 | + height="59" | ||
191 | + x="2.5" | ||
192 | + y="2.5" | ||
193 | + transform="matrix(1.0025263,0,0,0.76423683,0.2157619,0.85033188)" /> | ||
194 | + <rect | ||
195 | + rx="2" | ||
196 | + ry="2" | ||
197 | + style="opacity:0.4;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter3241);enable-background:accumulate" | ||
198 | + id="rect3188" | ||
199 | + width="31" | ||
200 | + height="59" | ||
201 | + x="16.5" | ||
202 | + y="2.5" | ||
203 | + transform="matrix(1.4160224,0,0,0.76166071,-5.6247232,0.93276758)" /> | ||
204 | + <rect | ||
205 | + y="1.9966872" | ||
206 | + x="1.7195514" | ||
207 | + height="45.089973" | ||
208 | + width="11.02779" | ||
209 | + id="rect2395" | ||
210 | + style="fill:url(#linearGradient3251);fill-opacity:1;fill-rule:nonzero;stroke:#204a87;stroke-width:0.87531;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
211 | + ry="1.5284736" /> | ||
212 | + <rect | ||
213 | + y="2.0752587" | ||
214 | + x="16.323626" | ||
215 | + height="44.937984" | ||
216 | + width="43.896694" | ||
217 | + id="rect3156" | ||
218 | + style="fill:url(#linearGradient3253);fill-opacity:1;fill-rule:nonzero;stroke:#204a87;stroke-width:1.03852236;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
219 | + ry="1.5233214" /> | ||
220 | + <rect | ||
221 | + ry="0.76423681" | ||
222 | + style="opacity:0.6;fill:none;stroke:#ffffff;stroke-width:0.87531;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
223 | + id="rect3158" | ||
224 | + width="9.0227375" | ||
225 | + height="43.561501" | ||
226 | + x="2.7220778" | ||
227 | + y="2.7609239" /> | ||
228 | + <rect | ||
229 | + y="2.8369193" | ||
230 | + x="17.739647" | ||
231 | + height="43.414661" | ||
232 | + width="41.064651" | ||
233 | + id="rect3162" | ||
234 | + style="opacity:0.6;fill:none;stroke:#ffffff;stroke-width:1.03852236;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
235 | + ry="0.7616607" | ||
236 | + inkscape:export-xdpi="90" | ||
237 | + inkscape:export-ydpi="90" /> | ||
238 | + </g> | ||
239 | +</svg> |