← Back to branch summary

~lutostag/ubuntu/utopic/maas/1.5.2

« back to all changes in this revision

Viewing changes to src/maasserver/static/jslibs/yui/3.4.1/docs/cssgrids/cssgrids-fluid-example.html

  • Committer: Package Import Robot
  • Author(s): Andres Rodriguez
  • Date: 2012-03-15 18:14:08 UTC
  • mfrom: (1.1.3)
  • Revision ID: package-import@ubuntu.com-20120315181408-zgl94hzo0x4n99an
Tags: 0.1+bzr295+dfsg-0ubuntu2
* debian/patches:
  - 01-fix-database-settings.patch: Update to set PSERV_URL.
  - 02-pserv-config.patch: Set port to 8001.
* debian/maas.postinst: Run maas-import-isos on install.
* debian/control: Depends on rabbitmq-server.

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/jslibs/yui/3.4.1/docs/cssgrids/cssgrids-fluid-example.html
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
2
<html>
 
3
<head>
 
4
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
 
5
    <title>YUI 3.x: CSS Grids Units Example</title>
 
6
    <link rel="stylesheet" href="../../build/cssreset/cssreset.css" type="text/css">
 
7
    <link rel="stylesheet" href="../../build/cssfonts/cssfonts.css" type="text/css">
 
8
    <link rel="stylesheet" href="../../build/cssgrids/cssgrids.css" type="text/css">
 
9
 
 
10
<style>
 
11
/* everything below is custom styling to demonstrate how to create a page layout using yui grid units */
 
12
 
 
13
/* 3 column fluid layout (either side column is optional, just omit the layout padding) */
 
14
#layout {
 
15
    padding-left:300px; /* "left col" width */ 
 
16
    padding-right:150px; /* "right col" width */
 
17
}
 
18
 
 
19
#nav {
 
20
    margin-left:-300px; /* "left col" width */
 
21
    width:300px;
 
22
}
 
23
 
 
24
#extra {
 
25
    width:150px;
 
26
    margin-right:-150px; /* "right col" width */
 
27
}
 
28
 
 
29
#main {
 
30
    width:100%;
 
31
}
 
32
 
 
33
/* arbitrary content styling */
 
34
#hd, #nav .content, #main .content, #extra .content, #ft {
 
35
    border: 5px solid #ccc;
 
36
    height: 400px; 
 
37
}
 
38
 
 
39
#hd, #ft {
 
40
    height: 40px;
 
41
}
 
42
</style>
 
43
 
 
44
</head>
 
45
<body>
 
46
    <div id="hd">
 
47
        <h1>Fluid Layout Template</h1>
 
48
    </div>
 
49
 
 
50
    <div class="yui3-g" id="layout">
 
51
        <div class="yui3-u" id="nav">
 
52
            <div class="content"></div>
 
53
        </div>
 
54
 
 
55
        <div class="yui3-u" id="main">
 
56
            <div class="content"></div>
 
57
        </div>
 
58
 
 
59
        <div class="yui3-u" id="extra">
 
60
            <div class="content"></div>
 
61
        </div>
 
62
    </div>
 
63
 
 
64
    <div id="ft"></div>
 
65
</body>
 
66
</html>
 
67