Skip to content

Commit

Permalink
branding, new version
Browse files Browse the repository at this point in the history
  • Loading branch information
apla committed Dec 27, 2014
1 parent 8d031a9 commit eb885c4
Show file tree
Hide file tree
Showing 5 changed files with 117 additions and 118 deletions.
46 changes: 23 additions & 23 deletions assets/style.css
@@ -1,57 +1,57 @@
#arduino-sidebar-icon {
#cuwire-sidebar-icon {
background-image: url(logo.svg);
background-size: 24px;
}

#arduino-panel {}
#arduino-panel .toolbar {
#cuwire-panel {}
#cuwire-panel .toolbar {
overflow: visible;
}
#arduino-panel span.title {
#cuwire-panel span.title {
margin-right: 5em;
}

#arduino-panel .table-container td:first-of-type {
#cuwire-panel .table-container td:first-of-type {
width: 5em;
font-size: inherit !important;
}


#arduino-panel .table-container tr.error td {
#cuwire-panel .table-container tr.error td {
background-color: rgb(255, 94, 138);
color: white;
font-size: larger;
}

#arduino-panel .table-container tr.done td {
#cuwire-panel .table-container tr.done td {
background-color: #39c0c4;
color: white;
font-size: larger;
}


#arduino-panel ul.dropdown-menu {
#cuwire-panel ul.dropdown-menu {
height: auto;
max-height: 300px;
overflow-x: hidden;
}

#arduino-panel ul.dropdown-menu .dropdown-header {
#cuwire-panel ul.dropdown-menu .dropdown-header {
padding: 5px 10px;
background-color: #f3f3f3;
}

#arduino-panel button.with-chip {
#cuwire-panel button.with-chip {
padding-left: 24px;
background: url(chip.svg) 4px 4px no-repeat;
}

#arduino-panel button.with-plug {
#cuwire-panel button.with-plug {
padding-left: 24px;
background: url(plug.svg) 4px 4px no-repeat;
}

#arduino-panel .pie {
#cuwire-panel .pie {
text-indent: -9999rem;
width: 3rem;
height: 3rem;
Expand All @@ -65,7 +65,7 @@
transition: all .5s;
}

#arduino-panel .pie:after {
#cuwire-panel .pie:after {
content: attr(data-percentage) '%';
width: 2.5rem;
height: 2.5rem;
Expand All @@ -82,7 +82,7 @@
line-height: 2.5rem;
}

#arduino-panel .pie-label {
#cuwire-panel .pie-label {
/*
-webkit-transform: rotate(270deg) translateX(-2.5rem);
-webkit-transform-origin: left top 0;
Expand All @@ -91,16 +91,16 @@
margin-right: 10%;
text-align: right;
}
#arduino-panel .pie-label span.t {
#cuwire-panel .pie-label span.t {
text-align: center;
font-weight: bold;
}

#arduino-panel .process-state {
#cuwire-panel .process-state {
overflow-y: hidden;
}

#arduino-panel .process-state .label {
#cuwire-panel .process-state .label {
display: none;
color: white;
font-size: 1rem;
Expand All @@ -110,26 +110,26 @@
width: 90%;
}

#arduino-panel .process-state.success .label-success {
#cuwire-panel .process-state.success .label-success {
display: inherit;
}
#arduino-panel .label-success {
#cuwire-panel .label-success {
background-color: #39c0c4;
}


#arduino-panel .process-state.failure .label-important {
#cuwire-panel .process-state.failure .label-important {
display: inherit;
}
#arduino-panel .label-important {
#cuwire-panel .label-important {
background-color: rgb(255, 94, 138);
}


#arduino-panel .process-state.running .label-info {
#cuwire-panel .process-state.running .label-info {
display: inherit;
}
#arduino-panel .label-info {
#cuwire-panel .label-info {
background-color: rgb(54, 65, 80);
}

Expand Down
20 changes: 10 additions & 10 deletions bottom-panel.html
@@ -1,46 +1,46 @@
<div id="arduino-panel" class="bottom-panel vert-resizable top-resizer">
<div id="cuwire-panel" class="bottom-panel vert-resizable top-resizer">
<div class="toolbar simple-toolbar-layout">
<span class="title">Arduino</span>
<span class="title">cuwire</span>
<div class="dropup btn-group">
<button type="button" class="arduino-board btn small with-chip btn-warning">Board</button>
<button type="button" class="cuwire-board btn small with-chip btn-warning">Board</button>
<button title="Choose board" class="btn small dropdown-toggle" data-toggle="dropdown">
<!-- <i class="icon"> -->

<span class="caret"></span>
</button>
<ul class="dropdown-menu arduino-board" role="menu">
<ul class="dropdown-menu cuwire-board" role="menu">
<li><a href="#">Loading…</a></li>
</ul>
</div>
<div class="dropup btn-group">

<button type="button" onclick="return false;" class="arduino-port btn small with-plug btn-warning">Port</button>
<button type="button" onclick="return false;" class="cuwire-port btn small with-plug btn-warning">Port</button>
<button title="Choose port" class="btn small dropdown-toggle" data-toggle="dropdown">
<!-- <i class="icon"> -->

<span class="caret"></span>
</button>
<ul class="dropdown-menu arduino-port">
<ul class="dropdown-menu cuwire-port">
<li><a href="#">Loading…</a></li>
</ul>
</div>
<div class="dropup btn-group">
<button type="button" onclick="return false;" class="btn small btn-warning">Programmer</button>
<button title="Choose programmer" class="btn small arduino-programmer">
<button title="Choose programmer" class="btn small cuwire-programmer">
<!-- <i class="icon"> -->

<span class="caret"></span>
</button>
<ul class="dropdown-menu arduino-programmer">
<ul class="dropdown-menu cuwire-programmer">
<li><a href="#">Loading</a></li>
</ul>

</div>
<div class="btn-group">
<button type="button" onclick="return false;" class="btn small arduino-compile">Compile</button>
<button type="button" onclick="return false;" class="btn small cuwire-compile">Compile</button>
</div>
<div class="btn-group">
<button type="button" onclick="return false;" class="btn small arduino-upload">Upload</button>
<button type="button" onclick="return false;" class="btn small cuwire-upload">Upload</button>
</div>
<a href="#" class="close">&times;</a>
</div>
Expand Down

0 comments on commit eb885c4

Please sign in to comment.