Skip to content

Commit

Permalink
added color palette file and a copy of bunnyslippers css for testing
Browse files Browse the repository at this point in the history
  • Loading branch information
@babyman
babyman committed Mar 9, 2015
1 parent 0ad1f56 commit 0021224
Show file tree
Hide file tree
Showing 2 changed files with 387 additions and 0 deletions.
171 changes: 171 additions & 0 deletions 3rdParty/css/bunnyslippers.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,171 @@
/*v2 Updated 2.28.15*/

body {
max-height: 600px;
width:750px;
}

div {box-sizing:border-box}


.qs_wrapper {
float:left;
width:100%;
margin:0 0 4px 0;
padding-left: 10px;
}

.qs_input {
margin: 4px 0 0 0px;
height:32px;
width:97%;
border-radius: 5px;
display: block;
float: left;
background-color: rgb(215, 235, 139);
border: 1px solid rgb(153, 153, 153);
}

.tab, .bookmark, div.separator.big {
border: 1px solid #D2CCCC;
padding: 5px;
/* padding-bottom: 5px; */
border-radius: 5px;
margin-bottom: 3px;
margin-right: 2%;
box-shadow: 2px 2px 5px #aaa;
width: 31%;
float:left;
display:inline;
/*color: rgb(32,61,116);*/
clear:none;
color: rgb(29, 101, 158);
font-weight: 500;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(122,122,122,0.18) 99%, rgba(122,122,122,0.18) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(122,122,122,0.18)), color-stop(100%,rgba(122,122,122,0.18)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(122,122,122,0.18) 99%,rgba(122,122,122,0.18) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(122,122,122,0.18) 99%,rgba(122,122,122,0.18) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(122,122,122,0.18) 99%,rgba(122,122,122,0.18) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(122,122,122,0.18) 99%,rgba(122,122,122,0.18) 100%);
overflow: hidden;
height: 3.5em;
}

/*
div.tabimage {
float: left;
}
*/

div.tabimage img {
vertical-align: middle;
padding: 4px;
padding-left: 0;
}

div.content {
margin: 4px 0;
padding:0;
padding-left: 10px;
float: left;
height:600px;
width:100%;
}

.highlight {
text-decoration: none;
border-bottom-width:1px;
border-bottom-style:dotted;
}

.withfocus {
background-color: rgba(255,146,10,.7);
/*font-weight: 400;*/

}

div.closed {
background-image: none;
/* background-color: #dfdfdf; */
opacity: .6;
color: #555;
}

div.closed.withfocus {background-color:rgba(255,146,10,.4);
}

div.closed.withfocus div.title {
background-color: transparent;
}

div.url {
color: #777;
width: 75%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

div.close {
float: right;
display: inline;
opacity: .5;
border: 1px solid #999191;
background-color: #F1EEA0;
border-radius: 3px;
top: 0 !important;
right: 0 !important;
}

div.withfocus.open div.close {
top: 0 !important;
right: 0 !important;
}
div.close:hover {opacity:1;background-color: rgb(235, 19, 19) !important;}

.title {overflow: hidden; width: 75%;}

div.separator.big {
color: #212121;
height: 2em;
font-size:12px;
background-color: rgb(198, 212, 255);
padding:0;
width:97%
}

div.separator.big:before, div.separator.big:after {
content: "▼";
}


div.separator.big span {

vertical-align: baseline;

}

.withfocus div.title, div.closed.withfocus div.title, .withfocus div.url {
background-color: transparent;
color: inherit;
}



div.tabimage img {
background-color:transparent;
}
.bookmark div {background-color:transparent;}
.bookmark {
background-color: rgb(230, 240, 190);
border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.withfocus {
background-color: rgba(255, 146, 10, 0.7) !important;
color:#777;
}



/* i really want this to be global */
216 changes: 216 additions & 0 deletions quickTabsPalette.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,216 @@
<!DOCTYPE html>
<!-- saved from url=(0036)http://paletton.com/export/index.php -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Color palette by Paletton.com</title>
<meta name="generator" content="Paletton.com">

<style type="text/css">

/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #95BAF9 }
.primary-2 { background-color: #689DF6 }
.primary-0 { background-color: #4284F4 }
.primary-3 { background-color: #1A69EF }
.primary-4 { background-color: #0759E4 }

.secondary-1-1 { background-color: #FFE98E }
.secondary-1-2 { background-color: #FFE05D }
.secondary-1-0 { background-color: #FFD732 }
.secondary-1-3 { background-color: #FFCF04 }
.secondary-1-4 { background-color: #FFCE00 }

.secondary-2-1 { background-color: #FFBD8E }
.secondary-2-2 { background-color: #FFA05D }
.secondary-2-0 { background-color: #FF8732 }
.secondary-2-3 { background-color: #FF6C04 }
.secondary-2-4 { background-color: #FF6A00 }

/* end */


body {
margin:0; padding: 2em;
background: #fff;
color: #000;
font: 12px/1.33 "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
text-align:left;
}
h1 {
margin: 0.5em 0;
font-size: 200%;
}
p {
margin: 0.5em 0;
}

.color-table {
margin: 2em 2em 5em;
border-collapse:collapse;
border:none;
border-spacing:0;
font-size:100%;
}
.color-table th {
padding: 0 1em 0 0;
text-align: right;
vertical-align: middle;
font-size: 100%;
font-weight: normal;
border: none;
}
.color-table td.sample {
width:6em; height:6em;
padding: 10px;
text-align:center;
vertical-align:middle;
font-size:90%;
border: 1px solid white;
white-space:nowrap;
}
.color-table td.sample-0 {
width:18em;
}
.color-table.small td.sample {
width:3em; height:3em;
padding:0;
border:none;
}
.color-table.small td.sample-0 {
width:9em;
}
.color-table .white { margin-bottom:0.2em; color:white }
.color-table .black { margin-top:0.2em; color:black }

hr {
margin: 2em 0 1em 0;
border:none;
border-bottom:1px solid silver;
}
#footer {
padding:1em;
text-align:center;
font-size:80%;
}

</style>

</head>
<body>

<h1>Color Palette by Paletton.com</h1>
<p>Palette URL: <a href="http://paletton.com/#uid=33H0u0kpNWUeaYCkoXMvtUYQsQL">http://paletton.com/#uid=33H0u0kpNWUeaYCkoXMvtUYQsQL</a></p>

<table class="color-table">
<tbody><tr>
<th>Primary color:</th>
<td class="sample sample-1 primary-1">
<div class="white">#95BAF9</div>
<div class="black">#95BAF9</div>
</td>
<td class="sample sample-2 primary-2">
<div class="white">#689DF6</div>
<div class="black">#689DF6</div>
</td>
<td class="sample sample-0 primary-0">
<div class="white">#4284F4</div>
<div class="black">#4284F4</div>
</td>
<td class="sample sample-3 primary-3">
<div class="white">#1A69EF</div>
<div class="black">#1A69EF</div>
</td>
<td class="sample sample-4 primary-4">
<div class="white">#0759E4</div>
<div class="black">#0759E4</div>
</td>
</tr>
<tr>
<th>Secondary color (1):</th>
<td class="sample sample-1 secondary-1-1">
<div class="white">#FFE98E</div>
<div class="black">#FFE98E</div>
</td>
<td class="sample sample-2 secondary-1-2">
<div class="white">#FFE05D</div>
<div class="black">#FFE05D</div>
</td>
<td class="sample sample-0 secondary-1-0">
<div class="white">#FFD732</div>
<div class="black">#FFD732</div>
</td>
<td class="sample sample-3 secondary-1-3">
<div class="white">#FFCF04</div>
<div class="black">#FFCF04</div>
</td>
<td class="sample sample-4 secondary-1-4">
<div class="white">#FFCE00</div>
<div class="black">#FFCE00</div>
</td>
</tr>
<tr>
<th>Secondary color (2):</th>
<td class="sample sample-1 secondary-2-1">
<div class="white">#FFBD8E</div>
<div class="black">#FFBD8E</div>
</td>
<td class="sample sample-2 secondary-2-2">
<div class="white">#FFA05D</div>
<div class="black">#FFA05D</div>
</td>
<td class="sample sample-0 secondary-2-0">
<div class="white">#FF8732</div>
<div class="black">#FF8732</div>
</td>
<td class="sample sample-3 secondary-2-3">
<div class="white">#FF6C04</div>
<div class="black">#FF6C04</div>
</td>
<td class="sample sample-4 secondary-2-4">
<div class="white">#FF6A00</div>
<div class="black">#FF6A00</div>
</td>
</tr>
</tbody></table>

<table class="color-table small">
<tbody><tr>
<th>Primary color:</th>
<td class="sample sample-1 primary-1"></td>
<td class="sample sample-2 primary-2"></td>
<td class="sample sample-0 primary-0"></td>
<td class="sample sample-3 primary-3"></td>
<td class="sample sample-4 primary-4"></td>
</tr>
<tr>
<th>Secondary color (1):</th>
<td class="sample sample-1 secondary-1-1"></td>
<td class="sample sample-2 secondary-1-2"></td>
<td class="sample sample-0 secondary-1-0"></td>
<td class="sample sample-3 secondary-1-3"></td>
<td class="sample sample-4 secondary-1-4"></td>
</tr>
<tr>
<th>Secondary color (2):</th>
<td class="sample sample-1 secondary-2-1"></td>
<td class="sample sample-2 secondary-2-2"></td>
<td class="sample sample-0 secondary-2-0"></td>
<td class="sample sample-3 secondary-2-3"></td>
<td class="sample sample-4 secondary-2-4"></td>
</tr>
</tbody></table>

<p>
See the HTML source for more details.<br>
Use the <em>Save / Save As...</em> command in your browser to store the document for latter use.
</p>

<hr>

<p id="footer">Generated by <a href="http://paletton.com/">Paletton.com</a> © 2002-2014</p>



</body><style type="text/css">embed[type*="application/x-shockwave-flash"],embed[src*=".swf"],object[type*="application/x-shockwave-flash"],object[codetype*="application/x-shockwave-flash"],object[src*=".swf"],object[codebase*="swflash.cab"],object[classid*="D27CDB6E-AE6D-11cf-96B8-444553540000"],object[classid*="d27cdb6e-ae6d-11cf-96b8-444553540000"],object[classid*="D27CDB6E-AE6D-11cf-96B8-444553540000"]{ display: none !important;}</style></html>

0 comments on commit 0021224

Please sign in to comment.