diff --git a/lib/gollum/frontend/public/gollum/css/_styles.css b/lib/gollum/frontend/public/gollum/css/_styles.css index d70f29ed..57461e84 100644 --- a/lib/gollum/frontend/public/gollum/css/_styles.css +++ b/lib/gollum/frontend/public/gollum/css/_styles.css @@ -1,6 +1,6 @@ -/* Just some base styles not needed for example to function */ -*, html { font-family: Verdana, Arial, Helvetica, sans-serif; } - +*, html { + font-family: Verdana, Arial, Helvetica, sans-serif; +} #results a:hover { background-color: #4c4c4c; @@ -13,9 +13,8 @@ } #home_button .minibutton { -/* controls size of home btn */ -font-size: 1em; -text-align: center; + font-size: 1em; + text-align: center; } #results { @@ -24,87 +23,98 @@ text-align: center; left: 10px; } - -body, form, ul, li, p, h1, h2, h3, h4, h5 -{ - margin: 0; - padding: 0; +body, form, ul, li, p, h1, h2, h3, h4, h5 { + margin: 0; + padding: 0; } -body { background-color: #606061; color: #ffffff; margin: 0; } -img { border: none; } -p -{ - font-size: 1em; - margin: 0 0 1em 0; + +body { + background-color: #606061; + color: #ffffff; + margin: 0; +} + +img { + border: none; +} + +p { + font-size: 1em; + margin: 0 0 1em 0; } html { font-size: 100%; /* IE hack */ } body { font-size: 1em; /* Sets base font size to 16px */ } table { font-size: 100%; /* IE hack */ } input, select, textarea, th, td { font-size: 1em; } - + +/* Prevent wrapping on large file names. */ +li.file { + white-space: nowrap; +} + /* CSS Tree menu styles */ ol.tree { - padding: 0 0 0 30px; - width: 300px; + padding: 0 0 0 30px; + width: 300px; } - li - { - position: relative; - margin-left: -15px; - list-style: none; - } - li.file - { - margin-left: -1px !important; + li + { + position: relative; + margin-left: -15px; + list-style: none; + } + li.file + { + margin-left: -1px !important; height: 1.5em; - } - li.file a - { - background: url(/images/fileview/document.png) 0 0 no-repeat; - color: #fff; - padding-left: 21px; - text-decoration: none; - display: block; - } - 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 $= '.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 input - { - position: absolute; - left: 0; - margin-left: 0; - opacity: 0; - z-index: 2; - cursor: pointer; - height: 1em; - width: 1em; - top: 0; - } - li input + ol - { - background: url(/images/fileview/toggle-small-expand.png) 40px 0 no-repeat; - margin: -1.188em 0 0 -44px; /* 15px */ - height: 1.5em; - } - li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; } - li label - { - background: url(/images/fileview/folder-horizontal.png) 15px 1px no-repeat; - cursor: pointer; - display: block; - padding-left: 37px; - } + } + li.file a + { + background: url(/images/fileview/document.png) 0 0 no-repeat; + color: #fff; + padding-left: 21px; + text-decoration: none; + display: block; + } + 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 $= '.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 input + { + position: absolute; + left: 0; + margin-left: 0; + opacity: 0; + z-index: 2; + cursor: pointer; + height: 1em; + width: 1em; + top: 0; + } + li input + ol + { + background: url(/images/fileview/toggle-small-expand.png) 40px 0 no-repeat; + margin: -1.188em 0 0 -44px; /* 15px */ + height: 1.5em; + } + li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; } + li label + { + background: url(/images/fileview/folder-horizontal.png) 15px 1px no-repeat; + cursor: pointer; + display: block; + padding-left: 37px; + } - li input:checked + ol - { - background: url(/images/fileview/toggle-small.png) 40px 5px no-repeat; - margin: -1.5em 0 0 -44px; /* 20px */ - padding: 1.563em 0 0 80px; - height: auto; - } - 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 + { + background: url(/images/fileview/toggle-small.png) 40px 5px no-repeat; + margin: -1.5em 0 0 -44px; /* 20px */ + padding: 1.563em 0 0 80px; + height: auto; + } + 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 */ }