Prevent wrapping on long file names.

Fix formatting.
This commit is contained in:
bootstraponline
2012-07-03 20:41:14 -06:00
parent 52e96bfa0f
commit bb9effa282
@@ -1,6 +1,6 @@
/* Just some base styles not needed for example to function */ *, html {
*, html { font-family: Verdana, Arial, Helvetica, sans-serif; } font-family: Verdana, Arial, Helvetica, sans-serif;
}
#results a:hover { #results a:hover {
background-color: #4c4c4c; background-color: #4c4c4c;
@@ -13,9 +13,8 @@
} }
#home_button .minibutton { #home_button .minibutton {
/* controls size of home btn */ font-size: 1em;
font-size: 1em; text-align: center;
text-align: center;
} }
#results { #results {
@@ -24,87 +23,98 @@ text-align: center;
left: 10px; left: 10px;
} }
body, form, ul, li, p, h1, h2, h3, h4, h5 {
body, form, ul, li, p, h1, h2, h3, h4, h5 margin: 0;
{ padding: 0;
margin: 0;
padding: 0;
} }
body { background-color: #606061; color: #ffffff; margin: 0; }
img { border: none; } body {
p background-color: #606061;
{ color: #ffffff;
font-size: 1em; margin: 0;
margin: 0 0 1em 0; }
img {
border: none;
}
p {
font-size: 1em;
margin: 0 0 1em 0;
} }
html { font-size: 100%; /* IE hack */ } html { font-size: 100%; /* IE hack */ }
body { font-size: 1em; /* Sets base font size to 16px */ } body { font-size: 1em; /* Sets base font size to 16px */ }
table { font-size: 100%; /* IE hack */ } table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; } input, select, textarea, th, td { font-size: 1em; }
/* Prevent wrapping on large file names. */
li.file {
white-space: nowrap;
}
/* CSS Tree menu styles */ /* CSS Tree menu styles */
ol.tree ol.tree
{ {
padding: 0 0 0 30px; padding: 0 0 0 30px;
width: 300px; width: 300px;
} }
li li
{ {
position: relative; position: relative;
margin-left: -15px; margin-left: -15px;
list-style: none; list-style: none;
} }
li.file li.file
{ {
margin-left: -1px !important; margin-left: -1px !important;
height: 1.5em; height: 1.5em;
} }
li.file a li.file a
{ {
background: url(/images/fileview/document.png) 0 0 no-repeat; background: url(/images/fileview/document.png) 0 0 no-repeat;
color: #fff; color: #fff;
padding-left: 21px; padding-left: 21px;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
li.file a[href *= '.pdf'] { background: url(/images/fileview/document.png) 0 0 no-repeat; } li.file a[href *= '.pdf'] { background: url(/images/fileview/document.png) 0 0 no-repeat; }
li.file a[href *= '.html'] { background: url(/images/fileview/document.png) 0 0 no-repeat; } li.file a[href *= '.html'] { background: url(/images/fileview/document.png) 0 0 no-repeat; }
li.file a[href $= '.css'] { background: url(/images/fileview/document.png) 0 0 no-repeat; } li.file a[href $= '.css'] { background: url(/images/fileview/document.png) 0 0 no-repeat; }
li.file a[href $= '.js'] { background: url(/images/fileview/document.png) 0 0 no-repeat; } li.file a[href $= '.js'] { background: url(/images/fileview/document.png) 0 0 no-repeat; }
li input li input
{ {
position: absolute; position: absolute;
left: 0; left: 0;
margin-left: 0; margin-left: 0;
opacity: 0; opacity: 0;
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
height: 1em; height: 1em;
width: 1em; width: 1em;
top: 0; top: 0;
} }
li input + ol li input + ol
{ {
background: url(/images/fileview/toggle-small-expand.png) 40px 0 no-repeat; background: url(/images/fileview/toggle-small-expand.png) 40px 0 no-repeat;
margin: -1.188em 0 0 -44px; /* 15px */ margin: -1.188em 0 0 -44px; /* 15px */
height: 1.5em; height: 1.5em;
} }
li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; } li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
li label li label
{ {
background: url(/images/fileview/folder-horizontal.png) 15px 1px no-repeat; background: url(/images/fileview/folder-horizontal.png) 15px 1px no-repeat;
cursor: pointer; cursor: pointer;
display: block; display: block;
padding-left: 37px; padding-left: 37px;
} }
li input:checked + ol li input:checked + ol
{ {
background: url(/images/fileview/toggle-small.png) 40px 5px no-repeat; background: url(/images/fileview/toggle-small.png) 40px 5px no-repeat;
margin: -1.5em 0 0 -44px; /* 20px */ margin: -1.5em 0 0 -44px; /* 20px */
padding: 1.563em 0 0 80px; padding: 1.563em 0 0 80px;
height: auto; height: auto;
} }
li input:checked + ol > li { display: block; margin: 0 0 0.125em; /* 2px */} li input:checked + ol > li { display: block; margin: 0 0 0.125em; /* 2px */}
li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ } li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }