Skip to content

Commit 2ed709a

Browse files
committed
selectize styles
1 parent 37b8700 commit 2ed709a

File tree

4 files changed

+327
-326
lines changed

4 files changed

+327
-326
lines changed

Gruntfile.js

+1
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,7 @@ module.exports = function(grunt) {
137137
'frontend/express/public/stylesheets/main.min.css': [
138138
'frontend/express/public/stylesheets/main.css',
139139
'frontend/express/public/stylesheets/amaranjs/amaran.min.css',
140+
'frontend/express/public/stylesheets/selectize/selectize.css',
140141
'frontend/express/public/javascripts/dom/tipsy/tipsy.css',
141142
'frontend/express/public/javascripts/visualization/rickshaw/rickshaw.min.css',
142143
'frontend/express/public/javascripts/dom/pace/pace-theme-flash.css',

frontend/express/public/stylesheets/main.css

+1-326
Original file line numberDiff line numberDiff line change
@@ -1629,329 +1629,4 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;}
16291629

16301630
#hide-sidebar-button { position: absolute; left: 12px; font-size: 24px; top: 16px; color: #a0a0a0; cursor: pointer; transition:color 200ms; }
16311631
#hide-sidebar-button:hover { color: #636363; transition:color 200ms; }
1632-
#hide-sidebar-button:after { content:"\f20e"; font-family: Ionicons; }
1633-
1634-
/**
1635-
* selectize.css (v0.12.4)
1636-
* Copyright (c) 2013–2015 Brian Reavis & contributors
1637-
*
1638-
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
1639-
* file except in compliance with the License. You may obtain a copy of the License at:
1640-
* http://www.apache.org/licenses/LICENSE-2.0
1641-
*
1642-
* Unless required by applicable law or agreed to in writing, software distributed under
1643-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
1644-
* ANY KIND, either express or implied. See the License for the specific language
1645-
* governing permissions and limitations under the License.
1646-
*
1647-
* @author Brian Reavis <[email protected]>
1648-
*/
1649-
1650-
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
1651-
visibility: visible !important;
1652-
background: #f2f2f2 !important;
1653-
background: rgba(0, 0, 0, 0.06) !important;
1654-
border: 0 none !important;
1655-
-webkit-box-shadow: inset 0 0 12px 4px #ffffff;
1656-
box-shadow: inset 0 0 12px 4px #ffffff;
1657-
}
1658-
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
1659-
content: '!';
1660-
visibility: hidden;
1661-
}
1662-
.selectize-control.plugin-drag_drop .ui-sortable-helper {
1663-
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
1664-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
1665-
}
1666-
.selectize-dropdown-header {
1667-
position: relative;
1668-
padding: 5px 8px;
1669-
border-bottom: 1px solid #d0d0d0;
1670-
background: #f8f8f8;
1671-
-webkit-border-radius: 3px 3px 0 0;
1672-
-moz-border-radius: 3px 3px 0 0;
1673-
border-radius: 3px 3px 0 0;
1674-
}
1675-
.selectize-dropdown-header-close {
1676-
position: absolute;
1677-
right: 8px;
1678-
top: 50%;
1679-
color: #303030;
1680-
opacity: 0.4;
1681-
margin-top: -12px;
1682-
line-height: 20px;
1683-
font-size: 20px !important;
1684-
}
1685-
.selectize-dropdown-header-close:hover {
1686-
color: #000000;
1687-
}
1688-
.selectize-dropdown.plugin-optgroup_columns .optgroup {
1689-
border-right: 1px solid #f2f2f2;
1690-
border-top: 0 none;
1691-
float: left;
1692-
-webkit-box-sizing: border-box;
1693-
-moz-box-sizing: border-box;
1694-
box-sizing: border-box;
1695-
}
1696-
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
1697-
border-right: 0 none;
1698-
}
1699-
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
1700-
display: none;
1701-
}
1702-
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
1703-
border-top: 0 none;
1704-
}
1705-
.selectize-control.plugin-remove_button [data-value] {
1706-
position: relative;
1707-
padding-right: 24px !important;
1708-
}
1709-
.selectize-control.plugin-remove_button [data-value] .remove {
1710-
z-index: 1;
1711-
/* fixes ie bug (see #392) */
1712-
position: absolute;
1713-
top: 0;
1714-
right: 0;
1715-
bottom: 0;
1716-
width: 17px;
1717-
text-align: center;
1718-
font-weight: bold;
1719-
font-size: 12px;
1720-
color: inherit;
1721-
text-decoration: none;
1722-
vertical-align: middle;
1723-
display: inline-block;
1724-
padding: 2px 0 0 0;
1725-
border-left: 1px solid #d0d0d0;
1726-
-webkit-border-radius: 0 2px 2px 0;
1727-
-moz-border-radius: 0 2px 2px 0;
1728-
border-radius: 0 2px 2px 0;
1729-
-webkit-box-sizing: border-box;
1730-
-moz-box-sizing: border-box;
1731-
box-sizing: border-box;
1732-
}
1733-
.selectize-control.plugin-remove_button [data-value] .remove:hover {
1734-
background: rgba(0, 0, 0, 0.05);
1735-
}
1736-
.selectize-control.plugin-remove_button [data-value].active .remove {
1737-
border-left-color: #cacaca;
1738-
}
1739-
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
1740-
background: none;
1741-
}
1742-
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
1743-
border-left-color: #ffffff;
1744-
}
1745-
.selectize-control.plugin-remove_button .remove-single {
1746-
position: absolute;
1747-
right: 28px;
1748-
top: 6px;
1749-
font-size: 23px;
1750-
}
1751-
.selectize-control {
1752-
position: relative;
1753-
}
1754-
.selectize-dropdown,
1755-
.selectize-input,
1756-
.selectize-input input {
1757-
color: #303030;
1758-
font-family: inherit;
1759-
font-size: 13px;
1760-
line-height: 18px;
1761-
-webkit-font-smoothing: inherit;
1762-
}
1763-
.selectize-input,
1764-
.selectize-control.single .selectize-input.input-active {
1765-
background: #ffffff;
1766-
cursor: text;
1767-
display: inline-block;
1768-
}
1769-
.selectize-input {
1770-
border: 1px solid #d0d0d0;
1771-
padding: 8px 8px;
1772-
display: inline-block;
1773-
width: 100%;
1774-
overflow: hidden;
1775-
position: relative;
1776-
z-index: 1;
1777-
-webkit-box-sizing: border-box;
1778-
-moz-box-sizing: border-box;
1779-
box-sizing: border-box;
1780-
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
1781-
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
1782-
-webkit-border-radius: 3px;
1783-
-moz-border-radius: 3px;
1784-
border-radius: 3px;
1785-
}
1786-
.selectize-control.multi .selectize-input.has-items {
1787-
padding: 6px 8px 3px;
1788-
}
1789-
.selectize-input.full {
1790-
background-color: #ffffff;
1791-
}
1792-
.selectize-input.disabled,
1793-
.selectize-input.disabled * {
1794-
cursor: default !important;
1795-
}
1796-
.selectize-input.focus {
1797-
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
1798-
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
1799-
}
1800-
.selectize-input.dropdown-active {
1801-
-webkit-border-radius: 3px 3px 0 0;
1802-
-moz-border-radius: 3px 3px 0 0;
1803-
border-radius: 3px 3px 0 0;
1804-
}
1805-
.selectize-input > * {
1806-
vertical-align: baseline;
1807-
display: -moz-inline-stack;
1808-
display: inline-block;
1809-
zoom: 1;
1810-
*display: inline;
1811-
}
1812-
.selectize-control.multi .selectize-input > div {
1813-
cursor: pointer;
1814-
margin: 0 3px 3px 0;
1815-
padding: 2px 6px;
1816-
background: #f2f2f2;
1817-
color: #303030;
1818-
border: 0 solid #d0d0d0;
1819-
}
1820-
.selectize-control.multi .selectize-input > div.active {
1821-
background: #e8e8e8;
1822-
color: #303030;
1823-
border: 0 solid #cacaca;
1824-
}
1825-
.selectize-control.multi .selectize-input.disabled > div,
1826-
.selectize-control.multi .selectize-input.disabled > div.active {
1827-
color: #7d7d7d;
1828-
background: #ffffff;
1829-
border: 0 solid #ffffff;
1830-
}
1831-
.selectize-input > input {
1832-
display: inline-block !important;
1833-
padding: 0 !important;
1834-
min-height: 0 !important;
1835-
max-height: none !important;
1836-
max-width: 100% !important;
1837-
margin: 0 2px 0 0 !important;
1838-
text-indent: 0 !important;
1839-
border: 0 none !important;
1840-
background: none !important;
1841-
line-height: inherit !important;
1842-
-webkit-user-select: auto !important;
1843-
-webkit-box-shadow: none !important;
1844-
box-shadow: none !important;
1845-
}
1846-
.selectize-input > input::-ms-clear {
1847-
display: none;
1848-
}
1849-
.selectize-input > input:focus {
1850-
outline: none !important;
1851-
}
1852-
.selectize-input::after {
1853-
content: ' ';
1854-
display: block;
1855-
clear: left;
1856-
}
1857-
.selectize-input.dropdown-active::before {
1858-
content: ' ';
1859-
display: block;
1860-
position: absolute;
1861-
background: #f0f0f0;
1862-
height: 1px;
1863-
bottom: 0;
1864-
left: 0;
1865-
right: 0;
1866-
}
1867-
.selectize-dropdown {
1868-
position: absolute;
1869-
z-index: 10;
1870-
border: 1px solid #d0d0d0;
1871-
background: #ffffff;
1872-
margin: -1px 0 0 0;
1873-
border-top: 0 none;
1874-
-webkit-box-sizing: border-box;
1875-
-moz-box-sizing: border-box;
1876-
box-sizing: border-box;
1877-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
1878-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
1879-
-webkit-border-radius: 0 0 3px 3px;
1880-
-moz-border-radius: 0 0 3px 3px;
1881-
border-radius: 0 0 3px 3px;
1882-
}
1883-
.selectize-dropdown [data-selectable] {
1884-
cursor: pointer;
1885-
overflow: hidden;
1886-
}
1887-
.selectize-dropdown [data-selectable] .highlight {
1888-
background: rgba(125, 168, 208, 0.2);
1889-
-webkit-border-radius: 1px;
1890-
-moz-border-radius: 1px;
1891-
border-radius: 1px;
1892-
}
1893-
.selectize-dropdown [data-selectable],
1894-
.selectize-dropdown .optgroup-header {
1895-
padding: 5px 8px;
1896-
}
1897-
.selectize-dropdown .optgroup:first-child .optgroup-header {
1898-
border-top: 0 none;
1899-
}
1900-
.selectize-dropdown .optgroup-header {
1901-
color: #303030;
1902-
background: #ffffff;
1903-
cursor: default;
1904-
}
1905-
.selectize-dropdown .active {
1906-
background-color: #f5fafd;
1907-
color: #495c68;
1908-
}
1909-
.selectize-dropdown .active.create {
1910-
color: #495c68;
1911-
}
1912-
.selectize-dropdown .create {
1913-
color: rgba(48, 48, 48, 0.5);
1914-
}
1915-
.selectize-dropdown-content {
1916-
overflow-y: auto;
1917-
overflow-x: hidden;
1918-
max-height: 200px;
1919-
-webkit-overflow-scrolling: touch;
1920-
}
1921-
.selectize-control.single .selectize-input,
1922-
.selectize-control.single .selectize-input input {
1923-
cursor: pointer;
1924-
}
1925-
.selectize-control.single .selectize-input.input-active,
1926-
.selectize-control.single .selectize-input.input-active input {
1927-
cursor: text;
1928-
}
1929-
.selectize-control.single .selectize-input:after {
1930-
content: ' ';
1931-
display: block;
1932-
position: absolute;
1933-
top: 50%;
1934-
right: 15px;
1935-
margin-top: -3px;
1936-
width: 0;
1937-
height: 0;
1938-
border-style: solid;
1939-
border-width: 5px 5px 0 5px;
1940-
border-color: #808080 transparent transparent transparent;
1941-
}
1942-
.selectize-control.single .selectize-input.dropdown-active:after {
1943-
margin-top: -4px;
1944-
border-width: 0 5px 5px 5px;
1945-
border-color: transparent transparent #808080 transparent;
1946-
}
1947-
.selectize-control.rtl.single .selectize-input:after {
1948-
left: 15px;
1949-
right: auto;
1950-
}
1951-
.selectize-control.rtl .selectize-input > input {
1952-
margin: 0 4px 0 -2px !important;
1953-
}
1954-
.selectize-control .selectize-input.disabled {
1955-
opacity: 0.5;
1956-
background-color: #fafafa;
1957-
}
1632+
#hide-sidebar-button:after { content:"\f20e"; font-family: Ionicons; }

0 commit comments

Comments
 (0)