Commit fcd1069b21e0837529572e9413ffaee77b2207a0
Committed by
Daniela Feitosa
1 parent
19bd91a0
Exists in
master
and in
28 other branches
Adding new layout template '2leftbars'
- moving boxes style definitions from base theme to templates - fixing sidebars width to 190px everywhere (ActionItem1979)
Showing
8 changed files
with
306 additions
and
46 deletions
Show diff stats
public/designs/templates/2leftbars/stylesheets/style.css
0 → 100644
| @@ -0,0 +1,27 @@ | @@ -0,0 +1,27 @@ | ||
| 1 | +.box-1 { | ||
| 2 | + margin: 0 0 0 400px; | ||
| 3 | +} | ||
| 4 | + | ||
| 5 | +.box-1 .blocks { | ||
| 6 | + width: 100%; | ||
| 7 | + float: left; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +.box-2 { | ||
| 11 | + position: relative; | ||
| 12 | + float: left; | ||
| 13 | + width: 190px; | ||
| 14 | + padding-left: 10px; | ||
| 15 | +} | ||
| 16 | + | ||
| 17 | +.box-3 { | ||
| 18 | + position: relative; | ||
| 19 | + float: left; | ||
| 20 | + width: 190px; | ||
| 21 | +} | ||
| 22 | + | ||
| 23 | +#profile-activity ul, | ||
| 24 | +#profile-network ul, | ||
| 25 | +#profile-wall ul { | ||
| 26 | + width: 460px; | ||
| 27 | +} |
2.16 KB
| @@ -0,0 +1,259 @@ | @@ -0,0 +1,259 @@ | ||
| 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.1 r9760" | ||
| 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 | + <linearGradient | ||
| 86 | + inkscape:collect="always" | ||
| 87 | + xlink:href="#linearGradient3263" | ||
| 88 | + id="linearGradient3253" | ||
| 89 | + x1="42.5" | ||
| 90 | + y1="60.5" | ||
| 91 | + x2="19.5" | ||
| 92 | + y2="3.5" | ||
| 93 | + gradientUnits="userSpaceOnUse" | ||
| 94 | + gradientTransform="translate(0,20)" /> | ||
| 95 | + <linearGradient | ||
| 96 | + inkscape:collect="always" | ||
| 97 | + xlink:href="#linearGradient3257" | ||
| 98 | + id="linearGradient3255" | ||
| 99 | + x1="60.5" | ||
| 100 | + y1="60.5" | ||
| 101 | + x2="51.5" | ||
| 102 | + y2="3.5" | ||
| 103 | + gradientUnits="userSpaceOnUse" /> | ||
| 104 | + <linearGradient | ||
| 105 | + inkscape:collect="always" | ||
| 106 | + xlink:href="#linearGradient3263" | ||
| 107 | + id="linearGradient3018" | ||
| 108 | + gradientUnits="userSpaceOnUse" | ||
| 109 | + gradientTransform="translate(0,20)" | ||
| 110 | + x1="42.5" | ||
| 111 | + y1="60.5" | ||
| 112 | + x2="19.5" | ||
| 113 | + y2="3.5" /> | ||
| 114 | + <linearGradient | ||
| 115 | + inkscape:collect="always" | ||
| 116 | + xlink:href="#linearGradient3257" | ||
| 117 | + id="linearGradient3023" | ||
| 118 | + gradientUnits="userSpaceOnUse" | ||
| 119 | + x1="60.5" | ||
| 120 | + y1="60.5" | ||
| 121 | + x2="51.5" | ||
| 122 | + y2="3.5" /> | ||
| 123 | + </defs> | ||
| 124 | + <sodipodi:namedview | ||
| 125 | + id="base" | ||
| 126 | + pagecolor="#ffffff" | ||
| 127 | + bordercolor="#666666" | ||
| 128 | + borderopacity="1.0" | ||
| 129 | + inkscape:pageopacity="0.0" | ||
| 130 | + inkscape:pageshadow="2" | ||
| 131 | + inkscape:zoom="5.4395823" | ||
| 132 | + inkscape:cx="28.782841" | ||
| 133 | + inkscape:cy="24.646494" | ||
| 134 | + inkscape:current-layer="layer1" | ||
| 135 | + showgrid="true" | ||
| 136 | + inkscape:document-units="px" | ||
| 137 | + inkscape:grid-bbox="true" | ||
| 138 | + inkscape:window-width="1278" | ||
| 139 | + inkscape:window-height="760" | ||
| 140 | + inkscape:window-x="0" | ||
| 141 | + inkscape:window-y="19" | ||
| 142 | + objecttolerance="10" | ||
| 143 | + gridtolerance="10" | ||
| 144 | + guidetolerance="10" | ||
| 145 | + inkscape:window-maximized="0"> | ||
| 146 | + <inkscape:grid | ||
| 147 | + type="xygrid" | ||
| 148 | + id="grid2382" | ||
| 149 | + visible="true" | ||
| 150 | + enabled="true" | ||
| 151 | + originx="0.5px" | ||
| 152 | + originy="0.5px" | ||
| 153 | + empcolor="#0000ff" | ||
| 154 | + empopacity="0.1254902" | ||
| 155 | + dotted="true" /> | ||
| 156 | + </sodipodi:namedview> | ||
| 157 | + <metadata | ||
| 158 | + id="metadata2388"> | ||
| 159 | + <rdf:RDF> | ||
| 160 | + <cc:Work | ||
| 161 | + rdf:about=""> | ||
| 162 | + <dc:format>image/svg+xml</dc:format> | ||
| 163 | + <dc:type | ||
| 164 | + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | ||
| 165 | + <dc:title></dc:title> | ||
| 166 | + </cc:Work> | ||
| 167 | + </rdf:RDF> | ||
| 168 | + </metadata> | ||
| 169 | + <g | ||
| 170 | + id="layer1" | ||
| 171 | + inkscape:label="Layer 1" | ||
| 172 | + inkscape:groupmode="layer"> | ||
| 173 | + <rect | ||
| 174 | + rx="2" | ||
| 175 | + ry="2" | ||
| 176 | + 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" | ||
| 177 | + id="rect3184" | ||
| 178 | + width="11" | ||
| 179 | + height="59" | ||
| 180 | + x="2.5" | ||
| 181 | + y="2.5" /> | ||
| 182 | + <rect | ||
| 183 | + rx="2" | ||
| 184 | + ry="2" | ||
| 185 | + y="2.5" | ||
| 186 | + x="16.5" | ||
| 187 | + height="59" | ||
| 188 | + width="12" | ||
| 189 | + id="rect3186" | ||
| 190 | + 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" /> | ||
| 191 | + <rect | ||
| 192 | + rx="2" | ||
| 193 | + ry="2" | ||
| 194 | + 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" | ||
| 195 | + id="rect3188" | ||
| 196 | + width="31" | ||
| 197 | + height="59" | ||
| 198 | + x="31.5" | ||
| 199 | + y="2.5" /> | ||
| 200 | + <rect | ||
| 201 | + y="1.5" | ||
| 202 | + x="1.5" | ||
| 203 | + height="59" | ||
| 204 | + width="11" | ||
| 205 | + id="rect2395" | ||
| 206 | + style="opacity:1;fill:url(#linearGradient3251);fill-opacity:1;fill-rule:nonzero;stroke:#204a87;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
| 207 | + ry="2" /> | ||
| 208 | + <rect | ||
| 209 | + ry="1" | ||
| 210 | + style="opacity:0.6;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | ||
| 211 | + id="rect3158" | ||
| 212 | + width="9" | ||
| 213 | + height="57" | ||
| 214 | + x="2.5" | ||
| 215 | + y="2.5" /> | ||
| 216 | + <g | ||
| 217 | + id="g3010" | ||
| 218 | + transform="translate(15,-20)"> | ||
| 219 | + <rect | ||
| 220 | + ry="2" | ||
| 221 | + style="fill:url(#linearGradient3018);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" | ||
| 222 | + id="rect3156" | ||
| 223 | + width="31" | ||
| 224 | + height="59" | ||
| 225 | + x="15.5" | ||
| 226 | + y="21.5" /> | ||
| 227 | + <rect | ||
| 228 | + inkscape:export-ydpi="90" | ||
| 229 | + inkscape:export-xdpi="90" | ||
| 230 | + ry="1" | ||
| 231 | + 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" | ||
| 232 | + id="rect3162" | ||
| 233 | + width="29" | ||
| 234 | + height="57" | ||
| 235 | + x="16.5" | ||
| 236 | + y="22.5" /> | ||
| 237 | + </g> | ||
| 238 | + <g | ||
| 239 | + id="g3014" | ||
| 240 | + transform="translate(-34,0)"> | ||
| 241 | + <rect | ||
| 242 | + ry="2" | ||
| 243 | + y="1.5" | ||
| 244 | + x="49.5" | ||
| 245 | + height="59" | ||
| 246 | + width="12" | ||
| 247 | + id="rect3154" | ||
| 248 | + style="fill:url(#linearGradient3023);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" /> | ||
| 249 | + <rect | ||
| 250 | + ry="1" | ||
| 251 | + y="2.5" | ||
| 252 | + x="50.5" | ||
| 253 | + height="57" | ||
| 254 | + width="10" | ||
| 255 | + id="rect3164" | ||
| 256 | + 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" /> | ||
| 257 | + </g> | ||
| 258 | + </g> | ||
| 259 | +</svg> |
public/designs/templates/default/stylesheets/style.css
| 1 | - | ||
| 2 | -#boxes { | ||
| 3 | - /* none */ | ||
| 4 | -} | ||
| 5 | - | ||
| 6 | .box-1 { | 1 | .box-1 { |
| 7 | - margin: 0px 210px 0px 210px; | 2 | + margin: 0 200px 0 200px; |
| 8 | } | 3 | } |
| 4 | + | ||
| 9 | .box-1 .blocks { | 5 | .box-1 .blocks { |
| 10 | width: 100%; | 6 | width: 100%; |
| 11 | float: left; | 7 | float: left; |
| 12 | } | 8 | } |
| 13 | 9 | ||
| 14 | .box-2 { | 10 | .box-2 { |
| 11 | + position: relative; | ||
| 15 | float: left; | 12 | float: left; |
| 16 | - width: 200px; | 13 | + width: 190px; |
| 17 | } | 14 | } |
| 18 | 15 | ||
| 19 | .box-3 { | 16 | .box-3 { |
| 20 | - float: right; | ||
| 21 | - width: 200px; | ||
| 22 | -} | ||
| 23 | - | ||
| 24 | -.block { | ||
| 25 | position: relative; | 17 | position: relative; |
| 26 | - padding: 10px 0px; | ||
| 27 | - float: none; | 18 | + float: right; |
| 19 | + width: 190px; | ||
| 28 | } | 20 | } |
| 29 | 21 | ||
| 30 | #profile-activity ul, | 22 | #profile-activity ul, |
public/designs/templates/leftbar/stylesheets/style.css
| 1 | .box-1 { | 1 | .box-1 { |
| 2 | - margin: 0 30px 0 210px; | 2 | + margin: 0 0 0 200px; |
| 3 | } | 3 | } |
| 4 | 4 | ||
| 5 | .box-1 .blocks { | 5 | .box-1 .blocks { |
| @@ -8,16 +8,11 @@ | @@ -8,16 +8,11 @@ | ||
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | .box-2 { | 10 | .box-2 { |
| 11 | + position: relative; | ||
| 11 | float: left; | 12 | float: left; |
| 12 | width: 190px; | 13 | width: 190px; |
| 13 | } | 14 | } |
| 14 | 15 | ||
| 15 | -.block { | ||
| 16 | - position: relative; | ||
| 17 | - padding: 10px 0; | ||
| 18 | - float: none; | ||
| 19 | -} | ||
| 20 | - | ||
| 21 | #leave_scrap_content_limit, | 16 | #leave_scrap_content_limit, |
| 22 | #leave_scrap_content_left { | 17 | #leave_scrap_content_left { |
| 23 | float: none; | 18 | float: none; |
public/designs/templates/rightbar/stylesheets/style.css
| 1 | .box-1 { | 1 | .box-1 { |
| 2 | - margin: 0 210px 0 30px; | 2 | + margin: 0 200px 0 0; |
| 3 | } | 3 | } |
| 4 | 4 | ||
| 5 | .box-1 .blocks { | 5 | .box-1 .blocks { |
| @@ -8,14 +8,9 @@ | @@ -8,14 +8,9 @@ | ||
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | .box-2 { | 10 | .box-2 { |
| 11 | - float: right; | ||
| 12 | - width: 200px; | ||
| 13 | -} | ||
| 14 | - | ||
| 15 | -.block { | ||
| 16 | position: relative; | 11 | position: relative; |
| 17 | - padding: 10px 0; | ||
| 18 | - float: none; | 12 | + float: right; |
| 13 | + width: 190px; | ||
| 19 | } | 14 | } |
| 20 | 15 | ||
| 21 | #leave_scrap_content_limit, | 16 | #leave_scrap_content_limit, |
public/designs/themes/base/style.css
| @@ -280,23 +280,6 @@ body, th, td, input { | @@ -280,23 +280,6 @@ body, th, td, input { | ||
| 280 | -webkit-border-radius: 0px; | 280 | -webkit-border-radius: 0px; |
| 281 | } | 281 | } |
| 282 | 282 | ||
| 283 | -/***************************** boxes ********************************/ | ||
| 284 | - | ||
| 285 | -.template-default .box-1 { /* Center */ | ||
| 286 | - position: relative; | ||
| 287 | - margin: 0px 200px 0px 200px; | ||
| 288 | -} | ||
| 289 | - | ||
| 290 | -.template-default .box-2 { /* Left */ | ||
| 291 | - position: relative; | ||
| 292 | - width: 190px; | ||
| 293 | -} | ||
| 294 | - | ||
| 295 | -.template-default .box-3 { /* Right */ | ||
| 296 | - position: relative; | ||
| 297 | - width: 190px; | ||
| 298 | -} | ||
| 299 | - | ||
| 300 | /************************** main content *****************************/ | 283 | /************************** main content *****************************/ |
| 301 | 284 | ||
| 302 | #main-content-wrapper-1, #main-content-wrapper-2, | 285 | #main-content-wrapper-1, #main-content-wrapper-2, |
| @@ -325,6 +308,12 @@ body, th, td, input { | @@ -325,6 +308,12 @@ body, th, td, input { | ||
| 325 | border-bottom: 2px solid #2e3436; | 308 | border-bottom: 2px solid #2e3436; |
| 326 | } | 309 | } |
| 327 | 310 | ||
| 311 | +.block { | ||
| 312 | + position: relative; | ||
| 313 | + padding: 10px 0; | ||
| 314 | + float: none; | ||
| 315 | +} | ||
| 316 | + | ||
| 328 | /***************************** header ********************************/ | 317 | /***************************** header ********************************/ |
| 329 | #theme-header { | 318 | #theme-header { |
| 330 | height: 20px; | 319 | height: 20px; |