And FYI, if any of you are using the jQuery Plugin "DataTable", there is
a how-to to customizate the plugin with the bootstrap look
for v1.x
http://datatables.net/blog/Twitter_Bootstrap
and for 2.x
http://datatables.net/blog/Twitter_Bootstrap_2
El 02/05/12 20:32, Omi Chiba escribió:
I was testing bootstrap in trunk. This is very nice !!
Now, by default, the layout doesn't look like bootstrap because some
of css are referencing to web2py.css. I commented out the following
and now it's more like bootstrap ! (See attached screen shots)
In web2py.css, comment out from line #2 - #37 and #100
/** these MUST stay **/
/*body { margin: 0; padding:0; border: 0; }
a { text-decoration:none; white-space: nowrap;}
a:hover {text-decoration: underline}
a.button {text-decoration: none}
h1,h2,h3,h4,h5,h6 {margin: 0.5em 0 0.25em 0; display: block;
font-family: Helvetica}
h1 { font-size: 4.00em;}
h2 { font-size: 3.00em;}
h3 { font-size: 2.00em;}
h4 { font-size: 1.50em;}
h5 { font-size: 1.25em;}
h6 { font-size: 1.12em;}
right { float:right; text-align: right; }
left { float:left; text-align: left; }
center { width:100; text-align: center; vertical-align:middle;}
th, label { font-weight: bold; white-space: nowrap; }
td, th { text-align: left; padding: 2px 5px 2px 5px; }
th { vertical-align: middle; border-right: 1px solid white;}
td { vertical-align: top; }
form table tr td label { text-align: left; }
p, table, ol, ul { padding: 0.5em 0 0.5em 0 }
p {text-align: justify }
ol, ul { padding-left: 30px }
li { margin-bottom: 0.5em; }
span, input, select, textarea, button, label, a { display: inline }
img { border: 0; }
blockquote, blockquote p, p blockquote { font-style: italic; margin:
0.5em 30px 0.5em 30px; font-size: 0.9em}
i, em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 0.8em; }
textarea { width: 100%; }
code { font-family: Courier;}
video { width:400px; }
audio { width:200px; }
input[type=text], input[type=password], select { width: 300px;
margin-right: 5px }
ul { list-style-type: none; margin: 0px; padding: 0px; }
.hidden {display:none;visibility:visible}*/
/** end **/
/* a, a:visited, a:hover { color:#0069D6} */
