From 0ecb6ea1aa1d605ef2dc45239fabd158abb27002 Mon Sep 17 00:00:00 2001 From: Matt Pass Date: Mon, 6 May 2013 17:25:59 +0100 Subject: [PATCH] system, preview, terminal & nest display changes New class added for new system tools area below file manager, contains 2 child divs to display preview window and terminal icons nesting class is now a small circle, placed near nestDisplay which contains the breadcrumbs nestDisplay class is moved along by 12px to accomodate the new smaller nesting OK/broken indicator --- lib/ice-coder.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/lib/ice-coder.css b/lib/ice-coder.css index 10e80ac..1bdd26c 100644 --- a/lib/ice-coder.css +++ b/lib/ice-coder.css @@ -150,9 +150,12 @@ h2 {font-size: 18px; font-weight: normal; color: #fff} .editor .code {position: relative; display: inline-block; top: 28px; width: 600px; height: 600px; visibility: hidden} .footer {position: fixed; display: inline-block; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.7); left: 0; z-index: 2} -.footer .nesting {display: inline-block; padding: 5px 8px; margin: 4px 0 0 15px; font-weight: bold; font-size: 10px; color: #fff; background-color: #0b0; cursor: default} -.footer .nestLoc {position: absolute; display: inline-block; width: 120px; padding: 5px 0 0 8px; margin-top: 2px; left: 112px; font-weight: bold; font-size: 12px; color: #fff; text-align: right; cursor: default} -.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 0px; left: 255px; font-size: 12px; color: #fff; text-align: right} +.footer .system {position: absolute; display: inline-block; padding: 10px 0 0 15px} +.footer .system div {position: relative; display: inline-block; margin-right: 10px; width: 11px; height: 11px; cursor: pointer} +.footer .system .preview {background: url('../images/file-manager-icons.png') no-repeat -116px -16px} +.footer .system .terminal {background: url('../images/file-manager-icons.png') no-repeat -132px -16px} +.footer .nesting {position: absolute; display: inline-block; padding: 5px; margin-top: 10px; left: 260px; border-radius: 5px; font-weight: bold; font-size: 10px; color: #fff; background-color: #0b0; cursor: default} +.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 0px; left: 267px; font-size: 12px; color: #fff; text-align: right} .footer .charDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; left: 100%; font-weight: bold; font-size: 12px; color: #fff; text-align: right; width: 200px; text-align: right; margin-left: -220px; cursor: default} .textbox {box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.4)}