summaryrefslogtreecommitdiff
path: root/res/css/style.css
diff options
context:
space:
mode:
authorgarbash <dor.garbash@gmail.com>2014-11-28 18:08:41 +0200
committergarbash <dor.garbash@gmail.com>2014-11-28 18:08:41 +0200
commit27ce5b4d88ee37d0fdb3eabddaba1a3e713c670f (patch)
tree34a59adada7830482489ad2f68b67d986da65239 /res/css/style.css
parent045597184560d4579cb5e34d3e731a5d6bb022c9 (diff)
Add compiled style.css+map
Diffstat (limited to 'res/css/style.css')
-rw-r--r--res/css/style.css441
1 files changed, 441 insertions, 0 deletions
diff --git a/res/css/style.css b/res/css/style.css
new file mode 100644
index 00000000..55e7c01f
--- /dev/null
+++ b/res/css/style.css
@@ -0,0 +1,441 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+@import url(vendor/ui.css);
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline; }
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
+
+body {
+ line-height: 1; }
+
+ol, ul {
+ list-style: none; }
+
+blockquote, q {
+ quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none; }
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+html, body {
+ height: 100%; }
+
+body {
+ overflow-y: hidden;
+ overflow-x: auto;
+ margin: 0;
+ min-width: 980px;
+ padding: 0;
+ color: #FFF;
+ font-size: 14px;
+ background-color: #080808; }
+
+a {
+ text-decoration: none;
+ font-style: italic; }
+
+a:link {
+ color: #FFF; }
+
+a:visited {
+ color: #FFF; }
+
+a:hover {
+ color: #EDE275; }
+
+a:active {
+ color: #FFF; }
+
+.onoffswitch {
+ z-index: 100;
+ position: fixed;
+ width: 160px;
+ top: 35px;
+ right: 180px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none; }
+
+.onoffswitch-checkbox {
+ display: none; }
+
+.onoffswitch-label {
+ display: block;
+ overflow: hidden;
+ cursor: pointer;
+ border: 2px solid #303030;
+ border-radius: 5px; }
+
+.onoffswitch-inner {
+ display: block;
+ width: 200%;
+ margin-left: -100%;
+ -moz-transition: margin 0.3s ease-in 0s;
+ -webkit-transition: margin 0.3s ease-in 0s;
+ -o-transition: margin 0.3s ease-in 0s;
+ transition: margin 0.3s ease-in 0s; }
+
+.onoffswitch-inner:before, .onoffswitch-inner:after {
+ display: block;
+ float: left;
+ width: 50%;
+ height: 20px;
+ padding: 0;
+ line-height: 20px;
+ font-size: 14px;
+ color: white;
+ font-weight: bold;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.onoffswitch-inner:before {
+ content: "TIMELINE VIEW";
+ padding-left: 5px;
+ background-color: #080808;
+ color: #FFFFFF; }
+
+.onoffswitch-inner:after {
+ content: "GRAPH VIEW";
+ padding-right: 5px;
+ background-color: #080808;
+ color: #FFFFFF;
+ text-align: right; }
+
+.onoffswitch-switch {
+ display: block;
+ width: 35px;
+ margin: 0px;
+ background: #3D3D3D;
+ border: 1px solid #FFFFFF;
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 125px;
+ -moz-transition: all 0.3s ease-in 0s;
+ -webkit-transition: all 0.3s ease-in 0s;
+ -o-transition: all 0.3s ease-in 0s;
+ transition: all 0.3s ease-in 0s;
+ background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
+ background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, transparent 100%);
+ background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
+ background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
+ margin-left: 0; }
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
+ right: 0px; }
+
+.debug-ui {
+ position: fixed;
+ bottom: 70px;
+ left: 10px;
+ text-decoration: none; }
+
+.debug-ui-row {
+ float: left;
+ width: 100%; }
+
+.debug-ui-left {
+ float: left;
+ width: 50%; }
+
+.debug-ui-right {
+ float: right;
+ width: 50%; }
+
+.node {
+ stroke: #fff;
+ stroke-width: 1px;
+ font-size: 16px;
+ z-index: 100; }
+
+.circle {
+ stroke: #fff;
+ stroke-width: 1.5px;
+ z-index: 100;
+ pointer-events: all;
+ box-shadow: 0 0 0px #FFFF8F; }
+
+.nodetext {
+ fill: #FFFFFF;
+ font-size: 17px;
+ z-index: 3; }
+
+.linklabel {
+ stroke: #EEEEEE;
+ font-size: 14px; }
+
+.link {
+ fill: none;
+ stroke: #404040;
+ z-index: 1; }
+
+.ghostlink {
+ opacity: 0.0;
+ fill: none;
+ stroke-width: 15px;
+ z-index: 2;
+ /* higher than link, lower than node */ }
+
+.circle.chosen {
+ stroke: #EDE275; }
+
+.circle.enter {
+ stroke: #EDE275; }
+
+.circle.bubble {
+ stroke: #101010; }
+
+.circle.exit {
+ stroke: #EDE275; }
+
+.circle.chainlink {
+ stroke: #AAA; }
+
+.circle.temp {
+ box-shadow: 0 0 40px #FFFF8F; }
+
+.circle.temp, .circle.chosen {
+ stroke-width: 3px; }
+
+.circle.temp.empty {
+ stroke-width: 1.5px; }
+
+/* Per node and edge type (type is a property of nodes and links) styling
+ * note that this should be automatically generated somehow for user settings.
+ */
+.circle.person {
+ fill: #FCB924; }
+
+.circle.club {
+ fill: #009DDC; }
+
+.circle.skill {
+ fill: #62BB47; }
+
+.circle.interest {
+ fill: #f9f5f1; }
+
+.circle.third-internship-proposal {
+ fill: #202020; }
+
+.circle.internship {
+ fill: #933E99; }
+
+.circle.empty {
+ fill: #080808; }
+
+.circle.chainlink {
+ fill: #fff; }
+
+.circle.bubble {
+ fill: rgba(0, 0, 0, 0.2); }
+
+/* Selected parts of the graph, right now by clicking, later with search. */
+.notselected {
+ opacity: 0.2; }
+
+.graph.link.temp_and {
+ stroke-dasharray: 3,3; }
+
+.highlightlink {
+ fill: none;
+ stroke: #EDE275;
+ stroke-width: 2px;
+ z-index: 1;
+ pointer-events: none; }
+
+.link.enter, .link.exit, .link.selected {
+ fill: none;
+ stroke: #EDE275;
+ stroke-width: 4px;
+ z-index: 1;
+ pointer-events: none; }
+
+#editbox input {
+ width: 130px; }
+
+.overlay {
+ fill: none;
+ pointer-events: all;
+ z-index: 0; }
+
+.editinfo {
+ position: fixed;
+ top: -40px;
+ z-index: 5; }
+
+.editlinkinfo {
+ position: fixed;
+ top: -40px;
+ z-index: 5; }
+
+#editlinkname {
+ width: inherit;
+ height: inherit;
+ font-size: 17px; }
+
+#editname {
+ width: inherit;
+ height: inherit;
+ font-size: 17px; }
+
+input {
+ background-color: rgba(17, 17, 17, 0.8);
+ color: white;
+ border-width: 1px;
+ border-color: #303030;
+ font-size: 14px;
+ outline: none;
+ border-color: #303030;
+ box-shadow: 0 0 0px #303030;
+ -webkit-transition: all 0.04s ease-in-out;
+ -moz-transition: all 0.04s ease-in-out;
+ -ms-transition: all 0.04s ease-in-out;
+ -o-transition: all 0.04s ease-in-out; }
+
+#textinputui {
+ position: fixed;
+ display: block;
+ top: 40px;
+ left: 20px;
+ right: 400px; }
+
+#textanalyser {
+ float: left;
+ height: 30px;
+ max-width: 70%;
+ width: 900px; }
+
+#suggestion {
+ list-style-type: none; }
+
+#suggestion td {
+ padding-top: 5px;
+ padding-left: 200px; }
+
+.typeselection {
+ position: fixed;
+ left: 0;
+ top: -300px;
+ pointer-events: none; }
+
+.typeselection td {
+ padding-top: 5px;
+ padding-left: 200px; }
+
+#keys {
+ opacity: 0.5; }
+
+.subtitle {
+ font-style: italic;
+ color: #bbb;
+ font-size: 12px;
+ float: right; }
+
+.edge_info, .info {
+ background-color: rgba(17, 17, 17, 0.8);
+ position: fixed;
+ top: 150px;
+ width: 250px;
+ right: 10px;
+ font-size: 18px;
+ border: 1px solid;
+ padding: 5px;
+ line-height: 45px;
+ border-color: #303030; }
+
+#search {
+ height: 30px;
+ max-width: 100%; }
+
+#searchdiv {
+ width: 200px;
+ float: right; }
+
+.help {
+ font-size: 20px;
+ position: fixed;
+ top: 5px;
+ left: 10px;
+ margin-left: 12px; }
+
+.history-timeline {
+ pointer-events: none;
+ z-index: -1;
+ position: absolute;
+ width: 100%;
+ justify-content: center;
+ bottom: 100px; }
+
+#gantbox {
+ position: absolute;
+ background-color: rgba(200, 200, 200, 0.1);
+ height: 100%;
+ width: 100%;
+ overflow: auto;
+ z-index: 0; }
+
+.missingdates {
+ position: fixed;
+ bottom: 60px;
+ left: 160px; }
+
+.axis {
+ stroke: #ccc;
+ fill: #ccc; }
+
+.axis path, .axis line {
+ fill: none;
+ stroke: #ccc;
+ shape-rendering: crispEdges; }
+
+.logo {
+ position: fixed;
+ top: 10px;
+ right: 10px;
+ opacity: 0.7; }
+
+.poweredby {
+ position: fixed;
+ bottom: 10px;
+ right: 10px;
+ vertical-align: middle; }
+
+@font-face {
+ font-family: 'MyWebFont';
+ src: url(../../font/SourceSansPro-Regular.ttf) format("ttf"); }
+
+/*# sourceMappingURL=style.css.map */