From 8fcf407df2f31c063aa1213953818494aa2a7540 Mon Sep 17 00:00:00 2001 From: anvaka Date: Mon, 1 Sep 2014 21:59:40 -0700 Subject: [PATCH] Going to use less instead of css --- src/styles/main.less | 85 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 src/styles/main.less diff --git a/src/styles/main.less b/src/styles/main.less new file mode 100644 index 0000000..c53f485 --- /dev/null +++ b/src/styles/main.less @@ -0,0 +1,85 @@ +.typeahead-container ul { + width: 300px; + overflow: hidden; +} + +.typeahead-container ul>li>a { + white-space: normal; +} + +navbar { + position: absolute; + left: 0; + top: 0; + z-index: 1; +} + +.search { + width: 400px; + margin: 15px 15px 15px 30px; +} + +.typeahead-container { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3),0 4px 15px -5px rgba(0, 0, 0, 0); + border-radius: 4px; +} + +div.packageInfo { + width: 350px; + position: absolute; + top: 52px; + left: 31px; + padding: 11px 13px; + background-color: white; + border-radius: 2px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3),0 -3px 8px rgba(0, 0, 0, 0.2); +} + +body, +.full { + width: 100%; + height: 100%; +} + +.graphView { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} + +.graphView > svg { + width: 100%; + height: 100%; + background-color: #36394A; +} + +.sidebar { + position: absolute; + top: 50px; + left: 20; + width: 320px; + height: 200px + overflow-y: auto; +} + +.divider { + margin-top: 8px; + margin-bottom: 8px; +} + +.no-shadow { + box-shadow: none; +} + +.switchMode { + position: absolute; + bottom: 15px; + left: 30px; +} + +body { + position: absolute; + overflow: hidden; +}