Compare commits
69 Commits
php2python
...
master
Author | SHA1 | Date |
---|---|---|
Holger Frey | c6bdf65223 | 5 years ago |
Holger Frey | ab499958f0 | 7 years ago |
Holger Frey | 7045164de6 | 7 years ago |
Holger Frey | 9359620a71 | 7 years ago |
Holger Frey | c361f0f71d | 7 years ago |
Holger Frey | 511e5d0c25 | 7 years ago |
Holger Frey | e53788559f | 7 years ago |
Holger Frey | ab07076c95 | 7 years ago |
Holger Frey | 96c1717eac | 7 years ago |
Holger Frey | 62af585175 | 7 years ago |
Holger Frey | 9bc85121ab | 7 years ago |
Holger Frey | c5180a6c57 | 7 years ago |
Holger Frey | 57d0b4b373 | 7 years ago |
Holger Frey | 57c6b175cd | 7 years ago |
Holger Frey | e64001ce87 | 7 years ago |
Holger Frey | d881ea2a07 | 7 years ago |
Holger Frey | b23c214df1 | 7 years ago |
Holger Frey | eb32a8a474 | 7 years ago |
Holger Frey | e974070585 | 7 years ago |
Holger Frey | 8d4df465c2 | 7 years ago |
Holger Frey | b8a0cd008b | 7 years ago |
Holger Frey | 40401472be | 7 years ago |
Holger Frey | 0a752eacd9 | 7 years ago |
Holger Frey | a66bf5ac12 | 7 years ago |
Holger Frey | 16516be8ef | 7 years ago |
Holger Frey | 353c6a8f12 | 7 years ago |
Holger Frey | d8dd9f629b | 7 years ago |
Holger Frey | ff7aca94ce | 7 years ago |
Holger Frey | c127fe6816 | 7 years ago |
Holger Frey | 8514aab1c0 | 7 years ago |
Holger Frey | ee172bc7f5 | 7 years ago |
Holger Frey | 85a99b1d6a | 7 years ago |
Holger Frey | 9def414339 | 7 years ago |
Holger Frey | 7dd317226e | 7 years ago |
Holger Frey | f2d33f50ba | 7 years ago |
Holger Frey | 21e33b3a3d | 7 years ago |
Holger Frey | eaa229256a | 7 years ago |
Holger Frey | 290b864d17 | 7 years ago |
Holger Frey | 9ee42880e9 | 7 years ago |
Holger Frey | f535ece7ca | 7 years ago |
Holger Frey | 7158d10549 | 7 years ago |
Holger Frey | aec2641290 | 7 years ago |
Holger Frey | 900f5a3b30 | 7 years ago |
Holger Frey | 52a594b3be | 7 years ago |
Holger Frey | 15ff848305 | 7 years ago |
Holger Frey | 9ad8058597 | 7 years ago |
Holger Frey | 5fbc2dd4f0 | 7 years ago |
Holger Frey | 301195a053 | 7 years ago |
Holger Frey | 686873c39c | 7 years ago |
Holger Frey | 54dd4a0492 | 7 years ago |
Holger Frey | 9e6b0a43d4 | 7 years ago |
Holger Frey | 4cef970410 | 7 years ago |
Holger Frey | fe02f10cd8 | 7 years ago |
Holger Frey | 8d9e320f0a | 7 years ago |
Holger Frey | 43fbb56177 | 7 years ago |
Holger Frey | 052cb29acf | 7 years ago |
Holger Frey | 5c537e57a0 | 7 years ago |
Holger Frey | e49f7890a2 | 7 years ago |
Holger Frey | d50d977dc3 | 7 years ago |
Holger Frey | ac9b484229 | 7 years ago |
Holger Frey | 393698b365 | 7 years ago |
Holger Frey | 000d5582dd | 7 years ago |
Holger Frey | fdf0208c89 | 7 years ago |
Holger Frey | b1870658a9 | 7 years ago |
Holger Frey | 03470644dd | 7 years ago |
Holger Frey | 4b41dad890 | 7 years ago |
Holger Frey | 83e697bc0b | 7 years ago |
Holger Frey | edfc33d9ad | 7 years ago |
Holger Frey | 41c156f56a | 7 years ago |
@ -1,43 +1,68 @@ |
|||||||
============================================== |
OLD: Ordr2 - CPI Ordering System |
||||||
Ordr2 - CPI Ordering System, php2python branch |
================================ |
||||||
============================================== |
|
||||||
|
|
||||||
This is a rewrite in Python of the original Ordr system by Sebastian Sebald |
CAUTION: |
||||||
that can still be found here: https://github.com/sebald/Ordr |
THIS REPO EXISTS FOR HISTORIC REASONS |
||||||
|
THE PROJECT WAS REPLACED BY Ordr3 |
||||||
|
|
||||||
|
|
||||||
Installation |
In our chair at the University of Freiburg there are about forty people working |
||||||
------------ |
in the lab but only four of them are accredited for the SAP ordering system |
||||||
|
used by the university - the rest has to order through them. This leads to |
||||||
|
a quite large amount of mails, post-its and calls per purchaser. To give this |
||||||
|
some better structure, our small ordering system was developed. It is actually |
||||||
|
a 'would-you-please-order-for-me-system' and disconnected from the upstream |
||||||
|
system. |
||||||
|
|
||||||
Installation consists of three steps: |
This is a complete rewrite of the CPI `ordering system`_ originally written in |
||||||
|
PHP. |
||||||
|
|
||||||
1. clone the project and checkout the php2python branch |
|
||||||
> git clone https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2 |
|
||||||
> cd ordr2 |
|
||||||
> git checkout php2pyton |
|
||||||
|
|
||||||
2. create a python virtual environment and activate it |
Goals |
||||||
> python3 -m venv ordr-venv |
----- |
||||||
> source ordr-venv/bin/activate |
* more information on orders: |
||||||
|
* record the status change in order in a log |
||||||
|
* add a new status "hold" if there are questions |
||||||
|
* simpler reordering of already placed orders |
||||||
|
* better tools for consumables (templates for new orders): |
||||||
|
* propose consumables on placed orders |
||||||
|
* check unused or outdated consumables |
||||||
|
* make categories editable |
||||||
|
* revamped user management: |
||||||
|
* validate email address on registration |
||||||
|
* forgot password system |
||||||
|
* make password hashing future proof |
||||||
|
* move away from PHP as a programming language (done, branch php2pyhton) |
||||||
|
* update the front end tools to current versions |
||||||
|
|
||||||
3. install the cloned package and deactivate the environment |
|
||||||
(ordr-venv) > pip install . |
|
||||||
> deactivate |
|
||||||
|
|
||||||
|
Notes on technologies used |
||||||
|
--------------------------- |
||||||
|
|
||||||
Updating |
The project uses `Pyramid`_ as a web framework, especially the `traversal`_ |
||||||
-------- |
style routing instead of the more widely spread url dispatch method. This |
||||||
|
decision was made because: |
||||||
|
|
||||||
updating consists of three steps: |
* the starter of this project likes this kind of routing |
||||||
|
* it eliminates the need of defining routes separately |
||||||
|
* `row level security`_ is easy to implement since traversal works with |
||||||
|
resources from the start. |
||||||
|
|
||||||
1. Update the source code |
The new system should have automated unit- and integration tests for all |
||||||
> cd ordr2 |
self written code, aming at 100% coverage although this might never be |
||||||
> git pull origin php2python |
reached. |
||||||
|
|
||||||
2. activate the python virtual environment |
To run a test use the ``make coverage`` command or if you'd like to test |
||||||
> source ordr-venv/bin/activate |
without a coverage report use ``make test`` |
||||||
|
|
||||||
3. install the new version and deactivate the environment |
Also the code should be documented well enough to support the current and |
||||||
(ordr-venv) > pip install . |
new developers. Good Documentation is hard, so please be forgiving in this |
||||||
> deactivate |
regard. A set of documents can be compiled and viewed with the ``make docs`` |
||||||
|
command. |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.. _ordering system: https://ordr.cpi.imtek.uni-freiburg.de |
||||||
|
.. _Pyramid: https://trypyramid.com |
||||||
|
.. _traversal: https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/muchadoabouttraversal.html |
||||||
|
.. _row level security: https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/security.html |
||||||
|
@ -1,77 +1,86 @@ |
|||||||
''' custom events and event subsribers ''' |
''' custom events and event subsribers ''' |
||||||
|
|
||||||
from pyramid.events import NewRequest, subscriber |
from pyramid.events import subscriber |
||||||
from pyramid.renderers import render |
from pyramid.renderers import render |
||||||
|
from pyramid_mailer import get_mailer |
||||||
from pyramid_mailer.message import Message |
from pyramid_mailer.message import Message |
||||||
|
|
||||||
from ordr2.views import set_display_defaults |
|
||||||
|
|
||||||
|
|
||||||
# custom events |
# custom events |
||||||
|
|
||||||
class UserLogIn(object): |
|
||||||
''' notify on user log in ''' |
|
||||||
def __init__(self, request, user): |
|
||||||
self.request = request |
|
||||||
self.user = user |
|
||||||
|
|
||||||
|
|
||||||
class UserNotification(object): |
class UserNotification(object): |
||||||
''' base class for user notifications ''' |
''' base class for user notification emails |
||||||
|
|
||||||
|
:param request: |
||||||
|
current request object |
||||||
|
:type request: |
||||||
|
`pyramid.request.Request` |
||||||
|
:param account: |
||||||
|
account to send the notification to |
||||||
|
:type account: |
||||||
|
:class:`ordr2.models.account.Users` |
||||||
|
:param data: |
||||||
|
additional data to pass to the mail template |
||||||
|
''' |
||||||
|
|
||||||
|
#: subject of the notification |
||||||
subject = None |
subject = None |
||||||
|
|
||||||
|
#: template to render |
||||||
template = None |
template = None |
||||||
|
|
||||||
def __init__(self, request, user, data=None): |
def __init__(self, request, account, data=None, send_to=None): |
||||||
self.request = request |
self.request = request |
||||||
self.user = user |
self.account = account |
||||||
self.data = data |
self.data = data |
||||||
|
self.send_to = send_to or account.email |
||||||
|
|
||||||
|
|
||||||
class AccountActivation(UserNotification): |
class AccountActivation(UserNotification): |
||||||
''' user notification for account activation ''' |
''' user notification for account activation ''' |
||||||
subject='[ordr] Your account was activated' |
subject = '[ordr] Your account was activated' |
||||||
template = 'ordr2:templates/emails/activation.jinja2' |
template = 'ordr2:templates/emails/activation.jinja2' |
||||||
|
|
||||||
|
|
||||||
class PasswordReset(UserNotification): |
class ChangedEmail(UserNotification): |
||||||
''' user notification for password reset link ''' |
''' user notification for a changed email address ''' |
||||||
subject='[ordr] Password Reset' |
subject = '[ordr] Please verify your email address' |
||||||
template = 'ordr2:templates/emails/password_reset.jinja2' |
template = 'ordr2:templates/emails/mail_change.jinja2' |
||||||
|
|
||||||
|
|
||||||
|
class CompleteRegistration(UserNotification): |
||||||
|
''' user notification for account activation ''' |
||||||
|
subject = '[ordr] Please verify your email address' |
||||||
|
template = 'ordr2:templates/emails/registration.jinja2' |
||||||
|
|
||||||
|
|
||||||
class OrderStatusChange(UserNotification): |
class OrderStatusChange(UserNotification): |
||||||
''' user notification for order status change ''' |
''' user notification for order status change ''' |
||||||
subject='[ordr] Order Status Change' |
subject = '[ordr] Order Status Change' |
||||||
template = 'ordr2:templates/emails/order.jinja2' |
template = 'ordr2:templates/emails/order.jinja2' |
||||||
|
|
||||||
|
|
||||||
# subsribers for events |
class PasswordReset(UserNotification): |
||||||
|
''' user notification for password reset link ''' |
||||||
@subscriber(UserLogIn) |
subject = '[ordr] Password Reset' |
||||||
def set_display_defaults_on_log_in(event): |
template = 'ordr2:templates/emails/password_reset.jinja2' |
||||||
''' set column display defaults at every login ''' |
|
||||||
set_display_defaults(event.request) |
|
||||||
|
|
||||||
|
|
||||||
@subscriber(NewRequest) |
|
||||||
def check_display_defaults(event): |
|
||||||
''' check if column display preferences are set in sesssion ''' |
|
||||||
if event.request.user and 'display' not in event.request.session: |
|
||||||
set_display_defaults(event.request) |
|
||||||
|
|
||||||
|
# subsribers for events |
||||||
|
|
||||||
@subscriber(UserNotification) |
@subscriber(UserNotification) |
||||||
def notify_user(event): |
def notify_user(event): |
||||||
''' notify a user about an event ''' |
''' notify a user about an event ''' |
||||||
body = render( |
body = render( |
||||||
event.template, |
event.template, |
||||||
{'user': event.user, 'data': event.data}, |
{'user': event.account, 'data': event.data}, |
||||||
event.request |
event.request |
||||||
) |
) |
||||||
message = Message( |
message = Message( |
||||||
subject=event.subject, |
subject=event.subject, |
||||||
sender=event.request.registry.settings['mail.default_sender'], |
sender=event.request.registry.settings['mail.default_sender'], |
||||||
recipients=[event.user.email], |
recipients=[event.send_to], |
||||||
html=body |
html=body |
||||||
) |
) |
||||||
event.request.mailer.send(message) |
mailer = get_mailer(event.request.registry) |
||||||
|
mailer.send(message) |
||||||
|
@ -0,0 +1,234 @@ |
|||||||
|
''' User Account and Roles Models ''' |
||||||
|
|
||||||
|
import enum |
||||||
|
import uuid |
||||||
|
|
||||||
|
from datetime import datetime, timedelta |
||||||
|
from passlib.context import CryptContext |
||||||
|
from sqlalchemy import ( |
||||||
|
Column, |
||||||
|
Date, |
||||||
|
DateTime, |
||||||
|
Enum, |
||||||
|
ForeignKey, |
||||||
|
Integer, |
||||||
|
Text, |
||||||
|
Unicode |
||||||
|
) |
||||||
|
from sqlalchemy.orm import relationship |
||||||
|
|
||||||
|
from .meta import Base, JsonEncoder |
||||||
|
|
||||||
|
|
||||||
|
#: create a crypt context for password hashes |
||||||
|
#: configured in :mod:`ordr2.security.includeme()` |
||||||
|
#: this is not in :mod:`ordr2.security` to avoid circular imports |
||||||
|
passlib_context = CryptContext() |
||||||
|
|
||||||
|
|
||||||
|
# non-database models |
||||||
|
|
||||||
|
class Role(enum.Enum): |
||||||
|
''' roles of user accounts ''' |
||||||
|
|
||||||
|
#: new user, email address was not validated |
||||||
|
UNVALIDATED = 'unvalidated' |
||||||
|
|
||||||
|
#: new user, email address validated, not activated by admin |
||||||
|
NEW = 'new' |
||||||
|
|
||||||
|
#: standard user of the system, can place and view orders |
||||||
|
USER = 'user' |
||||||
|
|
||||||
|
#: privileged user of the system, can edit orders |
||||||
|
PURCHASER = 'purchaser' |
||||||
|
|
||||||
|
#: privileged user, can edit orders, users and consumables |
||||||
|
ADMIN = 'admin' |
||||||
|
|
||||||
|
#: a user that is no longer activated |
||||||
|
INACTIVE = 'inactive' |
||||||
|
|
||||||
|
@property |
||||||
|
def principal(self): |
||||||
|
''' returns the principal identifier of the role ''' |
||||||
|
return 'role:' + self.value.lower() |
||||||
|
|
||||||
|
def __str__(self): |
||||||
|
''' string representation ''' |
||||||
|
return self.value.capitalize() |
||||||
|
|
||||||
|
|
||||||
|
class TokenSubject(enum.Enum): |
||||||
|
''' Token Subjects for changing user accounts ''' |
||||||
|
|
||||||
|
#: validate email address of freshly registered user |
||||||
|
USER_REGISTRATION = 'user_registration' |
||||||
|
|
||||||
|
#: validate email change of active user |
||||||
|
CHANGE_EMAIL = 'change_email' |
||||||
|
|
||||||
|
#: reset a forgotten password |
||||||
|
RESET_PASSWORD = 'reset_password' |
||||||
|
|
||||||
|
|
||||||
|
# database driven models |
||||||
|
|
||||||
|
class User(Base): |
||||||
|
''' A user of the application ''' |
||||||
|
|
||||||
|
__tablename__ = 'users' |
||||||
|
|
||||||
|
#: primary key |
||||||
|
id = Column(Integer, primary_key=True) |
||||||
|
#: unique user name |
||||||
|
username = Column(Text, nullable=False, unique=True) |
||||||
|
#: hashed password, see :mod:`ordr2.security` |
||||||
|
password_hash = Column(Text, nullable=False) |
||||||
|
#: role of the user, see :class:`ordr2.models.account.Role` |
||||||
|
role = Column(Enum(Role), nullable=False) |
||||||
|
|
||||||
|
first_name = Column(Text, nullable=False) |
||||||
|
last_name = Column(Text, nullable=False) |
||||||
|
email = Column(Text, nullable=False, unique=True) |
||||||
|
date_created = Column(Date, nullable=False, default=datetime.utcnow) |
||||||
|
|
||||||
|
#: tokens for new user registration, email change and forgotten passwords |
||||||
|
tokens = relationship( |
||||||
|
'Token', |
||||||
|
back_populates='owner', |
||||||
|
cascade="all, delete-orphan" |
||||||
|
) |
||||||
|
|
||||||
|
@property |
||||||
|
def principal(self): |
||||||
|
''' returns the principal identifier for the user ''' |
||||||
|
return 'user:{}'.format(self.id) |
||||||
|
|
||||||
|
@property |
||||||
|
def role_principals(self): |
||||||
|
''' returns the principal identifiers for the user's role ''' |
||||||
|
principals = [self.role.principal] |
||||||
|
if self.role is Role.PURCHASER: |
||||||
|
# a purchaser is also a user |
||||||
|
principals.append(Role.USER.principal) |
||||||
|
elif self.role is Role.ADMIN: |
||||||
|
# an admin is also a purchaser and a user |
||||||
|
principals.append(Role.PURCHASER.principal) |
||||||
|
principals.append(Role.USER.principal) |
||||||
|
return principals |
||||||
|
|
||||||
|
@property |
||||||
|
def is_active(self): |
||||||
|
''' is true if the user has an active role ''' |
||||||
|
return self.role in (Role.USER, Role.PURCHASER, Role.ADMIN) |
||||||
|
|
||||||
|
def set_password(self, password): |
||||||
|
''' hashes a password using :mod:`ordr2.security.passlib_context` ''' |
||||||
|
self.password_hash = passlib_context.hash(password) |
||||||
|
|
||||||
|
def check_password(self, password): |
||||||
|
''' checks a password against a stored password hash |
||||||
|
|
||||||
|
if the password algorithm is considered deprecated, the stored hash |
||||||
|
will be updated using the current algorithm |
||||||
|
''' |
||||||
|
ok, new_hash = passlib_context.verify_and_update( |
||||||
|
password, |
||||||
|
self.password_hash |
||||||
|
) |
||||||
|
|
||||||
|
if not ok: |
||||||
|
# password does not match, return False |
||||||
|
return False |
||||||
|
elif new_hash: |
||||||
|
# algorithm is deprecated, update hash with new algorithm |
||||||
|
self.password_hash = new_hash |
||||||
|
|
||||||
|
# password match, return True |
||||||
|
return True |
||||||
|
|
||||||
|
def issue_token(self, request, subject, payload=None): |
||||||
|
''' issues a token for mail change, password reset or user verification |
||||||
|
|
||||||
|
:param request: |
||||||
|
the current request object |
||||||
|
:type request: |
||||||
|
pyramid.request.Request |
||||||
|
:param subject: |
||||||
|
what the token is used for |
||||||
|
:type subject: |
||||||
|
ordr2.models.account.TokenSubject |
||||||
|
:param payload: |
||||||
|
extra data to store with the token, must be JSON serializable |
||||||
|
:rtype: |
||||||
|
(str) unique hash to access the token |
||||||
|
''' |
||||||
|
return Token.issue(request, self, subject, payload) |
||||||
|
|
||||||
|
def __str__(self): |
||||||
|
''' string representation ''' |
||||||
|
return str(self.username) |
||||||
|
|
||||||
|
|
||||||
|
class Token(Base): |
||||||
|
''' Tokens for mail change, account verification and password reset ''' |
||||||
|
|
||||||
|
__tablename__ = 'tokens' |
||||||
|
|
||||||
|
#: hash identifyer of the token |
||||||
|
hash = Column(Unicode, primary_key=True) |
||||||
|
|
||||||
|
#: :class:`ordr2.models.account.TokenSubject` |
||||||
|
subject = Column(Enum(TokenSubject), nullable=False) |
||||||
|
|
||||||
|
#: token expires at this date and time |
||||||
|
expires = Column(DateTime, nullable=False) |
||||||
|
|
||||||
|
#: additional data to attach to a token |
||||||
|
payload = Column(JsonEncoder, nullable=True) |
||||||
|
|
||||||
|
#: the user_id the token belongs to |
||||||
|
owner_id = Column(Integer, ForeignKey('users.id')) |
||||||
|
|
||||||
|
#: the user the token belongs to |
||||||
|
owner = relationship('User', back_populates='tokens') |
||||||
|
|
||||||
|
@classmethod |
||||||
|
def issue(cls, request, owner, subject, payload=None): |
||||||
|
''' issues a token for mail change, password reset or user verification |
||||||
|
|
||||||
|
if the expiry keys for the token is not set in the app configuration, |
||||||
|
the token will expire in five minutes. |
||||||
|
|
||||||
|
to set the expiry time in the conig use `token_expiry.` prefix followed |
||||||
|
by the value of the token subject and a time in minutes. For example, |
||||||
|
to give an active user two hours time to verify an email address change |
||||||
|
use `token_expiry.change_email = 120` |
||||||
|
|
||||||
|
:param request: |
||||||
|
the current request object |
||||||
|
:type request: |
||||||
|
pyramid.request.Request |
||||||
|
:param subject: |
||||||
|
what the token is used for |
||||||
|
:type subject: |
||||||
|
ordr2.models.account.TokenSubject |
||||||
|
:param owner: |
||||||
|
account the token is issued for |
||||||
|
:type subject: |
||||||
|
ordr2.models.account.User |
||||||
|
:param payload: |
||||||
|
extra data to store with the token, must be JSON serializable |
||||||
|
:rtype: |
||||||
|
ordr2.models.account.Token |
||||||
|
''' |
||||||
|
settings_key = 'token_expiry.' + subject.value |
||||||
|
minutes = request.registry.settings.get(settings_key, 5) |
||||||
|
expires = datetime.utcnow() + timedelta(minutes=int(minutes)) |
||||||
|
return cls( |
||||||
|
hash=uuid.uuid4().hex, |
||||||
|
subject=subject, |
||||||
|
payload=payload, |
||||||
|
owner=owner, |
||||||
|
expires=expires) |
@ -1,135 +0,0 @@ |
|||||||
''' Consumables, Categories, Orders and Order Status Database Models ''' |
|
||||||
|
|
||||||
import bcrypt |
|
||||||
import enum |
|
||||||
import uuid |
|
||||||
|
|
||||||
from collections import namedtuple |
|
||||||
from datetime import datetime |
|
||||||
from sqlalchemy import ( |
|
||||||
Column, |
|
||||||
DateTime, |
|
||||||
Enum, |
|
||||||
Float, |
|
||||||
Integer, |
|
||||||
Text, |
|
||||||
) |
|
||||||
|
|
||||||
from .meta import Base |
|
||||||
|
|
||||||
|
|
||||||
class Category(enum.Enum): |
|
||||||
''' Categories of consumables and orders ''' |
|
||||||
CHEMICAL = 'chemical' |
|
||||||
DISPOSABLE = 'disposable' |
|
||||||
SOLVENT = 'solvent' |
|
||||||
BIOLAB = 'biolab' |
|
||||||
|
|
||||||
|
|
||||||
class OrderStatus(enum.Enum): |
|
||||||
''' status of the order ''' |
|
||||||
OPEN = 'open' |
|
||||||
APPROVAL = 'approval' |
|
||||||
ORDERED = 'ordered' |
|
||||||
COMPLETED = 'completed' |
|
||||||
|
|
||||||
|
|
||||||
class Consumable(Base): |
|
||||||
''' A consumable ''' |
|
||||||
|
|
||||||
__tablename__ = 'consumables' |
|
||||||
|
|
||||||
id = Column(Integer, primary_key=True) |
|
||||||
|
|
||||||
cas_description = Column(Text, nullable=False) |
|
||||||
category = Column(Enum(Category), nullable=False) |
|
||||||
catalog_nr = Column(Text, nullable=False) |
|
||||||
vendor = Column(Text, nullable=False) |
|
||||||
package_size = Column(Text, nullable=False) |
|
||||||
unit_price = Column(Float, nullable=False) |
|
||||||
currency = Column(Text, nullable=False, default='EUR') |
|
||||||
comment = Column(Text, nullable=False, default='') |
|
||||||
date_created = Column(DateTime, nullable=False, default=datetime.utcnow) |
|
||||||
date_modified = Column( |
|
||||||
DateTime, |
|
||||||
nullable=False, |
|
||||||
default=datetime.utcnow, |
|
||||||
onupdate=datetime.utcnow |
|
||||||
) |
|
||||||
|
|
||||||
def __str__(self): |
|
||||||
''' string representation ''' |
|
||||||
return '{!s} ({!s})'.format(self.cas_description, self.vendor) |
|
||||||
|
|
||||||
|
|
||||||
class Order(Base): |
|
||||||
''' An order ''' |
|
||||||
|
|
||||||
__tablename__ = 'orders' |
|
||||||
|
|
||||||
id = Column(Integer, primary_key=True) |
|
||||||
|
|
||||||
status = Column(Enum(OrderStatus), nullable=False) |
|
||||||
|
|
||||||
cas_description = Column(Text, nullable=False) |
|
||||||
category = Column(Enum(Category), nullable=False) |
|
||||||
catalog_nr = Column(Text, nullable=False) |
|
||||||
vendor = Column(Text, nullable=False) |
|
||||||
package_size = Column(Text, nullable=False) |
|
||||||
|
|
||||||
unit_price = Column(Float, nullable=False) |
|
||||||
currency = Column(Text, nullable=False, default='EUR') |
|
||||||
amount = Column(Integer, nullable=False) |
|
||||||
total_price = Column(Float, nullable=False) |
|
||||||
|
|
||||||
account = Column(Text, nullable=False, default='') |
|
||||||
comment = Column(Text, nullable=False, default='') |
|
||||||
|
|
||||||
created_date = Column(DateTime, nullable=False, default=datetime.utcnow) |
|
||||||
created_by = Column(Text, nullable=False) |
|
||||||
approval_date = Column(DateTime, nullable=True) |
|
||||||
approval_by = Column(Text, nullable=False, default='') |
|
||||||
ordered_date = Column(DateTime, nullable=True) |
|
||||||
ordered_by = Column(Text, nullable=False, default='') |
|
||||||
completed_date = Column(DateTime, nullable=True) |
|
||||||
completed_by = Column(Text, nullable=False, default='') |
|
||||||
|
|
||||||
|
|
||||||
def __str__(self): |
|
||||||
''' string representation ''' |
|
||||||
return '{!s} ({!s})'.format(self.cas_description, self.vendor) |
|
||||||
|
|
||||||
|
|
||||||
def _date_info(self, some_date, some_one): |
|
||||||
''' string representaton of date and user ''' |
|
||||||
if not some_date: |
|
||||||
# no date, no string |
|
||||||
return '' |
|
||||||
if some_one: |
|
||||||
# in the new system a status change also stores the purchaser |
|
||||||
return '{!s} by {!s}'.format( |
|
||||||
some_date.strftime('%Y-%m-%d %H:%M'), |
|
||||||
some_one |
|
||||||
) |
|
||||||
# historical data does not have a purchaser associated with a date |
|
||||||
return '{!s}'.format(some_date.strftime('%Y-%m-%d %H:%M')) |
|
||||||
|
|
||||||
@property |
|
||||||
def placed(self): |
|
||||||
''' string representation for placed on / by ''' |
|
||||||
return self._date_info(self.created_date, self.created_by) |
|
||||||
|
|
||||||
@property |
|
||||||
def approved(self): |
|
||||||
''' string representation for approval on / by ''' |
|
||||||
return self._date_info(self.approval_date, self.approval_by) |
|
||||||
|
|
||||||
@property |
|
||||||
def ordered(self): |
|
||||||
''' string representation for ordered on / by ''' |
|
||||||
return self._date_info(self.ordered_date, self.ordered_by) |
|
||||||
|
|
||||||
@property |
|
||||||
def completed(self): |
|
||||||
''' string representation for completed on / by ''' |
|
||||||
return self._date_info(self.completed_date, self.completed_by) |
|
@ -1,95 +0,0 @@ |
|||||||
''' User Account and Roles Models ''' |
|
||||||
|
|
||||||
import bcrypt |
|
||||||
import enum |
|
||||||
import uuid |
|
||||||
|
|
||||||
from collections import namedtuple |
|
||||||
from datetime import datetime |
|
||||||
from sqlalchemy import ( |
|
||||||
Column, |
|
||||||
Date, |
|
||||||
Enum, |
|
||||||
Integer, |
|
||||||
Text, |
|
||||||
) |
|
||||||
|
|
||||||
from .meta import Base |
|
||||||
|
|
||||||
|
|
||||||
class Role(enum.Enum): |
|
||||||
''' roles of user accounts ''' |
|
||||||
|
|
||||||
NEW = 'new' |
|
||||||
USER = 'user' |
|
||||||
PURCHASER = 'purchaser' |
|
||||||
ADMIN = 'admin' |
|
||||||
INACTIVE = 'inactive' |
|
||||||
|
|
||||||
@property |
|
||||||
def principal(self): |
|
||||||
''' returns the principal identifier of the role ''' |
|
||||||
return 'role:' + self.value.lower() |
|
||||||
|
|
||||||
|
|
||||||
class User(Base): |
|
||||||
''' A user of the application ''' |
|
||||||
|
|
||||||
__tablename__ = 'users' |
|
||||||
|
|
||||||
id = Column(Integer, primary_key=True) |
|
||||||
|
|
||||||
user_name = Column(Text, nullable=False, unique=True) |
|
||||||
first_name = Column(Text, nullable=False) |
|
||||||
last_name = Column(Text, nullable=False) |
|
||||||
email = Column(Text, nullable=False, unique=True) |
|
||||||
password_hash = Column(Text, nullable=False) |
|
||||||
role = Column(Enum(Role), nullable=False) |
|
||||||
password_reset = Column(Text, nullable=False, default='') |
|
||||||
date_created = Column(Date, nullable=False, default=datetime.utcnow) |
|
||||||
|
|
||||||
@property |
|
||||||
def principal(self): |
|
||||||
''' returns the principal identifier for the user ''' |
|
||||||
return 'user:' + self.user_name |
|
||||||
|
|
||||||
@property |
|
||||||
def role_principals(self): |
|
||||||
''' returns the principal identifiers for the user's role ''' |
|
||||||
principals = [self.role.principal] |
|
||||||
if self.role is Role.PURCHASER: |
|
||||||
# a purchaser is also a user |
|
||||||
principals.append(Role.USER.principal) |
|
||||||
elif self.role is Role.ADMIN: |
|
||||||
# an admin is also a purchaser and a user |
|
||||||
principals.append(Role.USER.principal) |
|
||||||
principals.append(Role.PURCHASER.principal) |
|
||||||
return principals |
|
||||||
|
|
||||||
@property |
|
||||||
def is_active(self): |
|
||||||
''' check if it is an active user account ''' |
|
||||||
return self.role in (Role.USER, Role.PURCHASER, Role.ADMIN) |
|
||||||
|
|
||||||
def set_password(self, password): |
|
||||||
''' hashes a new password ''' |
|
||||||
pwhash = bcrypt.hashpw(password.encode('utf8'), bcrypt.gensalt()) |
|
||||||
self.password_hash = pwhash.decode('utf8') |
|
||||||
|
|
||||||
def check_password(self, password): |
|
||||||
''' compares a password with a stored password hash ''' |
|
||||||
if self.password_hash: |
|
||||||
expected_hash = self.password_hash.encode('utf8') |
|
||||||
return bcrypt.checkpw(password.encode('utf8'), expected_hash) |
|
||||||
return False |
|
||||||
|
|
||||||
def generate_password_token(self): |
|
||||||
''' generates a token for a password reset link ''' |
|
||||||
token = uuid.uuid4() |
|
||||||
self.password_reset = token.hex |
|
||||||
return token.hex |
|
||||||
|
|
||||||
def __str__(self): |
|
||||||
''' string representation ''' |
|
||||||
return '{!s}'.format(self.user_name) |
|
||||||
|
|
@ -1,64 +1,103 @@ |
|||||||
''' Resources for User Accounts ''' |
''' Resources for account registraion and settings ''' |
||||||
|
|
||||||
from pyramid.security import Allow, Authenticated, Deny, DENY_ALL, Everyone |
from datetime import datetime |
||||||
|
from pyramid.security import Allow, Authenticated, Everyone, Deny, DENY_ALL |
||||||
|
|
||||||
from ordr2.models import User |
from ordr2.models.account import Token, TokenSubject |
||||||
|
from ordr2.resources.base import BaseResource |
||||||
|
|
||||||
from .base import BaseResource |
|
||||||
|
|
||||||
|
class RegistrationToken(BaseResource): |
||||||
|
''' representing :class:`ordr2.models.account.Token` for registration ''' |
||||||
|
|
||||||
|
def __acl__(self): |
||||||
|
''' access controll list for the resource ''' |
||||||
|
return [ |
||||||
|
(Deny, Authenticated, 'register'), |
||||||
|
(Allow, Everyone, 'register'), |
||||||
|
DENY_ALL |
||||||
|
] |
||||||
|
|
||||||
class PasswordResetAccount(BaseResource): |
|
||||||
''' resource for passwort change representing a reset token ''' |
class EmailVerificationToken(BaseResource): |
||||||
|
''' representing :class:`ordr2.models.account.Token` for email change ''' |
||||||
|
|
||||||
def __acl__(self): |
def __acl__(self): |
||||||
''' access controll list ''' |
''' access controll list for the resource |
||||||
|
|
||||||
|
a logged in user might only access his own tokens |
||||||
|
''' |
||||||
|
# self.model is a :class:`ordr2.models.account.Token` instance |
||||||
return [ |
return [ |
||||||
(Allow, Everyone, 'reset'), |
(Allow, self.model.owner.principal, 'settings'), |
||||||
DENY_ALL |
DENY_ALL |
||||||
] |
] |
||||||
|
|
||||||
|
|
||||||
class PasswordReset(BaseResource): |
class ForgottenPasswordToken(BaseResource): |
||||||
''' resource for passwort reset link ''' |
''' representing :class:`ordr2.models.account.Token` for password reset ''' |
||||||
|
|
||||||
def __acl__(self): |
def __acl__(self): |
||||||
''' access controll list ''' |
''' access controll list for the resource ''' |
||||||
return [ |
return [ |
||||||
(Allow, Everyone, 'reset'), |
(Allow, Everyone, 'reset password'), |
||||||
DENY_ALL |
DENY_ALL |
||||||
] |
] |
||||||
|
|
||||||
def __getitem__(self, key): |
|
||||||
''' queries the database for a password reset token ''' |
|
||||||
key = key.strip() |
|
||||||
if key: |
|
||||||
account = self.request.dbsession.\ |
|
||||||
query(User).\ |
|
||||||
filter_by(password_reset=key).\ |
|
||||||
first() |
|
||||||
if account: |
|
||||||
return PasswordResetAccount(key, self, account) |
|
||||||
raise KeyError |
|
||||||
|
|
||||||
|
|
||||||
class Account(BaseResource): |
class AccountResource(BaseResource): |
||||||
''' User Account and Settings ''' |
''' Resouce class for account registration and settings ''' |
||||||
|
|
||||||
nodes = {'reset': PasswordReset} |
#: name of the main navigation section for template highlighting |
||||||
|
nav_section = 'account' |
||||||
|
|
||||||
def __init__(self, name, parent): |
#: mapping token subjects to token resouce classes |
||||||
super().__init__(name, parent) |
token_resources = { |
||||||
self.model = self.request.user |
TokenSubject.USER_REGISTRATION: RegistrationToken, |
||||||
|
TokenSubject.CHANGE_EMAIL: EmailVerificationToken, |
||||||
|
TokenSubject.RESET_PASSWORD: ForgottenPasswordToken |
||||||
|
} |
||||||
|
|
||||||
|
def __init__(self, name, parent, model=None): |
||||||
|
''' Create a base resource ''' |
||||||
|
# the current model is the current logged in user or None |
||||||
|
super().__init__(name, parent, parent.request.user) |
||||||
|
|
||||||
def __acl__(self): |
def __acl__(self): |
||||||
''' access controll list ''' |
''' access controll list for the resource |
||||||
|
|
||||||
|
- everyone can log in our log out |
||||||
|
- authenticated users can change their settings |
||||||
|
- unauthenticated users can register |
||||||
|
|
||||||
|
''' |
||||||
return [ |
return [ |
||||||
(Allow, Everyone, 'login'), |
(Allow, Everyone, 'login'), |
||||||
(Allow, Everyone, 'logout'), |
(Allow, Everyone, 'logout'), |
||||||
(Deny, Authenticated, 'register'), |
(Deny, Authenticated, 'register'), |
||||||
(Allow, Everyone, 'register'), |
(Allow, Everyone, 'register'), |
||||||
|
(Allow, Everyone, 'reset password'), |
||||||
(Allow, Authenticated, 'settings'), |
(Allow, Authenticated, 'settings'), |
||||||
(Allow, Everyone, 'reset'), |
|
||||||
DENY_ALL |
DENY_ALL |
||||||
] |
] |
||||||
|
|
||||||
|
def __getitem__(self, key): |
||||||
|
''' provides the dict like interface to access child resources |
||||||
|
|
||||||
|
:param str key: |
||||||
|
token hash or path segment for a child resource |
||||||
|
:rtype: |
||||||
|
subclass of ordr2.resources.base.BaseResource |
||||||
|
:raises: |
||||||
|
KeyError if token hash or path segment is not found |
||||||
|
''' |
||||||
|
token = self.request.dbsession.query(Token).filter_by(hash=key).first() |
||||||
|
if token is None: |
||||||
|
# no token found, search for child node |
||||||
|
return super().__getitem__(key) |
||||||
|
elif token.expires < datetime.utcnow(): |
||||||
|
# token has expired, delete it |
||||||
|
self.request.dbsession.delete(token) |
||||||
|
raise KeyError(f'Token {key} has expired on {token.expires}') |
||||||
|
resource_class = self.token_resources[token.subject] |
||||||
|
return resource_class(key, self, model=token) |
||||||
|
@ -1,195 +0,0 @@ |
|||||||
''' Resources for the Admin Section ''' |
|
||||||
|
|
||||||
from sqlalchemy import or_ |
|
||||||
|
|
||||||
from pyramid.security import Allow, Authenticated, Deny, DENY_ALL, Everyone |
|
||||||
|
|
||||||
from .base import BaseResource, PaginationResourceMixin |
|
||||||
from ordr2.models import Category, Consumable, User, Role |
|
||||||
|
|
||||||
|
|
||||||
# user accounr resources |
|
||||||
|
|
||||||
class UserAccount(BaseResource): |
|
||||||
''' Resource for a user account ''' |
|
||||||
def __acl__(self): |
|
||||||
''' Access Controll List ''' |
|
||||||
return [ |
|
||||||
(Allow, 'role:admin', 'view'), |
|
||||||
(Allow, 'role:admin', 'edit'), |
|
||||||
(Allow, 'role:admin', 'delete'), |
|
||||||
DENY_ALL |
|
||||||
] |
|
||||||
|
|
||||||
|
|
||||||
class UserList(BaseResource, PaginationResourceMixin): |
|
||||||
''' Resource for a list of users ''' |
|
||||||
|
|
||||||
sql_model_class = User |
|
||||||
child_resource_class = UserAccount |
|
||||||
default_sorting = 'user.asc' |
|
||||||
default_items_per_page = 12 |
|
||||||
|
|
||||||
def __acl__(self): |
|
||||||
''' Access Controll List ''' |
|
||||||
return [ |
|
||||||
(Allow, 'role:admin', 'view'), |
|
||||||
(Allow, 'role:admin', 'edit'), |
|
||||||
(Allow, 'role:admin', 'delete'), |
|
||||||
DENY_ALL |
|
||||||
] |
|
||||||
|
|
||||||
def prepare_filtered_query(self, dbsession, filter_params): |
|
||||||
''' setup the base filtered query ''' |
|
||||||
query = dbsession.query(self.sql_model_class) |
|
||||||
|
|
||||||
# filter by role |
|
||||||
role_name = filter_params.get('role', None) |
|
||||||
try: |
|
||||||
role_name = role_name.lower() |
|
||||||
role = Role(role_name) |
|
||||||
query = query.filter_by(role=role) |
|
||||||
except (AttributeError, ValueError): |
|
||||||
role_name = None |
|
||||||
self.filters['role'] = role_name |
|
||||||
|
|
||||||
# filter by search term |
|
||||||
search = filter_params.get('search', None) |
|
||||||
if search: |
|
||||||
term = '%{}%'.format(search) |
|
||||||
query = query.filter( |
|
||||||
or_( |
|
||||||
self.sql_model_class.user_name.ilike(term), |
|
||||||
self.sql_model_class.first_name.ilike(term), |
|
||||||
self.sql_model_class.last_name.ilike(term), |
|
||||||
self.sql_model_class.email.ilike(term) |
|
||||||
) |
|
||||||
) |
|
||||||
self.filters['search'] = search |
|
||||||
|
|
||||||
return query |
|
||||||
|
|
||||||
def prepare_sorted_query(self, query, sorting): |
|
||||||
''' add sorting to the base query ''' |
|
||||||
available_fields = { |
|
||||||
'user': 'user_name', |
|
||||||
'first': 'first_name', |
|
||||||
'last': 'last_name', |
|
||||||
'email': 'email', |
|
||||||
'role': 'role' |
|
||||||
} |
|
||||||
name = available_fields.get(sorting.field, None) |
|
||||||
model_field = getattr(self.sql_model_class, name, None) |
|
||||||
if model_field: |
|
||||||
sort_func = sorting.func(model_field) |
|
||||||
query = query.order_by(sort_func) |
|
||||||
|
|
||||||
# add default sorting |
|
||||||
default_sort = self.parse_sort_parameters(self.default_sorting) |
|
||||||
if sorting.field != default_sort.field: |
|
||||||
default_sort = self.parse_sort_parameters(self.default_sorting) |
|
||||||
query = self.prepare_sorted_query(query, default_sort) |
|
||||||
|
|
||||||
return query |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# consumables resources |
|
||||||
|
|
||||||
class ConsumableResource(BaseResource): |
|
||||||
''' Resource for one consumable ''' |
|
||||||
def __acl__(self): |
|
||||||
''' Access Controll List ''' |
|
||||||
return [ |
|
||||||
(Allow, 'role:admin', 'view'), |
|
||||||
(Allow, 'role:admin', 'edit'), |
|
||||||
(Allow, 'role:admin', 'delete'), |
|
||||||
DENY_ALL |
|
||||||
] |
|
||||||
|
|
||||||
|
|
||||||
class ConsumableList(BaseResource, PaginationResourceMixin): |
|
||||||
''' Resource for a list of consumables ''' |
|
||||||
|
|
||||||
sql_model_class = Consumable |
|
||||||
child_resource_class = ConsumableResource |
|
||||||
default_sorting = 'cas.asc' |
|
||||||
default_items_per_page = 12 |
|
||||||
|
|
||||||
def __acl__(self): |
|
||||||
''' Access Controll List ''' |
|
||||||
return [ |
|
||||||
(Allow, 'role:admin', 'view'), |
|
||||||
(Allow, 'role:admin', 'create'), |
|
||||||
(Allow, 'role:admin', 'edit'), |
|
||||||
(Allow, 'role:admin', 'delete'), |
|
||||||
DENY_ALL |
|
||||||
] |
|
||||||
|
|
||||||
|
|
||||||
def prepare_filtered_query(self, dbsession, filter_params): |
|
||||||
''' setup the base filtered query ''' |
|
||||||
query = dbsession.query(self.sql_model_class) |
|
||||||
|
|
||||||
# filter by category |
|
||||||
category_name = filter_params.get('category', None) |
|
||||||
try: |
|
||||||
category_name = category_name.lower() |
|
||||||
category = Category(category_name) |
|
||||||
query = query.filter_by(category=category) |
|
||||||
except (AttributeError, ValueError): |
|
||||||
category_name = None |
|
||||||
self.filters['category'] = category_name |
|
||||||
|
|
||||||
# filter by search term |
|
||||||
search = filter_params.get('search', None) |
|
||||||
if search: |
|
||||||
term = '%{}%'.format(search) |
|
||||||
query = query.filter( |
|
||||||
or_( |
|
||||||
self.sql_model_class.cas_description.ilike(term), |
|
||||||
self.sql_model_class.vendor.ilike(term), |
|
||||||
self.sql_model_class.catalog_nr.ilike(term) |
|
||||||
) |
|
||||||
) |
|
||||||
self.filters['search'] = search |
|
||||||
|
|
||||||
return query |
|
||||||
|
|
||||||
def prepare_sorted_query(self, query, sorting): |
|
||||||
''' add sorting to the base query ''' |
|
||||||
available_fields = { |
|
||||||
'cas': 'cas_description', |
|
||||||
'category': 'category', |
|
||||||
'catalog': 'catalog_nr', |
|
||||||
'vendor': 'vendor', |
|
||||||
'pkg': 'package_size', |
|
||||||
'price': 'unit_price', |
|
||||||
'currency': 'currency' |
|
||||||
} |
|
||||||
name = available_fields.get(sorting.field, None) |
|
||||||
model_field = getattr(self.sql_model_class, name, None) |
|
||||||
if model_field: |
|
||||||
sort_func = sorting.func(model_field) |
|
||||||
query = query.order_by(sort_func) |
|
||||||
|
|
||||||
# add default sorting |
|
||||||
default_sort = self.parse_sort_parameters(self.default_sorting) |
|
||||||
if sorting.field != default_sort.field: |
|
||||||
default_sort = self.parse_sort_parameters(self.default_sorting) |
|
||||||
query = self.prepare_sorted_query(query, default_sort) |
|
||||||
|
|
||||||
return query |
|
||||||
|
|
||||||
|
|
||||||
class Admin(BaseResource): |
|
||||||
''' Resource for the admin section ''' |
|
||||||
|
|
||||||
nodes = { |
|
||||||
'users': UserList, |
|
||||||
'consumables': ConsumableList, |
|
||||||
} |
|
||||||
|
|
||||||
def __acl__(self): |
|
||||||
''' Access Controll List ''' |
|
||||||
return [ (Allow, 'role:admin', 'view') ] |
|
@ -1,114 +0,0 @@ |
|||||||
from sqlalchemy import or_ |
|
||||||
|
|
||||||
from pyramid.security import Allow, Authenticated, Deny, DENY_ALL, Everyone |
|
||||||
|
|
||||||
from .base import BaseResource, PaginationResourceMixin |
|
||||||
from ordr2.models import Category, Order, OrderStatus |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
class OrderResource(BaseResource): |
|
||||||
''' Resource representing one order ''' |
|
||||||
|
|
||||||
def __acl__(self): |
|
||||||
''' Access controll list ''' |
|
||||||
acl = [ |
|
||||||
(Allow, 'role:user', 'view'), |
|
||||||
(Allow, 'role:user', 'create'), |
|
||||||
(Allow, 'role:purchaser', 'edit'), |
|
||||||
(Allow, 'role:purchaser', 'delete'), |
|
||||||
] |
|
||||||
# open orders may be edited and deleted by the user that placed them |
|
||||||
if self.model.status == OrderStatus.OPEN: |
|
||||||
acl.append( |
|
||||||
(Allow, 'user:' + str(self.model.created_by), 'edit') |
|
||||||
) |
|
||||||
acl.append( |
|
||||||
(Allow, 'user:' + str(self.model.created_by), 'delete') |
|
||||||
) |
|
||||||
acl.append(DENY_ALL) |
|
||||||
return acl |
|
||||||
|
|
||||||
|
|
||||||
class OrderList(BaseResource, PaginationResourceMixin): |
|
||||||
''' Resource representing a list of orders ''' |
|
||||||
|
|
||||||
sql_model_class = Order |
|
||||||
child_resource_class = OrderResource |
|
||||||
default_sorting = 'created.desc' |
|
||||||
default_items_per_page = 12 |
|
||||||
|
|
||||||
def __acl__(self): |
|
||||||
''' Access controll list ''' |
|
||||||
return [ |
|
||||||
(Allow, 'role:user', 'view'), |
|
||||||
(Allow, 'role:user', 'create'), |
|
||||||
(Allow, 'role:purchaser', 'edit'), |
|
||||||
(Allow, 'role:purchaser', 'delete'), |
|
||||||
DENY_ALL |
|
||||||
] |
|
||||||
|
|
||||||
def prepare_filtered_query(self, dbsession, filter_params): |
|
||||||
''' setup the base filtered query ''' |
|
||||||
query = dbsession.query(self.sql_model_class) |
|
||||||
|
|
||||||
# filter by status |
|
||||||
status_name = filter_params.get('status', None) |
|
||||||
try: |
|
||||||
status_name = status_name.lower() |
|
||||||
status = OrderStatus(status_name) |
|
||||||
query = query.filter_by(status=status) |
|
||||||
except (AttributeError, ValueError): |
|
||||||
status_name = None |
|
||||||
self.filters['status'] = status_name |
|
||||||
|
|
||||||
# filter by user |
|
||||||
user_name = filter_params.get('user', None) |
|
||||||
if user_name: |
|
||||||
query = query.filter_by(created_by=user_name) |
|
||||||
self.filters['user'] = user_name |
|
||||||
|
|
||||||
# filter by search term |
|
||||||
search = filter_params.get('search', None) |
|
||||||
if search: |
|
||||||
term = '%{}%'.format(search) |
|
||||||
query = query.filter( |
|
||||||
or_( |
|
||||||
self.sql_model_class.cas_description.ilike(term), |
|
||||||
self.sql_model_class.vendor.ilike(term), |
|
||||||
self.sql_model_class.catalog_nr.ilike(term), |
|
||||||
self.sql_model_class.account.ilike(term), |
|
||||||
self.sql_model_class.created_by.ilike(term) |
|
||||||
) |
|
||||||
) |
|
||||||
self.filters['search'] = search |
|
||||||
|
|
||||||
return query |
|
||||||
|
|
||||||
def prepare_sorted_query(self, query, sorting): |
|
||||||
''' add sorting to the base query ''' |
|
||||||
available_fields = { |
|
||||||
'cas': 'cas_description', |
|
||||||
'category': 'category', |
|
||||||
'catalog': 'catalog_nr', |
|
||||||
'vendor': 'vendor', |
|
||||||
'price': 'unit_price', |
|
||||||
'amount': 'amount', |
|
||||||
'total': 'total_price', |
|
||||||
'created': 'created_date', |
|
||||||
'user': 'created_by', |
|
||||||
'status': 'status', |
|
||||||
} |
|
||||||
name = available_fields.get(sorting.field, None) |
|
||||||
model_field = getattr(self.sql_model_class, name, None) |
|
||||||
if model_field: |
|
||||||
sort_func = sorting.func(model_field) |
|
||||||
query = query.order_by(sort_func) |
|
||||||
|
|
||||||
# add default sorting |
|
||||||
default_sort = self.parse_sort_parameters(self.default_sorting) |
|
||||||
if sorting.field != default_sort.field: |
|
||||||
default_sort = self.parse_sort_parameters(self.default_sorting) |
|
||||||
query = self.prepare_sorted_query(query, default_sort) |
|
||||||
|
|
||||||
return query |
|
@ -1,211 +0,0 @@ |
|||||||
''' schemas for creating and editing orders and consumables''' |
|
||||||
|
|
||||||
import colander |
|
||||||
import deform |
|
||||||
|
|
||||||
from ordr2.models import Category, OrderStatus |
|
||||||
|
|
||||||
from . import CSRFSchema, MoneyInputSchema |
|
||||||
|
|
||||||
|
|
||||||
# key / value pairs for select fields |
|
||||||
|
|
||||||
CATEGORIES = [(c.name, c.value.capitalize()) for c in Category] |
|
||||||
STATI = [(s.name, s.value.capitalize()) for s in OrderStatus] |
|
||||||
|
|
||||||
|
|
||||||
class ConsumableSchema(CSRFSchema): |
|
||||||
''' edit or add consumable ''' |
|
||||||
|
|
||||||
cas_description = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
category = colander.SchemaNode( |
|
||||||
colander.String(), |
|
||||||
widget=deform.widget.SelectWidget(values=CATEGORIES) |
|
||||||
) |
|
||||||
catalog_nr = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
vendor = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
package_size = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
unit_price = MoneyInputSchema( |
|
||||||
readonly=False |
|
||||||
) |
|
||||||
comment = colander.SchemaNode( |
|
||||||
colander.String(), |
|
||||||
widget=deform.widget.TextAreaWidget(rows=5), |
|
||||||
missing='' |
|
||||||
) |
|
||||||
|
|
||||||
@classmethod |
|
||||||
def as_form(cls, request, **override): |
|
||||||
''' returns the schema as a form ''' |
|
||||||
# define buttons separately for a new consumable and one to edit |
|
||||||
is_new_consumable = override.pop('is_new_consumable', False) |
|
||||||
if is_new_consumable: |
|
||||||
settings = { |
|
||||||
'buttons': ( |
|
||||||
deform.Button(name='save', title='Add Consumable'), |
|
||||||
deform.Button(name='cancel', title='Cancel') |
|
||||||
), |
|
||||||
'css_class': 'form-horizontal', |
|
||||||
} |
|
||||||
else: |
|
||||||
settings = { |
|
||||||
'buttons': ( |
|
||||||
deform.Button(name='save', title='Save changes'), |
|
||||||
deform.Button( |
|
||||||
name='delete', |
|
||||||
title='Delete Consumable', |
|
||||||
css_class='btn-danger' |
|
||||||
), |
|
||||||
deform.Button(name='cancel', title='Cancel') |
|
||||||
), |
|
||||||
'css_class': 'form-horizontal', |
|
||||||
} |
|
||||||
settings.update(override) |
|
||||||
return super().as_form(request, **settings) |
|
||||||
|
|
||||||
|
|
||||||
class OrderInformation(colander.Schema): |
|
||||||
''' schema for editing order status |
|
||||||
|
|
||||||
parital schema, used in EditOrderSchema |
|
||||||
''' |
|
||||||
|
|
||||||
status = colander.SchemaNode( |
|
||||||
colander.String(), |
|
||||||
widget=deform.widget.SelectWidget(values=STATI) |
|
||||||
) |
|
||||||
|
|
||||||
|
|
||||||
class OrderItem(colander.Schema): |
|
||||||
''' schema for editing item information |
|
||||||
|
|
||||||
parital schema, used in NewOrderSchema and EditOrderSchema |
|
||||||
''' |
|
||||||
|
|
||||||
cas_description = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
category = colander.SchemaNode( |
|
||||||
colander.String(), |
|
||||||
widget=deform.widget.SelectWidget(values=CATEGORIES) |
|
||||||
) |
|
||||||
catalog_nr = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
vendor = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
package_size = colander.SchemaNode( |
|
||||||
colander.String() |
|
||||||
) |
|
||||||
|
|
||||||
|
|
||||||
class OrderPricing(colander.Schema): |
|
||||||
''' schema for editing price information |
|
||||||
|
|
||||||
parital schema, used in NewOrderSchema and EditOrderSchema |
|
||||||
''' |
|
||||||
|
|
||||||
unit_price = MoneyInputSchema( |
|
||||||
readonly=False |
|
||||||
) |
|
||||||
quantity = colander.SchemaNode( |
|
||||||
colander.Integer(), |
|
||||||
validator=colander.Range(min=1), |
|
||||||
widget=deform.widget.TextInputWidget( |
|
||||||
css_class='number' |
|
||||||
), |
|
||||||
default=1 |
|
||||||
) |
|
||||||
total_price = MoneyInputSchema( |
|
||||||
readonly=True |
|
||||||
) |
|
||||||
|
|
||||||
|
|
||||||
class OrderOptionals(colander.Schema): |
|
||||||
''' schema for editing optional order information |
|
||||||
|
|
||||||
parital schema, used in NewOrderSchema and EditOrderSchema |
|
||||||
''' |
|
||||||
account = colander.SchemaNode( |
|
||||||
colander.String(), |
|
||||||
missing='' |
|
||||||
) |
|
||||||
comment = colander.SchemaNode( |
|
||||||
colander.String(), |
|
||||||
widget=deform.widget.TextAreaWidget(rows=5), |
|
||||||
missing='' |
|
||||||
) |
|
||||||
|
|
||||||
|
|
||||||
class NewOrderSchema(CSRFSchema): |
|
||||||
''' schema for a new order ''' |
|
||||||
|
|
||||||
item_information = OrderItem() |
|
||||||
pricing = OrderPricing() |
|
||||||
optional_information = OrderOptionals() |
|
||||||
|
|
||||||
@classmethod |
|
||||||
def as_form(cls, request, **override): |
|
||||||
''' returns the schema as a form ''' |
|
||||||
settings = { |
|
||||||
'buttons': ( |
|
||||||
deform.Button(name='save', title='Place Order'), |
|
||||||
deform.Button(name='cancel', title='Cancel') |
|
||||||
), |
|
||||||
'css_class': 'form-horizontal' |
|
||||||
} |
|
||||||
settings.update(override) |
|
||||||
return super().as_form(request, **settings) |
|
||||||
|
|
||||||
|
|
||||||
class EditOrderSchema(CSRFSchema): |
|
||||||
''' schema for editing an order ''' |
|
||||||
|
|
||||||
order_information = OrderInformation( |
|
||||||
widget=deform.widget.MappingWidget( |
|
||||||
template='order_info_mapping.pt' |
|
||||||
) |
|
||||||
) |
|
||||||
item_information = OrderItem() |
|
||||||
pricing = OrderPricing() |
|
||||||
optional_information = OrderOptionals() |
|
||||||
|
|
||||||
@classmethod |
|
||||||
def as_form(cls, request, **override): |
|
||||||
''' returns the schema as a form ''' |
|
||||||
settings = { |
|
||||||
'buttons': ( |
|
||||||
deform.Button(name='save', title='Edit Order'), |
|
||||||
deform.Button( |
|
||||||
name='reorder', |
|
||||||
title='Reorder', |
|
||||||
css_class='btn-success' |
|
||||||
), |
|
||||||
deform.Button( |
|
||||||
name='delete', |
|
||||||
title='Delete Order', |
|
||||||
css_class='btn-danger' |
|
||||||
), |
|
||||||
deform.Button(name='cancel', title='Cancel') |
|
||||||
), |
|
||||||
'css_class': 'form-horizontal' |
|
||||||
} |
|
||||||
settings.update(override) |
|
||||||
form = super().as_form(request, **settings) |
|
||||||
|
|
||||||
# disable the status field, if the current user is not a purchaser |
|
||||||
if not 'role:purchaser' in request.user.role_principals: |
|
||||||
form['order_information']['status'].widget = \ |
|
||||||
deform.widget.TextInputWidget( |
|
||||||
template='textinput_disabled.pt' |
|
||||||
) |
|
||||||
return form |
|
@ -1,715 +0,0 @@ |
|||||||
%YAML 1.1 |
|
||||||
--- |
|
||||||
# imtekordr.users |
|
||||||
- |
|
||||||
id: 99 |
|
||||||
username: "MartinSchoenstein" |
|
||||||
first_name: "Martin" |
|
||||||
last_name: "Schoenstein" |
|
||||||
password: "ea8458396a0c17954f9a9bc5b835f81148a39bcb" |
|
||||||
email: "schoenst@imtek.de" |
|
||||||
role: "Purchaser" |
|
||||||
date_created: "2012-04-05 14:29:21" |
|
||||||
- |
|
||||||
id: 98 |
|
||||||
username: "DanielaMoessner" |
|
||||||
first_name: "Daniela" |
|
||||||
last_name: "Moessner" |
|
||||||
password: "5ee566ad84396a2a26d7f6fcdf589a261f202569" |
|
||||||
email: "moessner@imtek.de" |
|
||||||
role: "Purchaser" |
|
||||||
date_created: "2012-03-30 09:35:40" |
|
||||||
- |
|
||||||
id: 97 |
|
||||||
username: "AlexanderDietz" |
|
||||||
first_name: "Alexander" |
|
||||||
last_name: "Dietz" |
|
||||||
password: "621d0004efe268724a86473649ae3ced2871e1c9" |
|
||||||
email: "alexander.dietz@imtek.uni-freiburg.de" |
|
||||||
role: "Purchaser" |
|
||||||
date_created: "2012-03-29 16:39:29" |
|
||||||
- |
|
||||||
id: 94 |
|
||||||
username: "ASasdasdgase" |
|
||||||
first_name: "ASasd" |
|
||||||
last_name: "asdgase" |
|
||||||
password: "7c4a8d09ca3762af61e59520943dc26494f8941b" |
|
||||||
email: "axsd@sdasd.com" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-02-15 15:27:34" |
|
||||||
- |
|
||||||
id: 82 |
|
||||||
username: "SebastianSebald" |
|
||||||
first_name: "Sebastian" |
|
||||||
last_name: "Sebald" |
|
||||||
password: "9b3e1fa230b050fb324086e2fcc94b1b9aa2ac35" |
|
||||||
email: "sebastian.sebald@gmail.com" |
|
||||||
role: "Admin" |
|
||||||
date_created: "2012-01-20 13:12:53" |
|
||||||
- |
|
||||||
id: 89 |
|
||||||
username: "HolgerFrey" |
|
||||||
first_name: "Holger" |
|
||||||
last_name: "Frey" |
|
||||||
password: "9999fc0774280169f52232de4500e0077a314d0c" |
|
||||||
email: "holger.frey@imtek.uni-freiburg.de" |
|
||||||
role: "Admin" |
|
||||||
date_created: "2012-01-20 21:35:40" |
|
||||||
- |
|
||||||
id: 100 |
|
||||||
username: "MaxMustermann" |
|
||||||
first_name: "Max" |
|
||||||
last_name: "Mustermann" |
|
||||||
password: "af0ba23d48fe7db684d9a9d13eb5ec0f5183081c" |
|
||||||
email: "oswaldprucker@web.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-05-16 08:40:37" |
|
||||||
- |
|
||||||
id: 91 |
|
||||||
username: "NataliaSchatz" |
|
||||||
first_name: "Natalia" |
|
||||||
last_name: "Schatz" |
|
||||||
password: "5f89fc9b6033aa210658489a14bf865a096dd702" |
|
||||||
email: "schatz@imtek.de" |
|
||||||
role: "Admin" |
|
||||||
date_created: "2012-01-20 21:37:32" |
|
||||||
- |
|
||||||
id: 92 |
|
||||||
username: "OswaldPrucker" |
|
||||||
first_name: "Oswald" |
|
||||||
last_name: "Prucker" |
|
||||||
password: "4aa75e8bc73f4bc072133a10acb728633d83eb20" |
|
||||||
email: "prucker@imtek.de" |
|
||||||
role: "Admin" |
|
||||||
date_created: "2012-01-20 22:22:27" |
|
||||||
- |
|
||||||
id: 96 |
|
||||||
username: "MalwinaPajestka" |
|
||||||
first_name: "Malwina" |
|
||||||
last_name: "Pajestka" |
|
||||||
password: "cf8abbfad4ea9a10200e6b0b6008ac55dcbc499e" |
|
||||||
email: "malwina.pajestka@imtek.de" |
|
||||||
role: "Purchaser" |
|
||||||
date_created: "2012-03-29 14:47:44" |
|
||||||
- |
|
||||||
id: 155 |
|
||||||
username: "AlexandraSchneider" |
|
||||||
first_name: "Alexandra" |
|
||||||
last_name: "Schneider" |
|
||||||
password: "f3d4facdde3f40ad5abaf8b8bb17f2da7b08af32" |
|
||||||
email: "alexandra.schneider@jupiter.uni-freiburg" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-08-04 16:45:44" |
|
||||||
- |
|
||||||
id: 102 |
|
||||||
username: "MichaelHenze" |
|
||||||
first_name: "Michael" |
|
||||||
last_name: "Henze" |
|
||||||
password: "2dfa7ae9d549ae3e152c1621b111d92029972749" |
|
||||||
email: "michael.henze@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-05-22 17:00:41" |
|
||||||
- |
|
||||||
id: 154 |
|
||||||
username: "VaniaWidyaya" |
|
||||||
first_name: "Vania" |
|
||||||
last_name: "Widyaya" |
|
||||||
password: "93b8e920dce9eb632b4698a77ca63a1dd6f3d14c" |
|
||||||
email: "vania.widyaya@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-05-06 09:47:09" |
|
||||||
- |
|
||||||
id: 104 |
|
||||||
username: "RomanErath" |
|
||||||
first_name: "Roman" |
|
||||||
last_name: "Erath" |
|
||||||
password: "452f3991d26d97c62cdf6bbcb31ef2be9b42df1d" |
|
||||||
email: "roman.erath@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-05-29 13:42:51" |
|
||||||
- |
|
||||||
id: 106 |
|
||||||
username: "WibkeHartleb" |
|
||||||
first_name: "Wibke" |
|
||||||
last_name: "Hartleb" |
|
||||||
password: "aeea4f54de35d5abe4d0fcbb8116df4842bc7304" |
|
||||||
email: "hartleb@imtek.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-06-04 16:19:55" |
|
||||||
- |
|
||||||
id: 107 |
|
||||||
username: "FranziskaDorner" |
|
||||||
first_name: "Franziska" |
|
||||||
last_name: "Dorner" |
|
||||||
password: "0320f2762d397cb4225f36bcad23a1d6ec9a5dd5" |
|
||||||
email: "franziska.dorner@imtek.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-06-04 16:28:24" |
|
||||||
- |
|
||||||
id: 156 |
|
||||||
username: "ChinnawutPipatpanukul" |
|
||||||
first_name: "Chinnawut" |
|
||||||
last_name: "Pipatpanukul" |
|
||||||
password: "fc0b55c7a97cb2b16d94844dd3b260435cb69acd" |
|
||||||
email: "polymer_chin@hotmail.com" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-09-07 17:03:11" |
|
||||||
- |
|
||||||
id: 110 |
|
||||||
username: "SimonSchuster" |
|
||||||
first_name: "Simon" |
|
||||||
last_name: "Schuster" |
|
||||||
password: "5cd79755dcc701a0a72bbeacd5a45aa932c3d63f" |
|
||||||
email: "schuster@imtek.uni-freiburg.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-06-18 15:27:14" |
|
||||||
- |
|
||||||
id: 111 |
|
||||||
username: "JonGreen" |
|
||||||
first_name: "Jon" |
|
||||||
last_name: "Green" |
|
||||||
password: "871f35fb0bc758f97dcc9dc484b9002014322c1b" |
|
||||||
email: "jon.green@imtek.uni-freiburg.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-06-27 15:30:31" |
|
||||||
- |
|
||||||
id: 113 |
|
||||||
username: "PengZou" |
|
||||||
first_name: "Peng" |
|
||||||
last_name: "Zou" |
|
||||||
password: "50d1199385e3b7c39d382017e281e37782d84026" |
|
||||||
email: "peng.zou@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-07-30 10:38:40" |
|
||||||
- |
|
||||||
id: 114 |
|
||||||
username: "HolgerKlapproth" |
|
||||||
first_name: "Holger" |
|
||||||
last_name: "Klapproth" |
|
||||||
password: "ec2ec7fad8702059c81783d7cb720d288ffb6786" |
|
||||||
email: "holger.klapproth@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-07-31 12:39:58" |
|
||||||
- |
|
||||||
id: 115 |
|
||||||
username: "TobiasHeitzler" |
|
||||||
first_name: "Tobias" |
|
||||||
last_name: "Heitzler" |
|
||||||
password: "1d119fcf4eb869e99de044125cbe54960e84b1de" |
|
||||||
email: "tobias.heitzler@jupiter.uni-freiburg.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-08-20 10:27:36" |
|
||||||
- |
|
||||||
id: 116 |
|
||||||
username: "VitaliyKondrashov" |
|
||||||
first_name: "Vitaliy" |
|
||||||
last_name: "Kondrashov" |
|
||||||
password: "a194f7e6584fd78fc6fd87aea8244d7d28cecdfb" |
|
||||||
email: "vitaliy.kondrashov@imtek.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2012-09-12 12:37:03" |
|
||||||
- |
|
||||||
id: 117 |
|
||||||
username: "MaraFlorea" |
|
||||||
first_name: "Mara" |
|
||||||
last_name: "Florea" |
|
||||||
password: "2c7d26e5a650f1452596c5d6859f1de70e9dfda0" |
|
||||||
email: "mara.florea@fmf-uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-09-24 09:57:37" |
|
||||||
- |
|
||||||
id: 118 |
|
||||||
username: "NicoleBirsner" |
|
||||||
first_name: "Nicole" |
|
||||||
last_name: "Birsner" |
|
||||||
password: "205e21a7eb6a9475d252cc34ec5652a48cd40a1b" |
|
||||||
email: "birsner@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-09-26 16:11:50" |
|
||||||
- |
|
||||||
id: 119 |
|
||||||
username: "KarenLienkamp" |
|
||||||
first_name: "Karen" |
|
||||||
last_name: "Lienkamp" |
|
||||||
password: "810616773a6895260bb6b1f06436bf5919b9ac7e" |
|
||||||
email: "lienkamp@imtek.uni-freiburg.de" |
|
||||||
role: "Purchaser" |
|
||||||
date_created: "2012-10-17 13:38:47" |
|
||||||
- |
|
||||||
id: 120 |
|
||||||
username: "ChristophScheibelein" |
|
||||||
first_name: "Christoph" |
|
||||||
last_name: "Scheibelein" |
|
||||||
password: "d52b154b64b76cb7d41c900b6dc04075568f5881" |
|
||||||
email: "christoph.scheibelein@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2012-10-30 17:00:57" |
|
||||||
- |
|
||||||
id: 151 |
|
||||||
username: "CrispinAmiriNaini" |
|
||||||
first_name: "Crispin" |
|
||||||
last_name: "AmiriNaini" |
|
||||||
password: "a5e0427ef5e4b47165950f2233767158c6305d72" |
|
||||||
email: "crispin.amiri@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-01-16 15:17:00" |
|
||||||
- |
|
||||||
id: 121 |
|
||||||
username: "DavidBoschert" |
|
||||||
first_name: "David" |
|
||||||
last_name: "Boschert" |
|
||||||
password: "219ca82924d6388be4be803104e721c28c7bd8ed" |
|
||||||
email: "david.boschert@frias.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-01-22 12:01:21" |
|
||||||
- |
|
||||||
id: 122 |
|
||||||
username: "NilsKorf" |
|
||||||
first_name: "Nils" |
|
||||||
last_name: "Korf" |
|
||||||
password: "2785030b6e08e0c1b5ff80080382efbe11efd644" |
|
||||||
email: "nils.korf@bcf.uni-freiburg.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2013-01-29 13:26:11" |
|
||||||
- |
|
||||||
id: 123 |
|
||||||
username: "FrankScherag" |
|
||||||
first_name: "Frank" |
|
||||||
last_name: "Scherag" |
|
||||||
password: "acd383d906d92779723d121ac3399aa0d84dde00" |
|
||||||
email: "Frank.Scherag@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-03-07 10:49:57" |
|
||||||
- |
|
||||||
id: 124 |
|
||||||
username: "AnnaSchuler" |
|
||||||
first_name: "Anna" |
|
||||||
last_name: "Schuler" |
|
||||||
password: "e546a402c7ee629029bad23803b14768207fd61a" |
|
||||||
email: "anne-katrin.schuler@imtek.uni-freiburg.d" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-03-12 13:07:07" |
|
||||||
- |
|
||||||
id: 157 |
|
||||||
username: "SebastianAnders" |
|
||||||
first_name: "Sebastian" |
|
||||||
last_name: "Anders" |
|
||||||
password: "3d48159e1c5a08a06aa8149208791f686effaba6" |
|
||||||
email: "sebastian.anders@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-09-24 10:34:21" |
|
||||||
- |
|
||||||
id: 126 |
|
||||||
username: "MarcelRothfelder" |
|
||||||
first_name: "Marcel" |
|
||||||
last_name: "Rothfelder" |
|
||||||
password: "cb70c818d0a3ab0d595fabbe7eadcf96d7e003f9" |
|
||||||
email: "marcel.rothfelder@fmf.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-03-28 09:42:44" |
|
||||||
- |
|
||||||
id: 127 |
|
||||||
username: "AnneBuderer" |
|
||||||
first_name: "Anne" |
|
||||||
last_name: "Buderer" |
|
||||||
password: "574f939d78617aef36d6240e3cd5c90eb390aa73" |
|
||||||
email: "anne.buderer@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-04-02 10:20:27" |
|
||||||
- |
|
||||||
id: 153 |
|
||||||
username: "SureshBanda" |
|
||||||
first_name: "Suresh" |
|
||||||
last_name: "Banda" |
|
||||||
password: "91b33a824a0aaac74bfd465ab0ad253885896b20" |
|
||||||
email: "suresh.banda@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-02-19 14:43:41" |
|
||||||
- |
|
||||||
id: 152 |
|
||||||
username: "RolandHoenes" |
|
||||||
first_name: "Roland" |
|
||||||
last_name: "Hoenes" |
|
||||||
password: "ad972ff6f6c8e9c1b9fd44a1b9774877482d0974" |
|
||||||
email: "roland.hoenes@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-02-03 09:42:28" |
|
||||||
- |
|
||||||
id: 129 |
|
||||||
username: "AnselmHoppmann" |
|
||||||
first_name: "Anselm" |
|
||||||
last_name: "Hoppmann" |
|
||||||
password: "98fe5b48a33f8618fe08f9ca4b8dfb3256fa7e00" |
|
||||||
email: "anselm.hoppmann@gmx.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2013-06-04 10:27:08" |
|
||||||
- |
|
||||||
id: 130 |
|
||||||
username: "ShararehAsiaee" |
|
||||||
first_name: "Sharareh" |
|
||||||
last_name: "Asiaee" |
|
||||||
password: "d01d59fb35a1fbbba731f81f28fb43baf3eeb5e5" |
|
||||||
email: "sharareh.sahneh@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-07-04 11:58:37" |
|
||||||
- |
|
||||||
id: 132 |
|
||||||
username: "MarcZinggeler" |
|
||||||
first_name: "Marc" |
|
||||||
last_name: "Zinggeler" |
|
||||||
password: "2aead214ed9af75a0dbd8a9c50341ba2a5945451" |
|
||||||
email: "marc.zinggeler@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-07-05 12:23:34" |
|
||||||
- |
|
||||||
id: 133 |
|
||||||
username: "XiaoqiangHou" |
|
||||||
first_name: "Xiaoqiang" |
|
||||||
last_name: "Hou" |
|
||||||
password: "f717b7dc2f620d074151d544bec5328481d7faac" |
|
||||||
email: "xiaoqiang.hou@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-07-05 16:44:39" |
|
||||||
- |
|
||||||
id: 134 |
|
||||||
username: "SamarKazan" |
|
||||||
first_name: "Samar" |
|
||||||
last_name: "Kazan" |
|
||||||
password: "334ef431feb818a657a5d413c341bce0d28cd407" |
|
||||||
email: "samar.kazan@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-07-10 14:30:57" |
|
||||||
- |
|
||||||
id: 136 |
|
||||||
username: "SaschaEngel" |
|
||||||
first_name: "Sascha" |
|
||||||
last_name: "Engel" |
|
||||||
password: "94299c5dc1b3e954f0d7500d2bc3770a66bbd325" |
|
||||||
email: "sascha.engel@imtek.uni-freiburg.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2013-08-09 13:47:01" |
|
||||||
- |
|
||||||
id: 137 |
|
||||||
username: "MartinKoerner" |
|
||||||
first_name: "Martin" |
|
||||||
last_name: "Koerner" |
|
||||||
password: "115e67def35ce67ede63c93d7d81479d828d705c" |
|
||||||
email: "martin.koerner@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-08-26 15:02:45" |
|
||||||
- |
|
||||||
id: 138 |
|
||||||
username: "UrmilShah" |
|
||||||
first_name: "Urmil" |
|
||||||
last_name: "Shah" |
|
||||||
password: "27bf49a7ec0d428a4e65ac5fbe88bd0bd8d55643" |
|
||||||
email: "shahurmil86@yahoo.com" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-10-29 14:28:59" |
|
||||||
- |
|
||||||
id: 139 |
|
||||||
username: "DavidSchwaerzle" |
|
||||||
first_name: "David" |
|
||||||
last_name: "Schwaerzle" |
|
||||||
password: "938791e4907d0673c3baf5278b574f11b45c2fbb" |
|
||||||
email: "david.schwaerzle@gmx.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-10-29 14:29:02" |
|
||||||
- |
|
||||||
id: 147 |
|
||||||
username: "MonikaKurowska" |
|
||||||
first_name: "Monika" |
|
||||||
last_name: "Kurowska" |
|
||||||
password: "a5fcbf21e6919599279dbe9c4adfea9878686321" |
|
||||||
email: "monikkurowska@gmail.com" |
|
||||||
role: "User" |
|
||||||
date_created: "2014-10-02 09:21:18" |
|
||||||
- |
|
||||||
id: 140 |
|
||||||
username: "PhilipKotrade" |
|
||||||
first_name: "Philip" |
|
||||||
last_name: "Kotrade" |
|
||||||
password: "8200057b2e20c4e5b801336841e6849de8bf3716" |
|
||||||
email: "Philip.Kotrade@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-11-07 11:19:22" |
|
||||||
- |
|
||||||
id: 141 |
|
||||||
username: "NiklasSchoenberg" |
|
||||||
first_name: "Niklas" |
|
||||||
last_name: "Schoenberg" |
|
||||||
password: "6a2bf1397988b6da3c2857c2466a2396365880a0" |
|
||||||
email: "schoenberg@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-11-07 15:35:13" |
|
||||||
- |
|
||||||
id: 142 |
|
||||||
username: "MatthiasMenzel" |
|
||||||
first_name: "Matthias" |
|
||||||
last_name: "Menzel" |
|
||||||
password: "8b1a8e1c534016c16396dc2308dbb9410221df20" |
|
||||||
email: "matthias.menzel@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2013-12-10 12:40:26" |
|
||||||
- |
|
||||||
id: 144 |
|
||||||
username: "MostafaMahmoud" |
|
||||||
first_name: "Mostafa" |
|
||||||
last_name: "Mahmoud" |
|
||||||
password: "1dc1feb8629b3292065654e2a50160177b6e5aab" |
|
||||||
email: "mostafasafwat@live.com" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2014-02-28 15:49:50" |
|
||||||
- |
|
||||||
id: 145 |
|
||||||
username: "HeidiPerez" |
|
||||||
first_name: "Heidi" |
|
||||||
last_name: "Perez" |
|
||||||
password: "b3223810838aee0d0d08bef11ae6ab8139ead98d" |
|
||||||
email: "heidi.perez@frias.uni-freiburg.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2014-04-23 13:32:24" |
|
||||||
- |
|
||||||
id: 146 |
|
||||||
username: "EstherRiga" |
|
||||||
first_name: "Esther" |
|
||||||
last_name: "Riga" |
|
||||||
password: "f58b22fe282c539d9504e4f5023f30a5e694dae4" |
|
||||||
email: "esther.riga@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2014-07-08 13:34:35" |
|
||||||
- |
|
||||||
id: 148 |
|
||||||
username: "thomasseery" |
|
||||||
first_name: "thomas" |
|
||||||
last_name: "seery" |
|
||||||
password: "808b3bf707af545878b2a14fe8d29649f6d5c227" |
|
||||||
email: "seery@mail.ims.uconn.edu" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2014-10-16 16:24:24" |
|
||||||
- |
|
||||||
id: 149 |
|
||||||
username: "VanessaWeiss" |
|
||||||
first_name: "Vanessa" |
|
||||||
last_name: "Weiss" |
|
||||||
password: "cdab1dc399f2db48b9f0d7edf241ffd5163ccf97" |
|
||||||
email: "vanessa.weiss@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2014-11-21 13:47:35" |
|
||||||
- |
|
||||||
id: 150 |
|
||||||
username: "AndreasMader" |
|
||||||
first_name: "Andreas" |
|
||||||
last_name: "Mader" |
|
||||||
password: "ef18eaebcdc6ec5cc07f1d60f07ff0056ff6fc9d" |
|
||||||
email: "andreas.mader@imtek.de" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2014-12-02 15:34:58" |
|
||||||
- |
|
||||||
id: 158 |
|
||||||
username: "JuliaSaar" |
|
||||||
first_name: "Julia" |
|
||||||
last_name: "Saar" |
|
||||||
password: "c931d353713d309431819e824d6b8d5ffcc91660" |
|
||||||
email: "Julia.Saar91@googlemail.com" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-10-26 09:35:14" |
|
||||||
- |
|
||||||
id: 159 |
|
||||||
username: "MariaVoehringer" |
|
||||||
first_name: "Maria" |
|
||||||
last_name: "Voehringer" |
|
||||||
password: "4538f730a9e9ad282753a447376a7bb4537ab24c" |
|
||||||
email: "maria.voehringer@gmx.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-11-23 11:00:08" |
|
||||||
- |
|
||||||
id: 160 |
|
||||||
username: "JessicaBean" |
|
||||||
first_name: "Jessica" |
|
||||||
last_name: "Bean" |
|
||||||
password: "61095da8cef256650a98ad2941ba71892f15c958" |
|
||||||
email: "jessica.bean@fmf.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2015-11-24 15:22:32" |
|
||||||
- |
|
||||||
id: 161 |
|
||||||
username: "SimonZunker" |
|
||||||
first_name: "Simon" |
|
||||||
last_name: "Zunker" |
|
||||||
password: "f19814fbf8f2cbdfee3fff746553869c30d3828b" |
|
||||||
email: "simon.zunker@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-01-26 16:42:14" |
|
||||||
- |
|
||||||
id: 162 |
|
||||||
username: "WeiChen" |
|
||||||
first_name: "Wei" |
|
||||||
last_name: "Chen" |
|
||||||
password: "cb0aed09cd8838e6a4a319d284315ff51069ad75" |
|
||||||
email: "wei.chen@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-01-27 09:53:00" |
|
||||||
- |
|
||||||
id: 163 |
|
||||||
username: "AndreasWalder" |
|
||||||
first_name: "Andreas" |
|
||||||
last_name: "Walder" |
|
||||||
password: "19dc4b581986466ef062d3e9d4eb2ae862e88a39" |
|
||||||
email: "andreas.walder@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-02-12 14:47:11" |
|
||||||
- |
|
||||||
id: 164 |
|
||||||
username: "KrisdaSudprasert" |
|
||||||
first_name: "Krisda" |
|
||||||
last_name: "Sudprasert" |
|
||||||
password: "8520af56684c336d8403d0436b59010ea427a602" |
|
||||||
email: "srati_wonnuch@hotmail.com" |
|
||||||
role: "Inactive" |
|
||||||
date_created: "2016-03-02 14:26:40" |
|
||||||
- |
|
||||||
id: 165 |
|
||||||
username: "ThananthornKanokwijitsilp" |
|
||||||
first_name: "Thananthorn" |
|
||||||
last_name: "Kanokwijitsilp" |
|
||||||
password: "bf7b831ec66bdba869dbed4bbf203661ab5a2a6e" |
|
||||||
email: "kanokwijitsilp@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-03-09 10:23:26" |
|
||||||
- |
|
||||||
id: 166 |
|
||||||
username: "AlexanderStraub" |
|
||||||
first_name: "Alexander" |
|
||||||
last_name: "Straub" |
|
||||||
password: "0cabd9350fe909cedb21776957fcf72f00a3210e" |
|
||||||
email: "alexander.straub@jupiter.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-05-25 09:48:39" |
|
||||||
- |
|
||||||
id: 167 |
|
||||||
username: "TaisukeKojima" |
|
||||||
first_name: "Taisuke" |
|
||||||
last_name: "Kojima" |
|
||||||
password: "da53b8d3a7cbee5aaa7985a6330d8e83206aba5e" |
|
||||||
email: "taisuke.kojima@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-06-03 13:09:43" |
|
||||||
- |
|
||||||
id: 168 |
|
||||||
username: "StefanMuellers" |
|
||||||
first_name: "Stefan" |
|
||||||
last_name: "Muellers" |
|
||||||
password: "653a9b2a076040f8246a5143901b0c1628176b27" |
|
||||||
email: "stefan.muellers@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-06-20 09:00:46" |
|
||||||
- |
|
||||||
id: 169 |
|
||||||
username: "JonasKost" |
|
||||||
first_name: "Jonas" |
|
||||||
last_name: "Kost" |
|
||||||
password: "7bfa62293f70e1d6ee017642223cdbf7ae227f2d" |
|
||||||
email: "jonas.kost@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-07-11 09:57:57" |
|
||||||
- |
|
||||||
id: 170 |
|
||||||
username: "SimonSchoelch" |
|
||||||
first_name: "Simon" |
|
||||||
last_name: "Schoelch" |
|
||||||
password: "fb747c7e015579361c416d4a59fbffe11a21be2f" |
|
||||||
email: "simon.schoelch@gmail.com" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-07-11 14:44:54" |
|
||||||
- |
|
||||||
id: 171 |
|
||||||
username: "ZhuolingDeng" |
|
||||||
first_name: "Zhuoling" |
|
||||||
last_name: "Deng" |
|
||||||
password: "9374fdfaf8bc080b30233819f7f59bdb97b7a292" |
|
||||||
email: "zhuoling.deng@merkur.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-08-03 10:33:55" |
|
||||||
- |
|
||||||
id: 172 |
|
||||||
username: "TaoZou" |
|
||||||
first_name: "Tao" |
|
||||||
last_name: "Zou" |
|
||||||
password: "0982e0a944c95b1b8d479e9635a4d05c656dd2e1" |
|
||||||
email: "zout1219@msn.cn" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-08-11 10:49:50" |
|
||||||
- |
|
||||||
id: 173 |
|
||||||
username: "StefanBritz" |
|
||||||
first_name: "Stefan" |
|
||||||
last_name: "Britz" |
|
||||||
password: "c0836a94f6b666febedda96600fc8bec2999e086" |
|
||||||
email: "stefan.britz@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-11-02 13:18:23" |
|
||||||
- |
|
||||||
id: 174 |
|
||||||
username: "AliceEickenscheidt" |
|
||||||
first_name: "Alice" |
|
||||||
last_name: "Eickenscheidt" |
|
||||||
password: "eb1db0df34b947382e2edeab0300f34f660f2fc9" |
|
||||||
email: "alice.eickenscheidt@imtek.uni-freiburg.d" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-11-03 13:18:08" |
|
||||||
- |
|
||||||
id: 175 |
|
||||||
username: "SarahFontaine" |
|
||||||
first_name: "Sarah" |
|
||||||
last_name: "Fontaine" |
|
||||||
password: "5ace8b390b394d6438d4f691f06613996f61f919" |
|
||||||
email: "sarah.fontaine@uranus.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-11-09 13:24:59" |
|
||||||
- |
|
||||||
id: 176 |
|
||||||
username: "BidhariPidhatika" |
|
||||||
first_name: "Bidhari" |
|
||||||
last_name: "Pidhatika" |
|
||||||
password: "9a68eb1ffa40cf74e8498d5641d16de456ac37ad" |
|
||||||
email: "bpidhatika@gmail.com" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-12-06 10:18:04" |
|
||||||
- |
|
||||||
id: 177 |
|
||||||
username: "LukasMetzler" |
|
||||||
first_name: "Lukas" |
|
||||||
last_name: "Metzler" |
|
||||||
password: "0778b41d0d82cda54ba3f7176c566272cac16f88" |
|
||||||
email: "lukas.metzler@imtek.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2016-12-22 14:19:15" |
|
||||||
- |
|
||||||
id: 179 |
|
||||||
username: "KatrinTuecking" |
|
||||||
first_name: "Katrin" |
|
||||||
last_name: "Tuecking" |
|
||||||
password: "9fb28ff3449a1436cd964aef6d5aa695ddcc1636" |
|
||||||
email: "katrintuecking@web.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2017-02-07 15:01:30" |
|
||||||
- |
|
||||||
id: 180 |
|
||||||
username: "CarmenEger" |
|
||||||
first_name: "Carmen" |
|
||||||
last_name: "Eger" |
|
||||||
password: "f3bbfcf8a5f5430d020afdaae6e8f2745366bd0e" |
|
||||||
email: "carmen.eger@pluto.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2017-02-20 10:32:28" |
|
||||||
- |
|
||||||
id: 181 |
|
||||||
username: "DeepaPantulu" |
|
||||||
first_name: "Deepa" |
|
||||||
last_name: "Pantulu" |
|
||||||
password: "641c92fce59bfa5ad4d80c47d0f932f853ced64c" |
|
||||||
email: "deepa.pantulu@imtek.uni-freiburg.de" |
|
||||||
role: "User" |
|
||||||
date_created: "2017-04-06 10:22:54" |
|
||||||
... |
|
@ -0,0 +1,19 @@ |
|||||||
|
''' Session configuration ''' |
||||||
|
|
||||||
|
import binascii |
||||||
|
|
||||||
|
from pyramid_nacl_session import EncryptedCookieSessionFactory |
||||||
|
|
||||||
|
|
||||||
|
def includeme(config): |
||||||
|
''' initializing session configuration |
||||||
|
|
||||||
|
Activate this setup using ``config.include('ordr2.session')``. |
||||||
|
''' |
||||||
|
|
||||||
|
settings = config.get_settings() |
||||||
|
hex_secret = settings['session.secret'].strip() |
||||||
|
secret = binascii.unhexlify(hex_secret) |
||||||
|
|
||||||
|
factory = EncryptedCookieSessionFactory(secret) |
||||||
|
config.set_session_factory(factory) |
@ -1,567 +0,0 @@ |
|||||||
/*! |
|
||||||
* Bootstrap Responsive v2.0.0 |
|
||||||
* |
|
||||||
* Copyright 2012 Twitter, Inc |
|
||||||
* Licensed under the Apache License v2.0 |
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0 |
|
||||||
* |
|
||||||
* Designed and built with all the love in the world @twitter by @mdo and @fat. |
|
||||||
*/ |
|
||||||
.hidden { |
|
||||||
display: none; |
|
||||||
visibility: hidden; |
|
||||||
} |
|
||||||
@media (max-width: 480px) { |
|
||||||
.nav-collapse { |
|
||||||
-webkit-transform: translate3d(0, 0, 0); |
|
||||||
} |
|
||||||
.page-header h1 small { |
|
||||||
display: block; |
|
||||||
line-height: 18px; |
|
||||||
} |
|
||||||
input[class*="span"], |
|
||||||
select[class*="span"], |
|
||||||
textarea[class*="span"], |
|
||||||
.uneditable-input { |
|
||||||
display: block; |
|
||||||
width: 100%; |
|
||||||
height: 28px; |
|
||||||
/* Make inputs at least the height of their button counterpart */ |
|
||||||
|
|
||||||
/* Makes inputs behave like true block-level elements */ |
|
||||||
|
|
||||||
-webkit-box-sizing: border-box; |
|
||||||
/* Older Webkit */ |
|
||||||
|
|
||||||
-moz-box-sizing: border-box; |
|
||||||
/* Older FF */ |
|
||||||
|
|
||||||
-ms-box-sizing: border-box; |
|
||||||
/* IE8 */ |
|
||||||
|
|
||||||
box-sizing: border-box; |
|
||||||
/* CSS3 spec*/ |
|
||||||
|
|
||||||
} |
|
||||||
.input-prepend input[class*="span"], .input-append input[class*="span"] { |
|
||||||
width: auto; |
|
||||||
} |
|
||||||
input[type="checkbox"], input[type="radio"] { |
|
||||||
border: 1px solid #ccc; |
|
||||||
} |
|
||||||
.form-horizontal .control-group > label { |
|
||||||
float: none; |
|
||||||
width: auto; |
|
||||||
padding-top: 0; |
|
||||||
text-align: left; |
|
||||||
} |
|
||||||
.form-horizontal .controls { |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.form-horizontal .control-list { |
|
||||||
padding-top: 0; |
|
||||||
} |
|
||||||
.form-horizontal .form-actions { |
|
||||||
padding-left: 10px; |
|
||||||
padding-right: 10px; |
|
||||||
} |
|
||||||
.modal { |
|
||||||
position: absolute; |
|
||||||
top: 10px; |
|
||||||
left: 10px; |
|
||||||
right: 10px; |
|
||||||
width: auto; |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
.modal.fade.in { |
|
||||||
top: auto; |
|
||||||
} |
|
||||||
.modal-header .close { |
|
||||||
padding: 10px; |
|
||||||
margin: -10px; |
|
||||||
} |
|
||||||
.carousel-caption { |
|
||||||
position: static; |
|
||||||
} |
|
||||||
} |
|
||||||
@media (max-width: 768px) { |
|
||||||
.container { |
|
||||||
width: auto; |
|
||||||
padding: 0 20px; |
|
||||||
} |
|
||||||
.row-fluid { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
.row { |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.row > [class*="span"], .row-fluid > [class*="span"] { |
|
||||||
float: none; |
|
||||||
display: block; |
|
||||||
width: auto; |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
@media (min-width: 768px) and (max-width: 980px) { |
|
||||||
.row { |
|
||||||
margin-left: -20px; |
|
||||||
*zoom: 1; |
|
||||||
} |
|
||||||
.row:before, .row:after { |
|
||||||
display: table; |
|
||||||
content: ""; |
|
||||||
} |
|
||||||
.row:after { |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
[class*="span"] { |
|
||||||
float: left; |
|
||||||
margin-left: 20px; |
|
||||||
} |
|
||||||
.span1 { |
|
||||||
width: 42px; |
|
||||||
} |
|
||||||
.span2 { |
|
||||||
width: 104px; |
|
||||||
} |
|
||||||
.span3 { |
|
||||||
width: 166px; |
|
||||||
} |
|
||||||
.span4 { |
|
||||||
width: 228px; |
|
||||||
} |
|
||||||
.span5 { |
|
||||||
width: 290px; |
|
||||||
} |
|
||||||
.span6 { |
|
||||||
width: 352px; |
|
||||||
} |
|
||||||
.span7 { |
|
||||||
width: 414px; |
|
||||||
} |
|
||||||
.span8 { |
|
||||||
width: 476px; |
|
||||||
} |
|
||||||
.span9 { |
|
||||||
width: 538px; |
|
||||||
} |
|
||||||
.span10 { |
|
||||||
width: 600px; |
|
||||||
} |
|
||||||
.span11 { |
|
||||||
width: 662px; |
|
||||||
} |
|
||||||
.span12, .container { |
|
||||||
width: 724px; |
|
||||||
} |
|
||||||
.offset1 { |
|
||||||
margin-left: 82px; |
|
||||||
} |
|
||||||
.offset2 { |
|
||||||
margin-left: 144px; |
|
||||||
} |
|
||||||
.offset3 { |
|
||||||
margin-left: 206px; |
|
||||||
} |
|
||||||
.offset4 { |
|
||||||
margin-left: 268px; |
|
||||||
} |
|
||||||
.offset5 { |
|
||||||
margin-left: 330px; |
|
||||||
} |
|
||||||
.offset6 { |
|
||||||
margin-left: 392px; |
|
||||||
} |
|
||||||
.offset7 { |
|
||||||
margin-left: 454px; |
|
||||||
} |
|
||||||
.offset8 { |
|
||||||
margin-left: 516px; |
|
||||||
} |
|
||||||
.offset9 { |
|
||||||
margin-left: 578px; |
|
||||||
} |
|
||||||
.offset10 { |
|
||||||
margin-left: 640px; |
|
||||||
} |
|
||||||
.offset11 { |
|
||||||
margin-left: 702px; |
|
||||||
} |
|
||||||
.row-fluid { |
|
||||||
width: 100%; |
|
||||||
*zoom: 1; |
|
||||||
} |
|
||||||
.row-fluid:before, .row-fluid:after { |
|
||||||
display: table; |
|
||||||
content: ""; |
|
||||||
} |
|
||||||
.row-fluid:after { |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
.row-fluid > [class*="span"] { |
|
||||||
float: left; |
|
||||||
margin-left: 2.762430939%; |
|
||||||
} |
|
||||||
.row-fluid > [class*="span"]:first-child { |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.row-fluid .span1 { |
|
||||||
width: 5.801104972%; |
|
||||||
} |
|
||||||
.row-fluid .span2 { |
|
||||||
width: 14.364640883%; |
|
||||||
} |
|
||||||
.row-fluid .span3 { |
|
||||||
width: 22.928176794%; |
|
||||||
} |
|
||||||
.row-fluid .span4 { |
|
||||||
width: 31.491712705%; |
|
||||||
} |
|
||||||
.row-fluid .span5 { |
|
||||||
width: 40.055248616%; |
|
||||||
} |
|
||||||
.row-fluid .span6 { |
|
||||||
width: 48.618784527%; |
|
||||||
} |
|
||||||
.row-fluid .span7 { |
|
||||||
width: 57.182320438000005%; |
|
||||||
} |
|
||||||
.row-fluid .span8 { |
|
||||||
width: 65.74585634900001%; |
|
||||||
} |
|
||||||
.row-fluid .span9 { |
|
||||||
width: 74.30939226%; |
|
||||||
} |
|
||||||
.row-fluid .span10 { |
|
||||||
width: 82.87292817100001%; |
|
||||||
} |
|
||||||
.row-fluid .span11 { |
|
||||||
width: 91.436464082%; |
|
||||||
} |
|
||||||
.row-fluid .span12 { |
|
||||||
width: 99.999999993%; |
|
||||||
} |
|
||||||
input.span1, textarea.span1, .uneditable-input.span1 { |
|
||||||
width: 32px; |
|
||||||
} |
|
||||||
input.span2, textarea.span2, .uneditable-input.span2 { |
|
||||||
width: 94px; |
|
||||||
} |
|
||||||
input.span3, textarea.span3, .uneditable-input.span3 { |
|
||||||
width: 156px; |
|
||||||
} |
|
||||||
input.span4, textarea.span4, .uneditable-input.span4 { |
|
||||||
width: 218px; |
|
||||||
} |
|
||||||
input.span5, textarea.span5, .uneditable-input.span5 { |
|
||||||
width: 280px; |
|
||||||
} |
|
||||||
input.span6, textarea.span6, .uneditable-input.span6 { |
|
||||||
width: 342px; |
|
||||||
} |
|
||||||
input.span7, textarea.span7, .uneditable-input.span7 { |
|
||||||
width: 404px; |
|
||||||
} |
|
||||||
input.span8, textarea.span8, .uneditable-input.span8 { |
|
||||||
width: 466px; |
|
||||||
} |
|
||||||
input.span9, textarea.span9, .uneditable-input.span9 { |
|
||||||
width: 528px; |
|
||||||
} |
|
||||||
input.span10, textarea.span10, .uneditable-input.span10 { |
|
||||||
width: 590px; |
|
||||||
} |
|
||||||
input.span11, textarea.span11, .uneditable-input.span11 { |
|
||||||
width: 652px; |
|
||||||
} |
|
||||||
input.span12, textarea.span12, .uneditable-input.span12 { |
|
||||||
width: 714px; |
|
||||||
} |
|
||||||
} |
|
||||||
@media (max-width: 980px) { |
|
||||||
body { |
|
||||||
padding-top: 0; |
|
||||||
} |
|
||||||
.navbar-fixed-top { |
|
||||||
position: static; |
|
||||||
margin-bottom: 18px; |
|
||||||
} |
|
||||||
.navbar-fixed-top .navbar-inner { |
|
||||||
padding: 5px; |
|
||||||
} |
|
||||||
.navbar .container { |
|
||||||
width: auto; |
|
||||||
padding: 0; |
|
||||||
} |
|
||||||
.navbar .brand { |
|
||||||
padding-left: 10px; |
|
||||||
padding-right: 10px; |
|
||||||
margin: 0 0 0 -5px; |
|
||||||
} |
|
||||||
.navbar .nav-collapse { |
|
||||||
clear: left; |
|
||||||
} |
|
||||||
.navbar .nav { |
|
||||||
float: none; |
|
||||||
margin: 0 0 9px; |
|
||||||
} |
|
||||||
.navbar .nav > li { |
|
||||||
float: none; |
|
||||||
} |
|
||||||
.navbar .nav > li > a { |
|
||||||
margin-bottom: 2px; |
|
||||||
} |
|
||||||
.navbar .nav > .divider-vertical { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.navbar .nav > li > a, .navbar .dropdown-menu a { |
|
||||||
padding: 6px 15px; |
|
||||||
font-weight: bold; |
|
||||||
color: #999999; |
|
||||||
-webkit-border-radius: 3px; |
|
||||||
-moz-border-radius: 3px; |
|
||||||
border-radius: 3px; |
|
||||||
} |
|
||||||
.navbar .dropdown-menu li + li a { |
|
||||||
margin-bottom: 2px; |
|
||||||
} |
|
||||||
.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { |
|
||||||
background-color: #222222; |
|
||||||
} |
|
||||||
.navbar .dropdown-menu { |
|
||||||
position: static; |
|
||||||
top: auto; |
|
||||||
left: auto; |
|
||||||
float: none; |
|
||||||
display: block; |
|
||||||
max-width: none; |
|
||||||
margin: 0 15px; |
|
||||||
padding: 0; |
|
||||||
background-color: transparent; |
|
||||||
border: none; |
|
||||||
-webkit-border-radius: 0; |
|
||||||
-moz-border-radius: 0; |
|
||||||
border-radius: 0; |
|
||||||
-webkit-box-shadow: none; |
|
||||||
-moz-box-shadow: none; |
|
||||||
box-shadow: none; |
|
||||||
} |
|
||||||
.navbar .dropdown-menu:before, .navbar .dropdown-menu:after { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.navbar .dropdown-menu .divider { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.navbar-form, .navbar-search { |
|
||||||
float: none; |
|
||||||
padding: 9px 15px; |
|
||||||
margin: 9px 0; |
|
||||||
border-top: 1px solid #222222; |
|
||||||
border-bottom: 1px solid #222222; |
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
|
||||||
} |
|
||||||
.navbar .nav.pull-right { |
|
||||||
float: none; |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.navbar-static .navbar-inner { |
|
||||||
padding-left: 10px; |
|
||||||
padding-right: 10px; |
|
||||||
} |
|
||||||
.btn-navbar { |
|
||||||
display: block; |
|
||||||
} |
|
||||||
.nav-collapse { |
|
||||||
overflow: hidden; |
|
||||||
height: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
@media (min-width: 980px) { |
|
||||||
.nav-collapse.collapse { |
|
||||||
height: auto !important; |
|
||||||
} |
|
||||||
} |
|
||||||
@media (min-width: 1200px) { |
|
||||||
.row { |
|
||||||
margin-left: -30px; |
|
||||||
*zoom: 1; |
|
||||||
} |
|
||||||
.row:before, .row:after { |
|
||||||
display: table; |
|
||||||
content: ""; |
|
||||||
} |
|
||||||
.row:after { |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
[class*="span"] { |
|
||||||
float: left; |
|
||||||
margin-left: 30px; |
|
||||||
} |
|
||||||
.span1 { |
|
||||||
width: 70px; |
|
||||||
} |
|
||||||
.span2 { |
|
||||||
width: 170px; |
|
||||||
} |
|
||||||
.span3 { |
|
||||||
width: 270px; |
|
||||||
} |
|
||||||
.span4 { |
|
||||||
width: 370px; |
|
||||||
} |
|
||||||
.span5 { |
|
||||||
width: 470px; |
|
||||||
} |
|
||||||
.span6 { |
|
||||||
width: 570px; |
|
||||||
} |
|
||||||
.span7 { |
|
||||||
width: 670px; |
|
||||||
} |
|
||||||
.span8 { |
|
||||||
width: 770px; |
|
||||||
} |
|
||||||
.span9 { |
|
||||||
width: 870px; |
|
||||||
} |
|
||||||
.span10 { |
|
||||||
width: 970px; |
|
||||||
} |
|
||||||
.span11 { |
|
||||||
width: 1070px; |
|
||||||
} |
|
||||||
.span12, .container { |
|
||||||
width: 1170px; |
|
||||||
} |
|
||||||
.offset1 { |
|
||||||
margin-left: 130px; |
|
||||||
} |
|
||||||
.offset2 { |
|
||||||
margin-left: 230px; |
|
||||||
} |
|
||||||
.offset3 { |
|
||||||
margin-left: 330px; |
|
||||||
} |
|
||||||
.offset4 { |
|
||||||
margin-left: 430px; |
|
||||||
} |
|
||||||
.offset5 { |
|
||||||
margin-left: 530px; |
|
||||||
} |
|
||||||
.offset6 { |
|
||||||
margin-left: 630px; |
|
||||||
} |
|
||||||
.offset7 { |
|
||||||
margin-left: 730px; |
|
||||||
} |
|
||||||
.offset8 { |
|
||||||
margin-left: 830px; |
|
||||||
} |
|
||||||
.offset9 { |
|
||||||
margin-left: 930px; |
|
||||||
} |
|
||||||
.offset10 { |
|
||||||
margin-left: 1030px; |
|
||||||
} |
|
||||||
.offset11 { |
|
||||||
margin-left: 1130px; |
|
||||||
} |
|
||||||
.row-fluid { |
|
||||||
width: 100%; |
|
||||||
*zoom: 1; |
|
||||||
} |
|
||||||
.row-fluid:before, .row-fluid:after { |
|
||||||
display: table; |
|
||||||
content: ""; |
|
||||||
} |
|
||||||
.row-fluid:after { |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
.row-fluid > [class*="span"] { |
|
||||||
float: left; |
|
||||||
margin-left: 2.564102564%; |
|
||||||
} |
|
||||||
.row-fluid > [class*="span"]:first-child { |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.row-fluid .span1 { |
|
||||||
width: 5.982905983%; |
|
||||||
} |
|
||||||
.row-fluid .span2 { |
|
||||||
width: 14.529914530000001%; |
|
||||||
} |
|
||||||
.row-fluid .span3 { |
|
||||||
width: 23.076923077%; |
|
||||||
} |
|
||||||
.row-fluid .span4 { |
|
||||||
width: 31.623931624%; |
|
||||||
} |
|
||||||
.row-fluid .span5 { |
|
||||||
width: 40.170940171000005%; |
|
||||||
} |
|
||||||
.row-fluid .span6 { |
|
||||||
width: 48.717948718%; |
|
||||||
} |
|
||||||
.row-fluid .span7 { |
|
||||||
width: 57.264957265%; |
|
||||||
} |
|
||||||
.row-fluid .span8 { |
|
||||||
width: 65.81196581200001%; |
|
||||||
} |
|
||||||
.row-fluid .span9 { |
|
||||||
width: 74.358974359%; |
|
||||||
} |
|
||||||
.row-fluid .span10 { |
|
||||||
width: 82.905982906%; |
|
||||||
} |
|
||||||
.row-fluid .span11 { |
|
||||||
width: 91.45299145300001%; |
|
||||||
} |
|
||||||
.row-fluid .span12 { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
input.span1, textarea.span1, .uneditable-input.span1 { |
|
||||||
width: 60px; |
|
||||||
} |
|
||||||
input.span2, textarea.span2, .uneditable-input.span2 { |
|
||||||
width: 160px; |
|
||||||
} |
|
||||||
input.span3, textarea.span3, .uneditable-input.span3 { |
|
||||||
width: 260px; |
|
||||||
} |
|
||||||
input.span4, textarea.span4, .uneditable-input.span4 { |
|
||||||
width: 360px; |
|
||||||
} |
|
||||||
input.span5, textarea.span5, .uneditable-input.span5 { |
|
||||||
width: 460px; |
|
||||||
} |
|
||||||
input.span6, textarea.span6, .uneditable-input.span6 { |
|
||||||
width: 560px; |
|
||||||
} |
|
||||||
input.span7, textarea.span7, .uneditable-input.span7 { |
|
||||||
width: 660px; |
|
||||||
} |
|
||||||
input.span8, textarea.span8, .uneditable-input.span8 { |
|
||||||
width: 760px; |
|
||||||
} |
|
||||||
input.span9, textarea.span9, .uneditable-input.span9 { |
|
||||||
width: 860px; |
|
||||||
} |
|
||||||
input.span10, textarea.span10, .uneditable-input.span10 { |
|
||||||
width: 960px; |
|
||||||
} |
|
||||||
input.span11, textarea.span11, .uneditable-input.span11 { |
|
||||||
width: 1060px; |
|
||||||
} |
|
||||||
input.span12, textarea.span12, .uneditable-input.span12 { |
|
||||||
width: 1160px; |
|
||||||
} |
|
||||||
.thumbnails { |
|
||||||
margin-left: -30px; |
|
||||||
} |
|
||||||
.thumbnails > li { |
|
||||||
margin-left: 30px; |
|
||||||
} |
|
||||||
} |
|
@ -1,51 +0,0 @@ |
|||||||
* { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
body { |
|
||||||
background: url(../img/bg.png) repeat-x scroll 0 0 #FCFCFC; |
|
||||||
margin: 10px 20px; |
|
||||||
} |
|
||||||
h1 { |
|
||||||
font-family: 'Anton', sans-serif; |
|
||||||
font-size: 45px; |
|
||||||
margin-bottom: 25px; |
|
||||||
} |
|
||||||
p { |
|
||||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; |
|
||||||
font-size: 16px; |
|
||||||
line-height: 24px; |
|
||||||
margin-bottom: 9px; |
|
||||||
} |
|
||||||
a { |
|
||||||
color: #0088CC; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
small { |
|
||||||
color: #888888; |
|
||||||
font-size: 10px; |
|
||||||
} |
|
||||||
strong { |
|
||||||
display: block; |
|
||||||
margin: 15px 0 35px; |
|
||||||
font-size: 25px; |
|
||||||
} |
|
||||||
.signature { |
|
||||||
margin-top: 20px; |
|
||||||
} |
|
||||||
.signature .brand { |
|
||||||
font-family: 'Anton', sans-serif; |
|
||||||
font-size: 20px; |
|
||||||
} |
|
||||||
.footprint { |
|
||||||
border-top: 1px solid #E5E5E5; |
|
||||||
margin-top: 20px; |
|
||||||
} |
|
||||||
.footprint .icon-dbs { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
background-position: 0px -214px; |
|
||||||
width: 174px; |
|
||||||
display: block; |
|
||||||
height: 26px; |
|
||||||
opacity: 0.5; |
|
||||||
margin: 5px 0 0 120px;; |
|
||||||
} |
|
@ -1,753 +0,0 @@ |
|||||||
html, body { |
|
||||||
height: 100%; |
|
||||||
} |
|
||||||
|
|
||||||
body { |
|
||||||
background-color: #FCFCFC; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
/*Opera Fix*/ |
|
||||||
body:before {/* thanks to Maleika (Kohoutec)*/ |
|
||||||
content:""; |
|
||||||
height:100%; |
|
||||||
float:left; |
|
||||||
width:0; |
|
||||||
margin-top:-32767px;/* thank you Erik J - negate effect of float*/ |
|
||||||
} |
|
||||||
|
|
||||||
.rounded-box { |
|
||||||
-webkit-border-radius: 5px; |
|
||||||
-moz-border-radius: 5px; |
|
||||||
border-radius: 5px; |
|
||||||
background-color: #EEEEEE; |
|
||||||
padding: 10px; |
|
||||||
} |
|
||||||
.brand { |
|
||||||
font-family: 'Anton', sans-serif; |
|
||||||
color: #049CDB; |
|
||||||
} |
|
||||||
|
|
||||||
.right { |
|
||||||
float: right; |
|
||||||
} |
|
||||||
|
|
||||||
.left { |
|
||||||
float: left; |
|
||||||
} |
|
||||||
|
|
||||||
.clear:after { |
|
||||||
content: "."; |
|
||||||
visibility: hidden; |
|
||||||
display: block; |
|
||||||
height: 0; |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
|
|
||||||
.bordered { |
|
||||||
border-top: 1px solid #EEEEEE; |
|
||||||
border-bottom: 1px solid #EEEEEE; |
|
||||||
padding: 7px 0; |
|
||||||
margin: 35px 0 15px; |
|
||||||
} |
|
||||||
|
|
||||||
/*================================ BT FIXES ================================*/ |
|
||||||
|
|
||||||
.sidebar-nav { |
|
||||||
padding: 9px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.tooltip { |
|
||||||
z-index: 2000 |
|
||||||
} |
|
||||||
|
|
||||||
/*================================= LAYOUT =================================*/ |
|
||||||
|
|
||||||
.content { |
|
||||||
min-height: 100%; |
|
||||||
} |
|
||||||
|
|
||||||
.content:before { |
|
||||||
display: table; |
|
||||||
content: ""; |
|
||||||
height: 40px; |
|
||||||
zoom: 1; |
|
||||||
} |
|
||||||
|
|
||||||
.content.controls:before { |
|
||||||
background: none repeat scroll 0 0 #F1F1F1; |
|
||||||
border-bottom: 1px solid #D2D2D2; |
|
||||||
content: ""; |
|
||||||
display: table; |
|
||||||
height: 86px; |
|
||||||
margin-bottom: -47px; |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
|
|
||||||
.content .container-fluid, .content .container { |
|
||||||
overflow:auto; |
|
||||||
padding-bottom: 53px; |
|
||||||
} |
|
||||||
|
|
||||||
footer { |
|
||||||
position: relative; |
|
||||||
margin: -53px 20px 0; /* negative value of footer height */ |
|
||||||
height: 53px; |
|
||||||
clear:both; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
footer a { |
|
||||||
display: inline-block; |
|
||||||
height: 26px; |
|
||||||
opacity: 0.5; |
|
||||||
-webkit-transition: all 0.5s ease 0s; |
|
||||||
-moz-transition: all 0.5s ease 0s; |
|
||||||
-o-transition: all 0.5s ease 0s; |
|
||||||
transition: all 0.5s ease 0s; |
|
||||||
} |
|
||||||
|
|
||||||
footer a:hover { |
|
||||||
opacity: 1; |
|
||||||
} |
|
||||||
|
|
||||||
footer .copy{ |
|
||||||
border-top: 1px solid #E5E5E5; |
|
||||||
padding-top: 15px; |
|
||||||
} |
|
||||||
|
|
||||||
footer .icon-html { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
background-position: -174px -214px; |
|
||||||
width: 60px; |
|
||||||
margin-left: 114px; |
|
||||||
} |
|
||||||
|
|
||||||
footer .icon-dbs { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
background-position: 0px -214px; |
|
||||||
height: 26px; |
|
||||||
width: 174px; |
|
||||||
} |
|
||||||
|
|
||||||
/*================================ BUTTONS ================================*/ |
|
||||||
|
|
||||||
.btn-flat { |
|
||||||
text-decoration: none; |
|
||||||
text-shadow: 0 1px 0 #fff; |
|
||||||
font: bold 14px Helvetica, Arial, sans-serif; |
|
||||||
color: #444; |
|
||||||
line-height: 17px; |
|
||||||
display: inline-block; |
|
||||||
margin: 0 15px 0 0; |
|
||||||
padding: 5px 15px; |
|
||||||
background: #F3F3F3; |
|
||||||
border: solid 1px #D9D9D9; |
|
||||||
border-radius: 4px; |
|
||||||
-webkit-border-radius: 4px; |
|
||||||
-moz-border-radius: 4px; |
|
||||||
-webkit-transition: border-color .20s; |
|
||||||
-moz-transition: border-color .20s; |
|
||||||
-o-transition: border-color .20s; |
|
||||||
transition: border-color .20s; |
|
||||||
} |
|
||||||
|
|
||||||
a.btn-flat { |
|
||||||
cursor: pointer; |
|
||||||
height: 18px; |
|
||||||
} |
|
||||||
|
|
||||||
button.btn-flat { |
|
||||||
height: 30px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat:hover { |
|
||||||
text-decoration: none; |
|
||||||
background: #F4F4F4; |
|
||||||
border-color: #C0C0C0; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat:active { |
|
||||||
border-color: #0069D6; |
|
||||||
color: #0069D6; |
|
||||||
-moz-box-shadow: inset 0 0 10px #D4D4D4; |
|
||||||
-webkit-box-shadow: inset 0 0 10px #D4D4D4; |
|
||||||
box-shadow: inset 0 0 10px #D4D4D4; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
display: inline-block; |
|
||||||
height: 18px; |
|
||||||
width: 18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.pencil { |
|
||||||
background-position: -72px 0px; |
|
||||||
} |
|
||||||
.btn-flat:hover i.pencil { |
|
||||||
background-position: -72px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.trash { |
|
||||||
background-position: -90px 0px; |
|
||||||
} |
|
||||||
.btn-flat:hover i.trash { |
|
||||||
background-position: -90px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.add { |
|
||||||
background-position: -108px 0px; |
|
||||||
} |
|
||||||
.btn-flat:hover i.add { |
|
||||||
background-position: -108px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.abacus { |
|
||||||
background-position: -126px 0px; |
|
||||||
} |
|
||||||
.btn-flat:hover i.abacus { |
|
||||||
background-position: -126px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.eye { |
|
||||||
background-position: -144px 0px; |
|
||||||
} |
|
||||||
.btn-flat:hover i.eye { |
|
||||||
background-position: -144px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.group { |
|
||||||
background-position: -54px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat:hover i.group { |
|
||||||
background-position: -54px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.reset { |
|
||||||
background-position: -162px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat:hover i.reset { |
|
||||||
background-position: -162px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.clip { |
|
||||||
background-position: -180px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat:hover i.clip { |
|
||||||
background-position: -180px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat i.download { |
|
||||||
background-position: -198px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-flat:hover i.download { |
|
||||||
background-position: -198px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls .btn-group, .page-controls .actions, .page-controls .btn-flat { |
|
||||||
float: left; |
|
||||||
display: block; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls .btn-group { |
|
||||||
margin-right: 15px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-group + .btn-group { |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-group .btn-flat { |
|
||||||
position: relative; |
|
||||||
float: left; |
|
||||||
margin-left: -1px; |
|
||||||
margin-right: 0px; |
|
||||||
-webkit-border-radius: 0; |
|
||||||
-moz-border-radius: 0; |
|
||||||
border-radius: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-group .btn-flat:first-child { |
|
||||||
margin-left: 0; |
|
||||||
-webkit-border-top-left-radius: 4px; |
|
||||||
-moz-border-radius-topleft: 4px; |
|
||||||
border-top-left-radius: 4px; |
|
||||||
-webkit-border-bottom-left-radius: 4px; |
|
||||||
-moz-border-radius-bottomleft: 4px; |
|
||||||
border-bottom-left-radius: 4px; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-group .btn-flat:last-child { |
|
||||||
-webkit-border-top-right-radius: 4px; |
|
||||||
-moz-border-radius-topright: 4px; |
|
||||||
border-top-right-radius: 4px; |
|
||||||
-webkit-border-bottom-right-radius: 4px; |
|
||||||
-moz-border-radius-bottomright: 4px; |
|
||||||
border-bottom-right-radius: 4px; |
|
||||||
} |
|
||||||
|
|
||||||
.search [type="search"] { |
|
||||||
padding: 5px 4px; |
|
||||||
} |
|
||||||
|
|
||||||
.search .add-on { |
|
||||||
cursor: pointer; |
|
||||||
padding: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
.search [type="submit"] { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
background-position: 0px -68px; |
|
||||||
background-color: #F5F5F5; |
|
||||||
border: none; |
|
||||||
height: 18px; |
|
||||||
width: 18px; |
|
||||||
display: inline-block; |
|
||||||
overflow: hidden; |
|
||||||
text-indent: -9999px; |
|
||||||
} |
|
||||||
|
|
||||||
.search .autocomplete { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
background-position: -18px -68px; |
|
||||||
background-color: #F5F5F5; |
|
||||||
height: 18px; |
|
||||||
width: 18px; |
|
||||||
display: inline-block; |
|
||||||
overflow: hidden; |
|
||||||
text-indent: -9999px; |
|
||||||
} |
|
||||||
|
|
||||||
.search .add-on:active { |
|
||||||
border-color: #0069D6; |
|
||||||
color: #0069D6; |
|
||||||
-moz-box-shadow: inset 0 0 3px #D4D4D4; |
|
||||||
-webkit-box-shadow: inset 0 0 3px #D4D4D4; |
|
||||||
box-shadow: inset 0 0 3px #D4D4D4; |
|
||||||
} |
|
||||||
|
|
||||||
.typeahead.dropdown-menu { |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
|
|
||||||
.btn-group.marking-needed, .btn-flat.marking-needed { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
|
|
||||||
/*================================ NAVIGATION ================================*/ |
|
||||||
|
|
||||||
.navbar .brand, .navbar .brand:hover { |
|
||||||
color: #049CDB; |
|
||||||
} |
|
||||||
|
|
||||||
#user-options a { |
|
||||||
color: #555555; |
|
||||||
text-shadow: none; |
|
||||||
} |
|
||||||
|
|
||||||
#user-options .user-name { |
|
||||||
color: #0088CC; |
|
||||||
} |
|
||||||
|
|
||||||
#user-options:hover .user-name { |
|
||||||
text-decoration: underline; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls { |
|
||||||
display: block; |
|
||||||
height: 30px; |
|
||||||
margin-bottom: 25px; |
|
||||||
padding: 8px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls:after { |
|
||||||
content: "."; |
|
||||||
visibility: hidden; |
|
||||||
display: block; |
|
||||||
height: 0; |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls h1 { |
|
||||||
line-height: 30px; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls form { |
|
||||||
margin-bottom: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.page-controls .input-append.search { |
|
||||||
float: right; |
|
||||||
} |
|
||||||
|
|
||||||
/*================================ TABLES ================================*/ |
|
||||||
|
|
||||||
thead { |
|
||||||
background-color: #E0F3FF; |
|
||||||
border-bottom: 2px solid #0064CD; |
|
||||||
} |
|
||||||
th { |
|
||||||
border-top: none; |
|
||||||
} |
|
||||||
th.sortable { |
|
||||||
cursor: pointer; |
|
||||||
background-color: #E0F3FF; |
|
||||||
} |
|
||||||
|
|
||||||
th.sortable.headerSortDown, th.sortable.headerSortUp { |
|
||||||
background-color: #C7E9FF; |
|
||||||
} |
|
||||||
th, th a { |
|
||||||
color: #0064CD; |
|
||||||
} |
|
||||||
th a:hover { |
|
||||||
text-decoration: none; |
|
||||||
color: #0064CD; |
|
||||||
} |
|
||||||
tbody tr:hover { |
|
||||||
background-color: #FAFAFA; |
|
||||||
} |
|
||||||
|
|
||||||
td.center, th.center { |
|
||||||
text-align: center; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
|
|
||||||
table .header:hover:after { |
|
||||||
border-width: 4px 4px 0; |
|
||||||
} |
|
||||||
|
|
||||||
table .action { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
margin-bottom: -5px; |
|
||||||
margin-right: 2px; |
|
||||||
height: 16px; |
|
||||||
width: 16px; |
|
||||||
display: inline-block; |
|
||||||
overflow: hidden; |
|
||||||
text-indent: -9999px; |
|
||||||
background-repeat: no-repeat; |
|
||||||
-webkit-transition: background-image 0.20s linear; |
|
||||||
-moz-transition: background-image 0.20s linear; |
|
||||||
-o-transition: background-image 0.20s linear; |
|
||||||
transition: background-image 0.20s linear; |
|
||||||
zoom: 1; |
|
||||||
filter: alpha(opacity=40); |
|
||||||
opacity: 0.4; |
|
||||||
} |
|
||||||
|
|
||||||
table .action:hover { |
|
||||||
filter: alpha(opacity=100); |
|
||||||
opacity: 1; |
|
||||||
} |
|
||||||
|
|
||||||
table .action.delete { |
|
||||||
background-position: 0px -36px; |
|
||||||
} |
|
||||||
|
|
||||||
table .action.delete:hover { |
|
||||||
background-position: 0px -52px; |
|
||||||
} |
|
||||||
|
|
||||||
table .action.edit { |
|
||||||
background-position: -16px -36px; |
|
||||||
} |
|
||||||
|
|
||||||
table .action.edit:hover { |
|
||||||
background-position: -16px -52px; |
|
||||||
} |
|
||||||
|
|
||||||
table .action.eye { |
|
||||||
background-position: -145px 0px; |
|
||||||
} |
|
||||||
|
|
||||||
table .action.eye:hover { |
|
||||||
background-position: -145px -18px; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*================================ MODALS ================================*/ |
|
||||||
|
|
||||||
.modal form { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .option { |
|
||||||
font-size: 15px; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .option a { |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .checklist { |
|
||||||
margin: 0 20px; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .checklist:after { |
|
||||||
content: "."; |
|
||||||
visibility: hidden; |
|
||||||
display: block; |
|
||||||
height: 0; |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .checklist .checkbox { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .checklist .left { |
|
||||||
float: left; |
|
||||||
width: 50%; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .checklist .right { |
|
||||||
float: right; |
|
||||||
width: 50%; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .checklist .checkbox input { |
|
||||||
margin-left: -20px; |
|
||||||
} |
|
||||||
|
|
||||||
.modal-body .help-block { |
|
||||||
margin-bottom: 15px; |
|
||||||
} |
|
||||||
|
|
||||||
/*============================= WELCOME PAGE =============================*/ |
|
||||||
|
|
||||||
.welcome .content { |
|
||||||
background: url(../img/bg.png) repeat-x scroll 0 0 #FCFCFC; |
|
||||||
} |
|
||||||
|
|
||||||
#welcome { |
|
||||||
margin: 90px 0 80px; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
#welcome h1 { |
|
||||||
font-family: 'Anton',sans-serif; |
|
||||||
font-size: 120px; |
|
||||||
line-height: 1; |
|
||||||
margin-bottom: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
#welcome .brand { |
|
||||||
text-transform: none; |
|
||||||
} |
|
||||||
|
|
||||||
#welcome .quote { |
|
||||||
color: #878787; |
|
||||||
font-size: 16px; |
|
||||||
} |
|
||||||
|
|
||||||
/*============================= ACCOUNT =============================*/ |
|
||||||
|
|
||||||
#register-successful, #access-denied { |
|
||||||
margin: 90px 0 50px; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
#register-successful h1, #access-denied h1 { |
|
||||||
font-family: 'Anton',sans-serif; |
|
||||||
font-size: 80px; |
|
||||||
line-height: 1; |
|
||||||
margin-bottom: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
#access-denied { |
|
||||||
margin-top: 150px; |
|
||||||
} |
|
||||||
|
|
||||||
#access-denied h1 { |
|
||||||
color: #B94A48; |
|
||||||
} |
|
||||||
|
|
||||||
hgroup .info { |
|
||||||
color: #878787; |
|
||||||
font-size: 16px; |
|
||||||
line-height: 24px; |
|
||||||
} |
|
||||||
|
|
||||||
.account.login h1 { |
|
||||||
border-bottom: 1px solid #EEEEEE; |
|
||||||
font-family: 'Anton',sans-serif; |
|
||||||
font-size: 50px; |
|
||||||
line-height: 50px; |
|
||||||
margin: 80px 0 20px; |
|
||||||
padding-bottom: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
/*============================== ADMIN AREA ==============================*/ |
|
||||||
|
|
||||||
.admin-options a:hover [class*="span"] { |
|
||||||
background-color: #EEEEEE; |
|
||||||
-webkit-transition: background-color 0.50s linear; |
|
||||||
-moz-transition: background-color 0.50s linear; |
|
||||||
-o-transition: background-color 0.50s linear; |
|
||||||
transition: background-color 0.50s linear; |
|
||||||
} |
|
||||||
|
|
||||||
.admin-options .option { |
|
||||||
background-image: url(../img/sprite.png); |
|
||||||
background-position: 0px -86px; |
|
||||||
margin: 0 auto; |
|
||||||
width: 128px; |
|
||||||
height: 128px; |
|
||||||
} |
|
||||||
|
|
||||||
.admin-options .option.shop { |
|
||||||
background-position: -128px -86px; |
|
||||||
} |
|
||||||
|
|
||||||
.admin-options h2 { |
|
||||||
margin-top: 5px; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.admin-options [class*="span"] { |
|
||||||
padding: 20px 0; |
|
||||||
background-color: #F7F7F7; |
|
||||||
} |
|
||||||
|
|
||||||
/*============================== FAQ ==============================*/ |
|
||||||
|
|
||||||
.faq h1 { |
|
||||||
font-family: 'Anton',sans-serif; |
|
||||||
font-size: 60px; |
|
||||||
line-height: 1; |
|
||||||
margin: 30px 0; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.faq h2 { |
|
||||||
color: #FCFCFC; |
|
||||||
font-size: 28px; |
|
||||||
line-height: 1; |
|
||||||
background-color: #049CDB; |
|
||||||
padding: 10px; |
|
||||||
margin-bottom: 5px; |
|
||||||
-webkit-border-radius: 5px; |
|
||||||
-moz-border-radius: 5px; |
|
||||||
border-radius: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
.faq section { |
|
||||||
margin-bottom: 35px; |
|
||||||
} |
|
||||||
|
|
||||||
/*============================= ACTIONS =============================*/ |
|
||||||
|
|
||||||
.action-header { |
|
||||||
margin-bottom: 15px; |
|
||||||
} |
|
||||||
|
|
||||||
/*============================== FORMS ==============================*/ |
|
||||||
|
|
||||||
.control-group.information { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.control-group.information p { |
|
||||||
padding: 5px 0; |
|
||||||
color: #AAAAAA; |
|
||||||
} |
|
||||||
|
|
||||||
/*=========================== ORDER SPLASH ===========================*/ |
|
||||||
|
|
||||||
.accordion { |
|
||||||
margin-top: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
.accordion li { |
|
||||||
background-color: #EAEAEA; |
|
||||||
cursor: pointer; |
|
||||||
font-size: 16px; |
|
||||||
margin: 5px 0; |
|
||||||
padding: 12px 10px; |
|
||||||
-webkit-border-radius: 5px; |
|
||||||
-moz-border-radius: 5px; |
|
||||||
border-radius: 5px; |
|
||||||
-webkit-transition: background-color 0.1s ease 0s; |
|
||||||
-moz-transition: background-color 0.1s ease 0s; |
|
||||||
-o-transition: background-color 0.1s ease 0s; |
|
||||||
transition: background-color 0.1s ease 0s; |
|
||||||
} |
|
||||||
|
|
||||||
.accordion li:hover { |
|
||||||
background-color: #DDDDDD; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
.accordion li span { |
|
||||||
font-size: 13px; |
|
||||||
color: #A0A0A0; |
|
||||||
} |
|
||||||
|
|
||||||
.accordion-heading { |
|
||||||
background-color: #333333; |
|
||||||
padding: 0; |
|
||||||
-webkit-border-radius: 5px; |
|
||||||
-moz-border-radius: 5px; |
|
||||||
border-radius: 5px; |
|
||||||
-webkit-transition: background-color 0.1s ease 0s; |
|
||||||
-moz-transition: background-color 0.1s ease 0s; |
|
||||||
-o-transition: background-color 0.1s ease 0s; |
|
||||||
transition: background-color 0.1s ease 0s; |
|
||||||
} |
|
||||||
|
|
||||||
.accordion-heading a { |
|
||||||
color: #EEEEEE; |
|
||||||
display: block; |
|
||||||
font-size: 18px; |
|
||||||
font-weight: bold; |
|
||||||
line-height: 27px; |
|
||||||
padding: 8px 15px; |
|
||||||
text-decoration: none; |
|
||||||
outline: none; |
|
||||||
-webkit-transition: color 0.1s ease 0s; |
|
||||||
-moz-transition: color 0.1s ease 0s; |
|
||||||
-o-transition: color 0.1s ease 0s; |
|
||||||
transition: color 0.1s ease 0s; |
|
||||||
} |
|
||||||
|
|
||||||
.accordion-heading a:hover { |
|
||||||
color: #049CDB; |
|
||||||
} |
|
||||||
|
|
||||||
/*========================= RESPONSIVE =========================*/ |
|
||||||
|
|
||||||
@media (max-width: 1200px) { |
|
||||||
.page-controls h1 { font-size: 25px; } |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
/*================ STYLES FOR php2python BRANCH ================*/ |
|
||||||
|
|
||||||
input[value="password:mapping"] + div { margin-bottom:10px; } |
|
||||||
input[value="new_password:mapping"] + div { margin-bottom:10px; } |
|
||||||
|
|
||||||
.form-horizontal.user-settings fieldset > .controls { margin-left:0; } |
|
||||||
.user-settings .panel-heading, |
|
||||||
.edit-order .panel-heading { |
|
||||||
font-size:150%; |
|
||||||
padding-top: 20px; |
|
||||||
padding-bottom: 20px; |
|
||||||
margin-bottom: 20px; |
|
||||||
border-bottom: 1px solid #aaa;} |
|
||||||
div.alert a { color:inherit; text-decoration:underline; } |
|
||||||
td.column-pkg, td.column-price, td.column-total, td.column-amount { |
|
||||||
text-align:right;} |
|
||||||
input.number { text-align:right; } |
|
||||||
.moneyinput .amount { width:167px; text-align:right;} |
|
||||||
.moneyinput .currency { width:30px; text-align:center;} |
|
||||||
.controls .form-control-static { padding-top:5px; } |
|
||||||
.form-like-display.form-horizontal .control-group { margin-bottom:0px; } |
|
@ -0,0 +1,952 @@ |
|||||||
|
/* Bootstrap */ |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Icons'; |
||||||
|
src: url('../fonts/open-iconic.eot'); |
||||||
|
src: url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
.oi { |
||||||
|
position: relative; |
||||||
|
top: 1px; |
||||||
|
display: inline-block; |
||||||
|
speak:none; |
||||||
|
font-family: 'Icons'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
line-height: 1; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
|
||||||
|
.oi:empty:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
.oi.oi-align-center:before { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.oi.oi-align-left:before { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
.oi.oi-align-right:before { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.oi.oi-flip-horizontal:before { |
||||||
|
-webkit-transform: scale(-1, 1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.oi.oi-flip-vertical:before { |
||||||
|
-webkit-transform: scale(1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
.oi.oi-flip-horizontal-vertical:before { |
||||||
|
-webkit-transform: scale(-1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.oi-account-login:before { |
||||||
|
content:'\e000'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-account-logout:before { |
||||||
|
content:'\e001'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-redo:before { |
||||||
|
content:'\e002'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-undo:before { |
||||||
|
content:'\e003'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-center:before { |
||||||
|
content:'\e004'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-left:before { |
||||||
|
content:'\e005'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-right:before { |
||||||
|
content:'\e006'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-aperture:before { |
||||||
|
content:'\e007'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-bottom:before { |
||||||
|
content:'\e008'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-bottom:before { |
||||||
|
content:'\e009'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-left:before { |
||||||
|
content:'\e00a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-right:before { |
||||||
|
content:'\e00b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-top:before { |
||||||
|
content:'\e00c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-left:before { |
||||||
|
content:'\e00d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-right:before { |
||||||
|
content:'\e00e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-bottom:before { |
||||||
|
content:'\e00f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-left:before { |
||||||
|
content:'\e010'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-right:before { |
||||||
|
content:'\e011'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-top:before { |
||||||
|
content:'\e012'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-top:before { |
||||||
|
content:'\e013'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio-spectrum:before { |
||||||
|
content:'\e014'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio:before { |
||||||
|
content:'\e015'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-badge:before { |
||||||
|
content:'\e016'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ban:before { |
||||||
|
content:'\e017'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bar-chart:before { |
||||||
|
content:'\e018'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-basket:before { |
||||||
|
content:'\e019'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-empty:before { |
||||||
|
content:'\e01a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-full:before { |
||||||
|
content:'\e01b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-beaker:before { |
||||||
|
content:'\e01c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bell:before { |
||||||
|
content:'\e01d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bluetooth:before { |
||||||
|
content:'\e01e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bold:before { |
||||||
|
content:'\e01f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bolt:before { |
||||||
|
content:'\e020'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-book:before { |
||||||
|
content:'\e021'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bookmark:before { |
||||||
|
content:'\e022'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-box:before { |
||||||
|
content:'\e023'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-briefcase:before { |
||||||
|
content:'\e024'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-british-pound:before { |
||||||
|
content:'\e025'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-browser:before { |
||||||
|
content:'\e026'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-brush:before { |
||||||
|
content:'\e027'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bug:before { |
||||||
|
content:'\e028'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bullhorn:before { |
||||||
|
content:'\e029'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calculator:before { |
||||||
|
content:'\e02a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calendar:before { |
||||||
|
content:'\e02b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-camera-slr:before { |
||||||
|
content:'\e02c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-bottom:before { |
||||||
|
content:'\e02d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-left:before { |
||||||
|
content:'\e02e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-right:before { |
||||||
|
content:'\e02f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-top:before { |
||||||
|
content:'\e030'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cart:before { |
||||||
|
content:'\e031'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chat:before { |
||||||
|
content:'\e032'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-check:before { |
||||||
|
content:'\e033'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-bottom:before { |
||||||
|
content:'\e034'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-left:before { |
||||||
|
content:'\e035'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-right:before { |
||||||
|
content:'\e036'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-top:before { |
||||||
|
content:'\e037'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-check:before { |
||||||
|
content:'\e038'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-x:before { |
||||||
|
content:'\e039'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clipboard:before { |
||||||
|
content:'\e03a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clock:before { |
||||||
|
content:'\e03b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-download:before { |
||||||
|
content:'\e03c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-upload:before { |
||||||
|
content:'\e03d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud:before { |
||||||
|
content:'\e03e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloudy:before { |
||||||
|
content:'\e03f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-code:before { |
||||||
|
content:'\e040'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cog:before { |
||||||
|
content:'\e041'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-down:before { |
||||||
|
content:'\e042'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-left:before { |
||||||
|
content:'\e043'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-right:before { |
||||||
|
content:'\e044'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-up:before { |
||||||
|
content:'\e045'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-command:before { |
||||||
|
content:'\e046'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-comment-square:before { |
||||||
|
content:'\e047'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-compass:before { |
||||||
|
content:'\e048'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-contrast:before { |
||||||
|
content:'\e049'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-copywriting:before { |
||||||
|
content:'\e04a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-credit-card:before { |
||||||
|
content:'\e04b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-crop:before { |
||||||
|
content:'\e04c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dashboard:before { |
||||||
|
content:'\e04d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-download:before { |
||||||
|
content:'\e04e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-upload:before { |
||||||
|
content:'\e04f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-delete:before { |
||||||
|
content:'\e050'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dial:before { |
||||||
|
content:'\e051'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-document:before { |
||||||
|
content:'\e052'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dollar:before { |
||||||
|
content:'\e053'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-left:before { |
||||||
|
content:'\e054'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-right:before { |
||||||
|
content:'\e055'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-left:before { |
||||||
|
content:'\e056'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-right:before { |
||||||
|
content:'\e057'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-droplet:before { |
||||||
|
content:'\e058'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eject:before { |
||||||
|
content:'\e059'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-elevator:before { |
||||||
|
content:'\e05a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ellipses:before { |
||||||
|
content:'\e05b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-closed:before { |
||||||
|
content:'\e05c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-open:before { |
||||||
|
content:'\e05d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-euro:before { |
||||||
|
content:'\e05e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-excerpt:before { |
||||||
|
content:'\e05f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-down:before { |
||||||
|
content:'\e060'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-left:before { |
||||||
|
content:'\e061'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-right:before { |
||||||
|
content:'\e062'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-up:before { |
||||||
|
content:'\e063'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-external-link:before { |
||||||
|
content:'\e064'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eye:before { |
||||||
|
content:'\e065'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eyedropper:before { |
||||||
|
content:'\e066'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-file:before { |
||||||
|
content:'\e067'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fire:before { |
||||||
|
content:'\e068'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flag:before { |
||||||
|
content:'\e069'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flash:before { |
||||||
|
content:'\e06a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-folder:before { |
||||||
|
content:'\e06b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fork:before { |
||||||
|
content:'\e06c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-enter:before { |
||||||
|
content:'\e06d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-exit:before { |
||||||
|
content:'\e06e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-globe:before { |
||||||
|
content:'\e06f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-graph:before { |
||||||
|
content:'\e070'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-four-up:before { |
||||||
|
content:'\e071'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-three-up:before { |
||||||
|
content:'\e072'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-two-up:before { |
||||||
|
content:'\e073'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-hard-drive:before { |
||||||
|
content:'\e074'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-header:before { |
||||||
|
content:'\e075'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-headphones:before { |
||||||
|
content:'\e076'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-heart:before { |
||||||
|
content:'\e077'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-home:before { |
||||||
|
content:'\e078'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-image:before { |
||||||
|
content:'\e079'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-inbox:before { |
||||||
|
content:'\e07a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-infinity:before { |
||||||
|
content:'\e07b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-info:before { |
||||||
|
content:'\e07c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-italic:before { |
||||||
|
content:'\e07d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-center:before { |
||||||
|
content:'\e07e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-left:before { |
||||||
|
content:'\e07f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-right:before { |
||||||
|
content:'\e080'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-key:before { |
||||||
|
content:'\e081'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-laptop:before { |
||||||
|
content:'\e082'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-layers:before { |
||||||
|
content:'\e083'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lightbulb:before { |
||||||
|
content:'\e084'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-broken:before { |
||||||
|
content:'\e085'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-intact:before { |
||||||
|
content:'\e086'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list-rich:before { |
||||||
|
content:'\e087'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list:before { |
||||||
|
content:'\e088'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-location:before { |
||||||
|
content:'\e089'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-locked:before { |
||||||
|
content:'\e08a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-unlocked:before { |
||||||
|
content:'\e08b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-circular:before { |
||||||
|
content:'\e08c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-square:before { |
||||||
|
content:'\e08d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop:before { |
||||||
|
content:'\e08e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-magnifying-glass:before { |
||||||
|
content:'\e08f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map-marker:before { |
||||||
|
content:'\e090'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map:before { |
||||||
|
content:'\e091'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-pause:before { |
||||||
|
content:'\e092'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-play:before { |
||||||
|
content:'\e093'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-record:before { |
||||||
|
content:'\e094'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-backward:before { |
||||||
|
content:'\e095'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-forward:before { |
||||||
|
content:'\e096'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-backward:before { |
||||||
|
content:'\e097'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-forward:before { |
||||||
|
content:'\e098'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-stop:before { |
||||||
|
content:'\e099'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-medical-cross:before { |
||||||
|
content:'\e09a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-menu:before { |
||||||
|
content:'\e09b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-microphone:before { |
||||||
|
content:'\e09c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-minus:before { |
||||||
|
content:'\e09d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-monitor:before { |
||||||
|
content:'\e09e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-moon:before { |
||||||
|
content:'\e09f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-move:before { |
||||||
|
content:'\e0a0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-musical-note:before { |
||||||
|
content:'\e0a1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-paperclip:before { |
||||||
|
content:'\e0a2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pencil:before { |
||||||
|
content:'\e0a3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-people:before { |
||||||
|
content:'\e0a4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-person:before { |
||||||
|
content:'\e0a5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-phone:before { |
||||||
|
content:'\e0a6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pie-chart:before { |
||||||
|
content:'\e0a7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pin:before { |
||||||
|
content:'\e0a8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-play-circle:before { |
||||||
|
content:'\e0a9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-plus:before { |
||||||
|
content:'\e0aa'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-power-standby:before { |
||||||
|
content:'\e0ab'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-print:before { |
||||||
|
content:'\e0ac'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-project:before { |
||||||
|
content:'\e0ad'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pulse:before { |
||||||
|
content:'\e0ae'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-puzzle-piece:before { |
||||||
|
content:'\e0af'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-question-mark:before { |
||||||
|
content:'\e0b0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rain:before { |
||||||
|
content:'\e0b1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-random:before { |
||||||
|
content:'\e0b2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-reload:before { |
||||||
|
content:'\e0b3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-both:before { |
||||||
|
content:'\e0b4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-height:before { |
||||||
|
content:'\e0b5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-width:before { |
||||||
|
content:'\e0b6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss-alt:before { |
||||||
|
content:'\e0b7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss:before { |
||||||
|
content:'\e0b8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-script:before { |
||||||
|
content:'\e0b9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share-boxed:before { |
||||||
|
content:'\e0ba'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share:before { |
||||||
|
content:'\e0bb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-shield:before { |
||||||
|
content:'\e0bc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signal:before { |
||||||
|
content:'\e0bd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signpost:before { |
||||||
|
content:'\e0be'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-ascending:before { |
||||||
|
content:'\e0bf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-descending:before { |
||||||
|
content:'\e0c0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-spreadsheet:before { |
||||||
|
content:'\e0c1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-star:before { |
||||||
|
content:'\e0c2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sun:before { |
||||||
|
content:'\e0c3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tablet:before { |
||||||
|
content:'\e0c4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tag:before { |
||||||
|
content:'\e0c5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tags:before { |
||||||
|
content:'\e0c6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-target:before { |
||||||
|
content:'\e0c7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-task:before { |
||||||
|
content:'\e0c8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-terminal:before { |
||||||
|
content:'\e0c9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-text:before { |
||||||
|
content:'\e0ca'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-down:before { |
||||||
|
content:'\e0cb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-up:before { |
||||||
|
content:'\e0cc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-timer:before { |
||||||
|
content:'\e0cd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-transfer:before { |
||||||
|
content:'\e0ce'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-trash:before { |
||||||
|
content:'\e0cf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-underline:before { |
||||||
|
content:'\e0d0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-bottom:before { |
||||||
|
content:'\e0d1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-center:before { |
||||||
|
content:'\e0d2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-top:before { |
||||||
|
content:'\e0d3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-video:before { |
||||||
|
content:'\e0d4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-high:before { |
||||||
|
content:'\e0d5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-low:before { |
||||||
|
content:'\e0d6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-off:before { |
||||||
|
content:'\e0d7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-warning:before { |
||||||
|
content:'\e0d8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wifi:before { |
||||||
|
content:'\e0d9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wrench:before { |
||||||
|
content:'\e0da'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-x:before { |
||||||
|
content:'\e0db'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-yen:before { |
||||||
|
content:'\e0dc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-in:before { |
||||||
|
content:'\e0dd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-out:before { |
||||||
|
content:'\e0de'; |
||||||
|
} |
@ -0,0 +1,960 @@ |
|||||||
|
/* Bootstrap */ |
||||||
|
|
||||||
|
/* Override Bootstrap default variable */ |
||||||
|
//@icon-font-path: "../fonts/"; |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Icons'; |
||||||
|
src: ~"url('@{icon-font-path}open-iconic.eot')"; |
||||||
|
src: ~"url('@{icon-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype')", |
||||||
|
~"url('@{icon-font-path}open-iconic.woff') format('woff')", |
||||||
|
~"url('@{icon-font-path}open-iconic.ttf') format('truetype')", |
||||||
|
~"url('@{icon-font-path}open-iconic.svg#iconic-sm') format('svg')"; |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
// Catchall baseclass |
||||||
|
.oi { |
||||||
|
position: relative; |
||||||
|
top: 1px; |
||||||
|
display: inline-block; |
||||||
|
font-family: 'Icons'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
line-height: 1; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
|
||||||
|
&:empty:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-center:before { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-left:before { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-right:before { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-horizontal:before { |
||||||
|
-webkit-transform: scale(-1, 1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, 1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-vertical:before { |
||||||
|
-webkit-transform: scale(1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-horizontal-vertical:before { |
||||||
|
-webkit-transform: scale(-1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, -1); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.oi-account-login:before { |
||||||
|
content:"\e000"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-account-logout:before { |
||||||
|
content:"\e001"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-redo:before { |
||||||
|
content:"\e002"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-undo:before { |
||||||
|
content:"\e003"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-center:before { |
||||||
|
content:"\e004"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-left:before { |
||||||
|
content:"\e005"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-right:before { |
||||||
|
content:"\e006"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-aperture:before { |
||||||
|
content:"\e007"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-bottom:before { |
||||||
|
content:"\e008"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-bottom:before { |
||||||
|
content:"\e009"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-left:before { |
||||||
|
content:"\e00a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-right:before { |
||||||
|
content:"\e00b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-top:before { |
||||||
|
content:"\e00c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-left:before { |
||||||
|
content:"\e00d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-right:before { |
||||||
|
content:"\e00e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-bottom:before { |
||||||
|
content:"\e00f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-left:before { |
||||||
|
content:"\e010"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-right:before { |
||||||
|
content:"\e011"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-top:before { |
||||||
|
content:"\e012"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-top:before { |
||||||
|
content:"\e013"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio-spectrum:before { |
||||||
|
content:"\e014"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio:before { |
||||||
|
content:"\e015"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-badge:before { |
||||||
|
content:"\e016"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ban:before { |
||||||
|
content:"\e017"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bar-chart:before { |
||||||
|
content:"\e018"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-basket:before { |
||||||
|
content:"\e019"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-empty:before { |
||||||
|
content:"\e01a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-full:before { |
||||||
|
content:"\e01b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-beaker:before { |
||||||
|
content:"\e01c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bell:before { |
||||||
|
content:"\e01d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bluetooth:before { |
||||||
|
content:"\e01e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bold:before { |
||||||
|
content:"\e01f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bolt:before { |
||||||
|
content:"\e020"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-book:before { |
||||||
|
content:"\e021"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bookmark:before { |
||||||
|
content:"\e022"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-box:before { |
||||||
|
content:"\e023"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-briefcase:before { |
||||||
|
content:"\e024"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-british-pound:before { |
||||||
|
content:"\e025"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-browser:before { |
||||||
|
content:"\e026"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-brush:before { |
||||||
|
content:"\e027"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bug:before { |
||||||
|
content:"\e028"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bullhorn:before { |
||||||
|
content:"\e029"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calculator:before { |
||||||
|
content:"\e02a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calendar:before { |
||||||
|
content:"\e02b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-camera-slr:before { |
||||||
|
content:"\e02c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-bottom:before { |
||||||
|
content:"\e02d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-left:before { |
||||||
|
content:"\e02e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-right:before { |
||||||
|
content:"\e02f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-top:before { |
||||||
|
content:"\e030"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cart:before { |
||||||
|
content:"\e031"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chat:before { |
||||||
|
content:"\e032"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-check:before { |
||||||
|
content:"\e033"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-bottom:before { |
||||||
|
content:"\e034"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-left:before { |
||||||
|
content:"\e035"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-right:before { |
||||||
|
content:"\e036"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-top:before { |
||||||
|
content:"\e037"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-check:before { |
||||||
|
content:"\e038"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-x:before { |
||||||
|
content:"\e039"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clipboard:before { |
||||||
|
content:"\e03a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clock:before { |
||||||
|
content:"\e03b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-download:before { |
||||||
|
content:"\e03c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-upload:before { |
||||||
|
content:"\e03d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud:before { |
||||||
|
content:"\e03e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloudy:before { |
||||||
|
content:"\e03f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-code:before { |
||||||
|
content:"\e040"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cog:before { |
||||||
|
content:"\e041"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-down:before { |
||||||
|
content:"\e042"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-left:before { |
||||||
|
content:"\e043"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-right:before { |
||||||
|
content:"\e044"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-up:before { |
||||||
|
content:"\e045"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-command:before { |
||||||
|
content:"\e046"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-comment-square:before { |
||||||
|
content:"\e047"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-compass:before { |
||||||
|
content:"\e048"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-contrast:before { |
||||||
|
content:"\e049"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-copywriting:before { |
||||||
|
content:"\e04a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-credit-card:before { |
||||||
|
content:"\e04b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-crop:before { |
||||||
|
content:"\e04c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dashboard:before { |
||||||
|
content:"\e04d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-download:before { |
||||||
|
content:"\e04e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-upload:before { |
||||||
|
content:"\e04f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-delete:before { |
||||||
|
content:"\e050"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dial:before { |
||||||
|
content:"\e051"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-document:before { |
||||||
|
content:"\e052"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dollar:before { |
||||||
|
content:"\e053"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-left:before { |
||||||
|
content:"\e054"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-right:before { |
||||||
|
content:"\e055"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-left:before { |
||||||
|
content:"\e056"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-right:before { |
||||||
|
content:"\e057"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-droplet:before { |
||||||
|
content:"\e058"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eject:before { |
||||||
|
content:"\e059"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-elevator:before { |
||||||
|
content:"\e05a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ellipses:before { |
||||||
|
content:"\e05b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-closed:before { |
||||||
|
content:"\e05c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-open:before { |
||||||
|
content:"\e05d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-euro:before { |
||||||
|
content:"\e05e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-excerpt:before { |
||||||
|
content:"\e05f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-down:before { |
||||||
|
content:"\e060"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-left:before { |
||||||
|
content:"\e061"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-right:before { |
||||||
|
content:"\e062"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-up:before { |
||||||
|
content:"\e063"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-external-link:before { |
||||||
|
content:"\e064"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eye:before { |
||||||
|
content:"\e065"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eyedropper:before { |
||||||
|
content:"\e066"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-file:before { |
||||||
|
content:"\e067"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fire:before { |
||||||
|
content:"\e068"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flag:before { |
||||||
|
content:"\e069"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flash:before { |
||||||
|
content:"\e06a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-folder:before { |
||||||
|
content:"\e06b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fork:before { |
||||||
|
content:"\e06c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-enter:before { |
||||||
|
content:"\e06d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-exit:before { |
||||||
|
content:"\e06e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-globe:before { |
||||||
|
content:"\e06f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-graph:before { |
||||||
|
content:"\e070"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-four-up:before { |
||||||
|
content:"\e071"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-three-up:before { |
||||||
|
content:"\e072"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-two-up:before { |
||||||
|
content:"\e073"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-hard-drive:before { |
||||||
|
content:"\e074"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-header:before { |
||||||
|
content:"\e075"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-headphones:before { |
||||||
|
content:"\e076"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-heart:before { |
||||||
|
content:"\e077"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-home:before { |
||||||
|
content:"\e078"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-image:before { |
||||||
|
content:"\e079"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-inbox:before { |
||||||
|
content:"\e07a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-infinity:before { |
||||||
|
content:"\e07b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-info:before { |
||||||
|
content:"\e07c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-italic:before { |
||||||
|
content:"\e07d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-center:before { |
||||||
|
content:"\e07e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-left:before { |
||||||
|
content:"\e07f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-right:before { |
||||||
|
content:"\e080"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-key:before { |
||||||
|
content:"\e081"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-laptop:before { |
||||||
|
content:"\e082"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-layers:before { |
||||||
|
content:"\e083"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lightbulb:before { |
||||||
|
content:"\e084"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-broken:before { |
||||||
|
content:"\e085"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-intact:before { |
||||||
|
content:"\e086"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list-rich:before { |
||||||
|
content:"\e087"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list:before { |
||||||
|
content:"\e088"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-location:before { |
||||||
|
content:"\e089"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-locked:before { |
||||||
|
content:"\e08a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-unlocked:before { |
||||||
|
content:"\e08b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-circular:before { |
||||||
|
content:"\e08c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-square:before { |
||||||
|
content:"\e08d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop:before { |
||||||
|
content:"\e08e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-magnifying-glass:before { |
||||||
|
content:"\e08f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map-marker:before { |
||||||
|
content:"\e090"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map:before { |
||||||
|
content:"\e091"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-pause:before { |
||||||
|
content:"\e092"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-play:before { |
||||||
|
content:"\e093"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-record:before { |
||||||
|
content:"\e094"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-backward:before { |
||||||
|
content:"\e095"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-forward:before { |
||||||
|
content:"\e096"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-backward:before { |
||||||
|
content:"\e097"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-forward:before { |
||||||
|
content:"\e098"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-stop:before { |
||||||
|
content:"\e099"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-medical-cross:before { |
||||||
|
content:"\e09a"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-menu:before { |
||||||
|
content:"\e09b"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-microphone:before { |
||||||
|
content:"\e09c"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-minus:before { |
||||||
|
content:"\e09d"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-monitor:before { |
||||||
|
content:"\e09e"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-moon:before { |
||||||
|
content:"\e09f"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-move:before { |
||||||
|
content:"\e0a0"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-musical-note:before { |
||||||
|
content:"\e0a1"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-paperclip:before { |
||||||
|
content:"\e0a2"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pencil:before { |
||||||
|
content:"\e0a3"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-people:before { |
||||||
|
content:"\e0a4"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-person:before { |
||||||
|
content:"\e0a5"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-phone:before { |
||||||
|
content:"\e0a6"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pie-chart:before { |
||||||
|
content:"\e0a7"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pin:before { |
||||||
|
content:"\e0a8"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-play-circle:before { |
||||||
|
content:"\e0a9"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-plus:before { |
||||||
|
content:"\e0aa"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-power-standby:before { |
||||||
|
content:"\e0ab"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-print:before { |
||||||
|
content:"\e0ac"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-project:before { |
||||||
|
content:"\e0ad"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pulse:before { |
||||||
|
content:"\e0ae"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-puzzle-piece:before { |
||||||
|
content:"\e0af"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-question-mark:before { |
||||||
|
content:"\e0b0"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rain:before { |
||||||
|
content:"\e0b1"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-random:before { |
||||||
|
content:"\e0b2"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-reload:before { |
||||||
|
content:"\e0b3"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-both:before { |
||||||
|
content:"\e0b4"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-height:before { |
||||||
|
content:"\e0b5"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-width:before { |
||||||
|
content:"\e0b6"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss-alt:before { |
||||||
|
content:"\e0b7"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss:before { |
||||||
|
content:"\e0b8"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-script:before { |
||||||
|
content:"\e0b9"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share-boxed:before { |
||||||
|
content:"\e0ba"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share:before { |
||||||
|
content:"\e0bb"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-shield:before { |
||||||
|
content:"\e0bc"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signal:before { |
||||||
|
content:"\e0bd"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signpost:before { |
||||||
|
content:"\e0be"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-ascending:before { |
||||||
|
content:"\e0bf"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-descending:before { |
||||||
|
content:"\e0c0"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-spreadsheet:before { |
||||||
|
content:"\e0c1"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-star:before { |
||||||
|
content:"\e0c2"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sun:before { |
||||||
|
content:"\e0c3"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tablet:before { |
||||||
|
content:"\e0c4"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tag:before { |
||||||
|
content:"\e0c5"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tags:before { |
||||||
|
content:"\e0c6"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-target:before { |
||||||
|
content:"\e0c7"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-task:before { |
||||||
|
content:"\e0c8"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-terminal:before { |
||||||
|
content:"\e0c9"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-text:before { |
||||||
|
content:"\e0ca"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-down:before { |
||||||
|
content:"\e0cb"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-up:before { |
||||||
|
content:"\e0cc"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-timer:before { |
||||||
|
content:"\e0cd"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-transfer:before { |
||||||
|
content:"\e0ce"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-trash:before { |
||||||
|
content:"\e0cf"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-underline:before { |
||||||
|
content:"\e0d0"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-bottom:before { |
||||||
|
content:"\e0d1"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-center:before { |
||||||
|
content:"\e0d2"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-top:before { |
||||||
|
content:"\e0d3"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-video:before { |
||||||
|
content:"\e0d4"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-high:before { |
||||||
|
content:"\e0d5"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-low:before { |
||||||
|
content:"\e0d6"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-off:before { |
||||||
|
content:"\e0d7"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-warning:before { |
||||||
|
content:"\e0d8"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wifi:before { |
||||||
|
content:"\e0d9"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wrench:before { |
||||||
|
content:"\e0da"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-x:before { |
||||||
|
content:"\e0db"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-yen:before { |
||||||
|
content:"\e0dc"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-in:before { |
||||||
|
content:"\e0dd"; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-out:before { |
||||||
|
content:"\e0de"; |
||||||
|
} |
||||||
|
|
@ -0,0 +1,958 @@ |
|||||||
|
/* Bootstrap */ |
||||||
|
|
||||||
|
/* Override Bootstrap default variable */ |
||||||
|
$icon-font-path: '../fonts/' !default; |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Icons'; |
||||||
|
src: url('#{$icon-font-path}open-iconic.eot'); |
||||||
|
src: url('#{$icon-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('#{$icon-font-path}open-iconic.woff') format('woff'), url('#{$icon-font-path}open-iconic.ttf') format('truetype'), url('#{$icon-font-path}open-iconic.svg#iconic-sm') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
// Catchall baseclass |
||||||
|
.oi { |
||||||
|
position: relative; |
||||||
|
top: 1px; |
||||||
|
display: inline-block; |
||||||
|
font-family: 'Icons'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
line-height: 1; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
|
||||||
|
|
||||||
|
&:empty:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-center:before { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-left:before { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-right:before { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-horizontal:before { |
||||||
|
-webkit-transform: scale(-1, 1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, 1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-vertical:before { |
||||||
|
-webkit-transform: scale(1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-horizontal-vertical:before { |
||||||
|
-webkit-transform: scale(-1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, -1); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.oi-account-login:before { |
||||||
|
content:'\e000'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-account-logout:before { |
||||||
|
content:'\e001'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-redo:before { |
||||||
|
content:'\e002'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-undo:before { |
||||||
|
content:'\e003'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-center:before { |
||||||
|
content:'\e004'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-left:before { |
||||||
|
content:'\e005'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-right:before { |
||||||
|
content:'\e006'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-aperture:before { |
||||||
|
content:'\e007'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-bottom:before { |
||||||
|
content:'\e008'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-bottom:before { |
||||||
|
content:'\e009'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-left:before { |
||||||
|
content:'\e00a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-right:before { |
||||||
|
content:'\e00b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-top:before { |
||||||
|
content:'\e00c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-left:before { |
||||||
|
content:'\e00d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-right:before { |
||||||
|
content:'\e00e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-bottom:before { |
||||||
|
content:'\e00f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-left:before { |
||||||
|
content:'\e010'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-right:before { |
||||||
|
content:'\e011'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-top:before { |
||||||
|
content:'\e012'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-top:before { |
||||||
|
content:'\e013'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio-spectrum:before { |
||||||
|
content:'\e014'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio:before { |
||||||
|
content:'\e015'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-badge:before { |
||||||
|
content:'\e016'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ban:before { |
||||||
|
content:'\e017'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bar-chart:before { |
||||||
|
content:'\e018'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-basket:before { |
||||||
|
content:'\e019'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-empty:before { |
||||||
|
content:'\e01a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-full:before { |
||||||
|
content:'\e01b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-beaker:before { |
||||||
|
content:'\e01c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bell:before { |
||||||
|
content:'\e01d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bluetooth:before { |
||||||
|
content:'\e01e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bold:before { |
||||||
|
content:'\e01f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bolt:before { |
||||||
|
content:'\e020'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-book:before { |
||||||
|
content:'\e021'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bookmark:before { |
||||||
|
content:'\e022'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-box:before { |
||||||
|
content:'\e023'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-briefcase:before { |
||||||
|
content:'\e024'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-british-pound:before { |
||||||
|
content:'\e025'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-browser:before { |
||||||
|
content:'\e026'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-brush:before { |
||||||
|
content:'\e027'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bug:before { |
||||||
|
content:'\e028'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bullhorn:before { |
||||||
|
content:'\e029'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calculator:before { |
||||||
|
content:'\e02a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calendar:before { |
||||||
|
content:'\e02b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-camera-slr:before { |
||||||
|
content:'\e02c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-bottom:before { |
||||||
|
content:'\e02d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-left:before { |
||||||
|
content:'\e02e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-right:before { |
||||||
|
content:'\e02f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-top:before { |
||||||
|
content:'\e030'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cart:before { |
||||||
|
content:'\e031'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chat:before { |
||||||
|
content:'\e032'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-check:before { |
||||||
|
content:'\e033'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-bottom:before { |
||||||
|
content:'\e034'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-left:before { |
||||||
|
content:'\e035'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-right:before { |
||||||
|
content:'\e036'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-top:before { |
||||||
|
content:'\e037'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-check:before { |
||||||
|
content:'\e038'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-x:before { |
||||||
|
content:'\e039'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clipboard:before { |
||||||
|
content:'\e03a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clock:before { |
||||||
|
content:'\e03b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-download:before { |
||||||
|
content:'\e03c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-upload:before { |
||||||
|
content:'\e03d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud:before { |
||||||
|
content:'\e03e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloudy:before { |
||||||
|
content:'\e03f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-code:before { |
||||||
|
content:'\e040'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cog:before { |
||||||
|
content:'\e041'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-down:before { |
||||||
|
content:'\e042'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-left:before { |
||||||
|
content:'\e043'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-right:before { |
||||||
|
content:'\e044'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-up:before { |
||||||
|
content:'\e045'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-command:before { |
||||||
|
content:'\e046'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-comment-square:before { |
||||||
|
content:'\e047'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-compass:before { |
||||||
|
content:'\e048'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-contrast:before { |
||||||
|
content:'\e049'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-copywriting:before { |
||||||
|
content:'\e04a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-credit-card:before { |
||||||
|
content:'\e04b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-crop:before { |
||||||
|
content:'\e04c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dashboard:before { |
||||||
|
content:'\e04d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-download:before { |
||||||
|
content:'\e04e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-upload:before { |
||||||
|
content:'\e04f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-delete:before { |
||||||
|
content:'\e050'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dial:before { |
||||||
|
content:'\e051'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-document:before { |
||||||
|
content:'\e052'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dollar:before { |
||||||
|
content:'\e053'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-left:before { |
||||||
|
content:'\e054'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-right:before { |
||||||
|
content:'\e055'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-left:before { |
||||||
|
content:'\e056'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-right:before { |
||||||
|
content:'\e057'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-droplet:before { |
||||||
|
content:'\e058'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eject:before { |
||||||
|
content:'\e059'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-elevator:before { |
||||||
|
content:'\e05a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ellipses:before { |
||||||
|
content:'\e05b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-closed:before { |
||||||
|
content:'\e05c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-open:before { |
||||||
|
content:'\e05d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-euro:before { |
||||||
|
content:'\e05e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-excerpt:before { |
||||||
|
content:'\e05f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-down:before { |
||||||
|
content:'\e060'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-left:before { |
||||||
|
content:'\e061'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-right:before { |
||||||
|
content:'\e062'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-up:before { |
||||||
|
content:'\e063'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-external-link:before { |
||||||
|
content:'\e064'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eye:before { |
||||||
|
content:'\e065'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eyedropper:before { |
||||||
|
content:'\e066'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-file:before { |
||||||
|
content:'\e067'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fire:before { |
||||||
|
content:'\e068'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flag:before { |
||||||
|
content:'\e069'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flash:before { |
||||||
|
content:'\e06a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-folder:before { |
||||||
|
content:'\e06b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fork:before { |
||||||
|
content:'\e06c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-enter:before { |
||||||
|
content:'\e06d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-exit:before { |
||||||
|
content:'\e06e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-globe:before { |
||||||
|
content:'\e06f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-graph:before { |
||||||
|
content:'\e070'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-four-up:before { |
||||||
|
content:'\e071'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-three-up:before { |
||||||
|
content:'\e072'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-two-up:before { |
||||||
|
content:'\e073'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-hard-drive:before { |
||||||
|
content:'\e074'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-header:before { |
||||||
|
content:'\e075'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-headphones:before { |
||||||
|
content:'\e076'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-heart:before { |
||||||
|
content:'\e077'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-home:before { |
||||||
|
content:'\e078'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-image:before { |
||||||
|
content:'\e079'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-inbox:before { |
||||||
|
content:'\e07a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-infinity:before { |
||||||
|
content:'\e07b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-info:before { |
||||||
|
content:'\e07c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-italic:before { |
||||||
|
content:'\e07d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-center:before { |
||||||
|
content:'\e07e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-left:before { |
||||||
|
content:'\e07f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-right:before { |
||||||
|
content:'\e080'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-key:before { |
||||||
|
content:'\e081'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-laptop:before { |
||||||
|
content:'\e082'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-layers:before { |
||||||
|
content:'\e083'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lightbulb:before { |
||||||
|
content:'\e084'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-broken:before { |
||||||
|
content:'\e085'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-intact:before { |
||||||
|
content:'\e086'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list-rich:before { |
||||||
|
content:'\e087'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list:before { |
||||||
|
content:'\e088'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-location:before { |
||||||
|
content:'\e089'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-locked:before { |
||||||
|
content:'\e08a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-unlocked:before { |
||||||
|
content:'\e08b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-circular:before { |
||||||
|
content:'\e08c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-square:before { |
||||||
|
content:'\e08d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop:before { |
||||||
|
content:'\e08e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-magnifying-glass:before { |
||||||
|
content:'\e08f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map-marker:before { |
||||||
|
content:'\e090'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map:before { |
||||||
|
content:'\e091'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-pause:before { |
||||||
|
content:'\e092'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-play:before { |
||||||
|
content:'\e093'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-record:before { |
||||||
|
content:'\e094'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-backward:before { |
||||||
|
content:'\e095'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-forward:before { |
||||||
|
content:'\e096'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-backward:before { |
||||||
|
content:'\e097'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-forward:before { |
||||||
|
content:'\e098'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-stop:before { |
||||||
|
content:'\e099'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-medical-cross:before { |
||||||
|
content:'\e09a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-menu:before { |
||||||
|
content:'\e09b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-microphone:before { |
||||||
|
content:'\e09c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-minus:before { |
||||||
|
content:'\e09d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-monitor:before { |
||||||
|
content:'\e09e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-moon:before { |
||||||
|
content:'\e09f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-move:before { |
||||||
|
content:'\e0a0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-musical-note:before { |
||||||
|
content:'\e0a1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-paperclip:before { |
||||||
|
content:'\e0a2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pencil:before { |
||||||
|
content:'\e0a3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-people:before { |
||||||
|
content:'\e0a4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-person:before { |
||||||
|
content:'\e0a5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-phone:before { |
||||||
|
content:'\e0a6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pie-chart:before { |
||||||
|
content:'\e0a7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pin:before { |
||||||
|
content:'\e0a8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-play-circle:before { |
||||||
|
content:'\e0a9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-plus:before { |
||||||
|
content:'\e0aa'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-power-standby:before { |
||||||
|
content:'\e0ab'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-print:before { |
||||||
|
content:'\e0ac'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-project:before { |
||||||
|
content:'\e0ad'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pulse:before { |
||||||
|
content:'\e0ae'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-puzzle-piece:before { |
||||||
|
content:'\e0af'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-question-mark:before { |
||||||
|
content:'\e0b0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rain:before { |
||||||
|
content:'\e0b1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-random:before { |
||||||
|
content:'\e0b2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-reload:before { |
||||||
|
content:'\e0b3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-both:before { |
||||||
|
content:'\e0b4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-height:before { |
||||||
|
content:'\e0b5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-width:before { |
||||||
|
content:'\e0b6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss-alt:before { |
||||||
|
content:'\e0b7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss:before { |
||||||
|
content:'\e0b8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-script:before { |
||||||
|
content:'\e0b9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share-boxed:before { |
||||||
|
content:'\e0ba'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share:before { |
||||||
|
content:'\e0bb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-shield:before { |
||||||
|
content:'\e0bc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signal:before { |
||||||
|
content:'\e0bd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signpost:before { |
||||||
|
content:'\e0be'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-ascending:before { |
||||||
|
content:'\e0bf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-descending:before { |
||||||
|
content:'\e0c0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-spreadsheet:before { |
||||||
|
content:'\e0c1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-star:before { |
||||||
|
content:'\e0c2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sun:before { |
||||||
|
content:'\e0c3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tablet:before { |
||||||
|
content:'\e0c4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tag:before { |
||||||
|
content:'\e0c5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tags:before { |
||||||
|
content:'\e0c6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-target:before { |
||||||
|
content:'\e0c7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-task:before { |
||||||
|
content:'\e0c8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-terminal:before { |
||||||
|
content:'\e0c9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-text:before { |
||||||
|
content:'\e0ca'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-down:before { |
||||||
|
content:'\e0cb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-up:before { |
||||||
|
content:'\e0cc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-timer:before { |
||||||
|
content:'\e0cd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-transfer:before { |
||||||
|
content:'\e0ce'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-trash:before { |
||||||
|
content:'\e0cf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-underline:before { |
||||||
|
content:'\e0d0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-bottom:before { |
||||||
|
content:'\e0d1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-center:before { |
||||||
|
content:'\e0d2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-top:before { |
||||||
|
content:'\e0d3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-video:before { |
||||||
|
content:'\e0d4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-high:before { |
||||||
|
content:'\e0d5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-low:before { |
||||||
|
content:'\e0d6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-off:before { |
||||||
|
content:'\e0d7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-warning:before { |
||||||
|
content:'\e0d8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wifi:before { |
||||||
|
content:'\e0d9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wrench:before { |
||||||
|
content:'\e0da'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-x:before { |
||||||
|
content:'\e0db'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-yen:before { |
||||||
|
content:'\e0dc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-in:before { |
||||||
|
content:'\e0dd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-out:before { |
||||||
|
content:'\e0de'; |
||||||
|
} |
||||||
|
|
@ -0,0 +1,954 @@ |
|||||||
|
/* Bootstrap */ |
||||||
|
|
||||||
|
@font-face |
||||||
|
font-family 'Icons' |
||||||
|
src url('../fonts/open-iconic.eot') |
||||||
|
src url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg') |
||||||
|
font-weight normal |
||||||
|
font-style normal |
||||||
|
|
||||||
|
|
||||||
|
// Catchall baseclass |
||||||
|
.oi |
||||||
|
position relative |
||||||
|
top 1px |
||||||
|
display inline-block |
||||||
|
font-family 'Icons' |
||||||
|
font-style normal |
||||||
|
font-weight normal |
||||||
|
line-height 1 |
||||||
|
-webkit-font-smoothing antialiased |
||||||
|
-moz-osx-font-smoothing grayscale |
||||||
|
|
||||||
|
|
||||||
|
&:empty:before |
||||||
|
width 1em |
||||||
|
text-align center |
||||||
|
box-sizing content-box |
||||||
|
|
||||||
|
&.oi-align-center:before |
||||||
|
text-align center |
||||||
|
|
||||||
|
|
||||||
|
&.oi-align-left:before |
||||||
|
text-align left |
||||||
|
|
||||||
|
|
||||||
|
&.oi-align-right:before |
||||||
|
text-align right |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-horizontal:before |
||||||
|
-webkit-transform scale(-1, 1) |
||||||
|
-ms-transform scale(-1, 1) |
||||||
|
transform scale(-1, 1) |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-vertical:before |
||||||
|
-webkit-transform scale(1, -1) |
||||||
|
-ms-transform scale(-1, 1) |
||||||
|
transform scale(1, -1) |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-horizontal-vertical:before |
||||||
|
-webkit-transform scale(-1, -1) |
||||||
|
-ms-transform scale(-1, 1) |
||||||
|
transform scale(-1, -1) |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.oi-account-login:before { |
||||||
|
content'\e000' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-account-logout:before { |
||||||
|
content'\e001' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-redo:before { |
||||||
|
content'\e002' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-action-undo:before { |
||||||
|
content'\e003' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-center:before { |
||||||
|
content'\e004' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-left:before { |
||||||
|
content'\e005' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-align-right:before { |
||||||
|
content'\e006' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-aperture:before { |
||||||
|
content'\e007' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-bottom:before { |
||||||
|
content'\e008' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-bottom:before { |
||||||
|
content'\e009' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-left:before { |
||||||
|
content'\e00a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-right:before { |
||||||
|
content'\e00b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-circle-top:before { |
||||||
|
content'\e00c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-left:before { |
||||||
|
content'\e00d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-right:before { |
||||||
|
content'\e00e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-bottom:before { |
||||||
|
content'\e00f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-left:before { |
||||||
|
content'\e010' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-right:before { |
||||||
|
content'\e011' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-thick-top:before { |
||||||
|
content'\e012' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-arrow-top:before { |
||||||
|
content'\e013' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio-spectrum:before { |
||||||
|
content'\e014' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-audio:before { |
||||||
|
content'\e015' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-badge:before { |
||||||
|
content'\e016' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ban:before { |
||||||
|
content'\e017' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bar-chart:before { |
||||||
|
content'\e018' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-basket:before { |
||||||
|
content'\e019' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-empty:before { |
||||||
|
content'\e01a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-battery-full:before { |
||||||
|
content'\e01b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-beaker:before { |
||||||
|
content'\e01c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bell:before { |
||||||
|
content'\e01d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bluetooth:before { |
||||||
|
content'\e01e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bold:before { |
||||||
|
content'\e01f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bolt:before { |
||||||
|
content'\e020' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-book:before { |
||||||
|
content'\e021' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bookmark:before { |
||||||
|
content'\e022' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-box:before { |
||||||
|
content'\e023' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-briefcase:before { |
||||||
|
content'\e024' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-british-pound:before { |
||||||
|
content'\e025' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-browser:before { |
||||||
|
content'\e026' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-brush:before { |
||||||
|
content'\e027' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bug:before { |
||||||
|
content'\e028' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-bullhorn:before { |
||||||
|
content'\e029' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calculator:before { |
||||||
|
content'\e02a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-calendar:before { |
||||||
|
content'\e02b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-camera-slr:before { |
||||||
|
content'\e02c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-bottom:before { |
||||||
|
content'\e02d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-left:before { |
||||||
|
content'\e02e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-right:before { |
||||||
|
content'\e02f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-caret-top:before { |
||||||
|
content'\e030' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cart:before { |
||||||
|
content'\e031' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chat:before { |
||||||
|
content'\e032' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-check:before { |
||||||
|
content'\e033' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-bottom:before { |
||||||
|
content'\e034' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-left:before { |
||||||
|
content'\e035' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-right:before { |
||||||
|
content'\e036' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-chevron-top:before { |
||||||
|
content'\e037' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-check:before { |
||||||
|
content'\e038' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-circle-x:before { |
||||||
|
content'\e039' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clipboard:before { |
||||||
|
content'\e03a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-clock:before { |
||||||
|
content'\e03b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-download:before { |
||||||
|
content'\e03c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud-upload:before { |
||||||
|
content'\e03d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloud:before { |
||||||
|
content'\e03e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cloudy:before { |
||||||
|
content'\e03f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-code:before { |
||||||
|
content'\e040' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-cog:before { |
||||||
|
content'\e041' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-down:before { |
||||||
|
content'\e042' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-left:before { |
||||||
|
content'\e043' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-right:before { |
||||||
|
content'\e044' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-collapse-up:before { |
||||||
|
content'\e045' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-command:before { |
||||||
|
content'\e046' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-comment-square:before { |
||||||
|
content'\e047' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-compass:before { |
||||||
|
content'\e048' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-contrast:before { |
||||||
|
content'\e049' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-copywriting:before { |
||||||
|
content'\e04a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-credit-card:before { |
||||||
|
content'\e04b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-crop:before { |
||||||
|
content'\e04c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dashboard:before { |
||||||
|
content'\e04d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-download:before { |
||||||
|
content'\e04e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-data-transfer-upload:before { |
||||||
|
content'\e04f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-delete:before { |
||||||
|
content'\e050' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dial:before { |
||||||
|
content'\e051' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-document:before { |
||||||
|
content'\e052' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-dollar:before { |
||||||
|
content'\e053' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-left:before { |
||||||
|
content'\e054' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-sans-right:before { |
||||||
|
content'\e055' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-left:before { |
||||||
|
content'\e056' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-double-quote-serif-right:before { |
||||||
|
content'\e057' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-droplet:before { |
||||||
|
content'\e058' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eject:before { |
||||||
|
content'\e059' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-elevator:before { |
||||||
|
content'\e05a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-ellipses:before { |
||||||
|
content'\e05b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-closed:before { |
||||||
|
content'\e05c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-envelope-open:before { |
||||||
|
content'\e05d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-euro:before { |
||||||
|
content'\e05e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-excerpt:before { |
||||||
|
content'\e05f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-down:before { |
||||||
|
content'\e060' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-left:before { |
||||||
|
content'\e061' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-right:before { |
||||||
|
content'\e062' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-expand-up:before { |
||||||
|
content'\e063' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-external-link:before { |
||||||
|
content'\e064' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eye:before { |
||||||
|
content'\e065' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-eyedropper:before { |
||||||
|
content'\e066' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-file:before { |
||||||
|
content'\e067' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fire:before { |
||||||
|
content'\e068' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flag:before { |
||||||
|
content'\e069' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-flash:before { |
||||||
|
content'\e06a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-folder:before { |
||||||
|
content'\e06b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fork:before { |
||||||
|
content'\e06c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-enter:before { |
||||||
|
content'\e06d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-fullscreen-exit:before { |
||||||
|
content'\e06e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-globe:before { |
||||||
|
content'\e06f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-graph:before { |
||||||
|
content'\e070' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-four-up:before { |
||||||
|
content'\e071' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-three-up:before { |
||||||
|
content'\e072' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-grid-two-up:before { |
||||||
|
content'\e073' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-hard-drive:before { |
||||||
|
content'\e074' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-header:before { |
||||||
|
content'\e075' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-headphones:before { |
||||||
|
content'\e076' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-heart:before { |
||||||
|
content'\e077' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-home:before { |
||||||
|
content'\e078' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-image:before { |
||||||
|
content'\e079' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-inbox:before { |
||||||
|
content'\e07a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-infinity:before { |
||||||
|
content'\e07b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-info:before { |
||||||
|
content'\e07c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-italic:before { |
||||||
|
content'\e07d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-center:before { |
||||||
|
content'\e07e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-left:before { |
||||||
|
content'\e07f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-justify-right:before { |
||||||
|
content'\e080' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-key:before { |
||||||
|
content'\e081' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-laptop:before { |
||||||
|
content'\e082' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-layers:before { |
||||||
|
content'\e083' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lightbulb:before { |
||||||
|
content'\e084' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-broken:before { |
||||||
|
content'\e085' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-link-intact:before { |
||||||
|
content'\e086' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list-rich:before { |
||||||
|
content'\e087' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-list:before { |
||||||
|
content'\e088' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-location:before { |
||||||
|
content'\e089' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-locked:before { |
||||||
|
content'\e08a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-lock-unlocked:before { |
||||||
|
content'\e08b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-circular:before { |
||||||
|
content'\e08c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop-square:before { |
||||||
|
content'\e08d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-loop:before { |
||||||
|
content'\e08e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-magnifying-glass:before { |
||||||
|
content'\e08f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map-marker:before { |
||||||
|
content'\e090' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-map:before { |
||||||
|
content'\e091' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-pause:before { |
||||||
|
content'\e092' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-play:before { |
||||||
|
content'\e093' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-record:before { |
||||||
|
content'\e094' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-backward:before { |
||||||
|
content'\e095' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-skip-forward:before { |
||||||
|
content'\e096' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-backward:before { |
||||||
|
content'\e097' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-step-forward:before { |
||||||
|
content'\e098' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-media-stop:before { |
||||||
|
content'\e099' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-medical-cross:before { |
||||||
|
content'\e09a' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-menu:before { |
||||||
|
content'\e09b' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-microphone:before { |
||||||
|
content'\e09c' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-minus:before { |
||||||
|
content'\e09d' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-monitor:before { |
||||||
|
content'\e09e' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-moon:before { |
||||||
|
content'\e09f' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-move:before { |
||||||
|
content'\e0a0' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-musical-note:before { |
||||||
|
content'\e0a1' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-paperclip:before { |
||||||
|
content'\e0a2' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pencil:before { |
||||||
|
content'\e0a3' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-people:before { |
||||||
|
content'\e0a4' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-person:before { |
||||||
|
content'\e0a5' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-phone:before { |
||||||
|
content'\e0a6' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pie-chart:before { |
||||||
|
content'\e0a7' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pin:before { |
||||||
|
content'\e0a8' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-play-circle:before { |
||||||
|
content'\e0a9' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-plus:before { |
||||||
|
content'\e0aa' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-power-standby:before { |
||||||
|
content'\e0ab' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-print:before { |
||||||
|
content'\e0ac' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-project:before { |
||||||
|
content'\e0ad' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-pulse:before { |
||||||
|
content'\e0ae' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-puzzle-piece:before { |
||||||
|
content'\e0af' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-question-mark:before { |
||||||
|
content'\e0b0' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rain:before { |
||||||
|
content'\e0b1' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-random:before { |
||||||
|
content'\e0b2' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-reload:before { |
||||||
|
content'\e0b3' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-both:before { |
||||||
|
content'\e0b4' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-height:before { |
||||||
|
content'\e0b5' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-resize-width:before { |
||||||
|
content'\e0b6' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss-alt:before { |
||||||
|
content'\e0b7' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-rss:before { |
||||||
|
content'\e0b8' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-script:before { |
||||||
|
content'\e0b9' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share-boxed:before { |
||||||
|
content'\e0ba' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-share:before { |
||||||
|
content'\e0bb' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-shield:before { |
||||||
|
content'\e0bc' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signal:before { |
||||||
|
content'\e0bd' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-signpost:before { |
||||||
|
content'\e0be' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-ascending:before { |
||||||
|
content'\e0bf' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sort-descending:before { |
||||||
|
content'\e0c0' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-spreadsheet:before { |
||||||
|
content'\e0c1' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-star:before { |
||||||
|
content'\e0c2' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-sun:before { |
||||||
|
content'\e0c3' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tablet:before { |
||||||
|
content'\e0c4' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tag:before { |
||||||
|
content'\e0c5' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-tags:before { |
||||||
|
content'\e0c6' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-target:before { |
||||||
|
content'\e0c7' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-task:before { |
||||||
|
content'\e0c8' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-terminal:before { |
||||||
|
content'\e0c9' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-text:before { |
||||||
|
content'\e0ca' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-down:before { |
||||||
|
content'\e0cb' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-thumb-up:before { |
||||||
|
content'\e0cc' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-timer:before { |
||||||
|
content'\e0cd' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-transfer:before { |
||||||
|
content'\e0ce' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-trash:before { |
||||||
|
content'\e0cf' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-underline:before { |
||||||
|
content'\e0d0' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-bottom:before { |
||||||
|
content'\e0d1' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-center:before { |
||||||
|
content'\e0d2' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-vertical-align-top:before { |
||||||
|
content'\e0d3' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-video:before { |
||||||
|
content'\e0d4' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-high:before { |
||||||
|
content'\e0d5' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-low:before { |
||||||
|
content'\e0d6' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-volume-off:before { |
||||||
|
content'\e0d7' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-warning:before { |
||||||
|
content'\e0d8' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wifi:before { |
||||||
|
content'\e0d9' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-wrench:before { |
||||||
|
content'\e0da' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-x:before { |
||||||
|
content'\e0db' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-yen:before { |
||||||
|
content'\e0dc' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-in:before { |
||||||
|
content'\e0dd' |
||||||
|
} |
||||||
|
|
||||||
|
.oi-zoom-out:before { |
||||||
|
content'\e0de' |
||||||
|
} |
||||||
|
|
@ -0,0 +1,511 @@ |
|||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Icons'; |
||||||
|
src: url('../fonts/open-iconic.eot'); |
||||||
|
src: url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace { |
||||||
|
font-size: 0; |
||||||
|
line-height: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph]:before { |
||||||
|
font-family: 'Icons'; |
||||||
|
display: inline-block; |
||||||
|
speak: none; |
||||||
|
line-height: 1; |
||||||
|
vertical-align: baseline; |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph]:empty:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-align-left:before { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-align-right:before { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-align-center:before { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-flip-horizontal:before { |
||||||
|
-webkit-transform: scale(-1, 1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, 1); |
||||||
|
} |
||||||
|
.oi[data-glyph].oi-flip-vertical:before { |
||||||
|
-webkit-transform: scale(1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(1, -1); |
||||||
|
} |
||||||
|
.oi[data-glyph].oi-flip-horizontal-vertical:before { |
||||||
|
-webkit-transform: scale(-1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.oi[data-glyph=account-login]:before { content:'\e000'; } |
||||||
|
|
||||||
|
.oi[data-glyph=account-logout]:before { content:'\e001'; } |
||||||
|
|
||||||
|
.oi[data-glyph=action-redo]:before { content:'\e002'; } |
||||||
|
|
||||||
|
.oi[data-glyph=action-undo]:before { content:'\e003'; } |
||||||
|
|
||||||
|
.oi[data-glyph=align-center]:before { content:'\e004'; } |
||||||
|
|
||||||
|
.oi[data-glyph=align-left]:before { content:'\e005'; } |
||||||
|
|
||||||
|
.oi[data-glyph=align-right]:before { content:'\e006'; } |
||||||
|
|
||||||
|
.oi[data-glyph=aperture]:before { content:'\e007'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-bottom]:before { content:'\e008'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-bottom]:before { content:'\e009'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-left]:before { content:'\e00a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-right]:before { content:'\e00b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-top]:before { content:'\e00c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-left]:before { content:'\e00d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-right]:before { content:'\e00e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-bottom]:before { content:'\e00f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-left]:before { content:'\e010'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-right]:before { content:'\e011'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-top]:before { content:'\e012'; } |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-top]:before { content:'\e013'; } |
||||||
|
|
||||||
|
.oi[data-glyph=audio-spectrum]:before { content:'\e014'; } |
||||||
|
|
||||||
|
.oi[data-glyph=audio]:before { content:'\e015'; } |
||||||
|
|
||||||
|
.oi[data-glyph=badge]:before { content:'\e016'; } |
||||||
|
|
||||||
|
.oi[data-glyph=ban]:before { content:'\e017'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bar-chart]:before { content:'\e018'; } |
||||||
|
|
||||||
|
.oi[data-glyph=basket]:before { content:'\e019'; } |
||||||
|
|
||||||
|
.oi[data-glyph=battery-empty]:before { content:'\e01a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=battery-full]:before { content:'\e01b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=beaker]:before { content:'\e01c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bell]:before { content:'\e01d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bluetooth]:before { content:'\e01e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bold]:before { content:'\e01f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bolt]:before { content:'\e020'; } |
||||||
|
|
||||||
|
.oi[data-glyph=book]:before { content:'\e021'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bookmark]:before { content:'\e022'; } |
||||||
|
|
||||||
|
.oi[data-glyph=box]:before { content:'\e023'; } |
||||||
|
|
||||||
|
.oi[data-glyph=briefcase]:before { content:'\e024'; } |
||||||
|
|
||||||
|
.oi[data-glyph=british-pound]:before { content:'\e025'; } |
||||||
|
|
||||||
|
.oi[data-glyph=browser]:before { content:'\e026'; } |
||||||
|
|
||||||
|
.oi[data-glyph=brush]:before { content:'\e027'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bug]:before { content:'\e028'; } |
||||||
|
|
||||||
|
.oi[data-glyph=bullhorn]:before { content:'\e029'; } |
||||||
|
|
||||||
|
.oi[data-glyph=calculator]:before { content:'\e02a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=calendar]:before { content:'\e02b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=camera-slr]:before { content:'\e02c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=caret-bottom]:before { content:'\e02d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=caret-left]:before { content:'\e02e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=caret-right]:before { content:'\e02f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=caret-top]:before { content:'\e030'; } |
||||||
|
|
||||||
|
.oi[data-glyph=cart]:before { content:'\e031'; } |
||||||
|
|
||||||
|
.oi[data-glyph=chat]:before { content:'\e032'; } |
||||||
|
|
||||||
|
.oi[data-glyph=check]:before { content:'\e033'; } |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-bottom]:before { content:'\e034'; } |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-left]:before { content:'\e035'; } |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-right]:before { content:'\e036'; } |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-top]:before { content:'\e037'; } |
||||||
|
|
||||||
|
.oi[data-glyph=circle-check]:before { content:'\e038'; } |
||||||
|
|
||||||
|
.oi[data-glyph=circle-x]:before { content:'\e039'; } |
||||||
|
|
||||||
|
.oi[data-glyph=clipboard]:before { content:'\e03a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=clock]:before { content:'\e03b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-download]:before { content:'\e03c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-upload]:before { content:'\e03d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=cloud]:before { content:'\e03e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=cloudy]:before { content:'\e03f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=code]:before { content:'\e040'; } |
||||||
|
|
||||||
|
.oi[data-glyph=cog]:before { content:'\e041'; } |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-down]:before { content:'\e042'; } |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-left]:before { content:'\e043'; } |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-right]:before { content:'\e044'; } |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-up]:before { content:'\e045'; } |
||||||
|
|
||||||
|
.oi[data-glyph=command]:before { content:'\e046'; } |
||||||
|
|
||||||
|
.oi[data-glyph=comment-square]:before { content:'\e047'; } |
||||||
|
|
||||||
|
.oi[data-glyph=compass]:before { content:'\e048'; } |
||||||
|
|
||||||
|
.oi[data-glyph=contrast]:before { content:'\e049'; } |
||||||
|
|
||||||
|
.oi[data-glyph=copywriting]:before { content:'\e04a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=credit-card]:before { content:'\e04b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=crop]:before { content:'\e04c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=dashboard]:before { content:'\e04d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-download]:before { content:'\e04e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-upload]:before { content:'\e04f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=delete]:before { content:'\e050'; } |
||||||
|
|
||||||
|
.oi[data-glyph=dial]:before { content:'\e051'; } |
||||||
|
|
||||||
|
.oi[data-glyph=document]:before { content:'\e052'; } |
||||||
|
|
||||||
|
.oi[data-glyph=dollar]:before { content:'\e053'; } |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-left]:before { content:'\e054'; } |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-right]:before { content:'\e055'; } |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-left]:before { content:'\e056'; } |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-right]:before { content:'\e057'; } |
||||||
|
|
||||||
|
.oi[data-glyph=droplet]:before { content:'\e058'; } |
||||||
|
|
||||||
|
.oi[data-glyph=eject]:before { content:'\e059'; } |
||||||
|
|
||||||
|
.oi[data-glyph=elevator]:before { content:'\e05a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=ellipses]:before { content:'\e05b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-closed]:before { content:'\e05c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-open]:before { content:'\e05d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=euro]:before { content:'\e05e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=excerpt]:before { content:'\e05f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=expand-down]:before { content:'\e060'; } |
||||||
|
|
||||||
|
.oi[data-glyph=expand-left]:before { content:'\e061'; } |
||||||
|
|
||||||
|
.oi[data-glyph=expand-right]:before { content:'\e062'; } |
||||||
|
|
||||||
|
.oi[data-glyph=expand-up]:before { content:'\e063'; } |
||||||
|
|
||||||
|
.oi[data-glyph=external-link]:before { content:'\e064'; } |
||||||
|
|
||||||
|
.oi[data-glyph=eye]:before { content:'\e065'; } |
||||||
|
|
||||||
|
.oi[data-glyph=eyedropper]:before { content:'\e066'; } |
||||||
|
|
||||||
|
.oi[data-glyph=file]:before { content:'\e067'; } |
||||||
|
|
||||||
|
.oi[data-glyph=fire]:before { content:'\e068'; } |
||||||
|
|
||||||
|
.oi[data-glyph=flag]:before { content:'\e069'; } |
||||||
|
|
||||||
|
.oi[data-glyph=flash]:before { content:'\e06a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=folder]:before { content:'\e06b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=fork]:before { content:'\e06c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-enter]:before { content:'\e06d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-exit]:before { content:'\e06e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=globe]:before { content:'\e06f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=graph]:before { content:'\e070'; } |
||||||
|
|
||||||
|
.oi[data-glyph=grid-four-up]:before { content:'\e071'; } |
||||||
|
|
||||||
|
.oi[data-glyph=grid-three-up]:before { content:'\e072'; } |
||||||
|
|
||||||
|
.oi[data-glyph=grid-two-up]:before { content:'\e073'; } |
||||||
|
|
||||||
|
.oi[data-glyph=hard-drive]:before { content:'\e074'; } |
||||||
|
|
||||||
|
.oi[data-glyph=header]:before { content:'\e075'; } |
||||||
|
|
||||||
|
.oi[data-glyph=headphones]:before { content:'\e076'; } |
||||||
|
|
||||||
|
.oi[data-glyph=heart]:before { content:'\e077'; } |
||||||
|
|
||||||
|
.oi[data-glyph=home]:before { content:'\e078'; } |
||||||
|
|
||||||
|
.oi[data-glyph=image]:before { content:'\e079'; } |
||||||
|
|
||||||
|
.oi[data-glyph=inbox]:before { content:'\e07a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=infinity]:before { content:'\e07b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=info]:before { content:'\e07c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=italic]:before { content:'\e07d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=justify-center]:before { content:'\e07e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=justify-left]:before { content:'\e07f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=justify-right]:before { content:'\e080'; } |
||||||
|
|
||||||
|
.oi[data-glyph=key]:before { content:'\e081'; } |
||||||
|
|
||||||
|
.oi[data-glyph=laptop]:before { content:'\e082'; } |
||||||
|
|
||||||
|
.oi[data-glyph=layers]:before { content:'\e083'; } |
||||||
|
|
||||||
|
.oi[data-glyph=lightbulb]:before { content:'\e084'; } |
||||||
|
|
||||||
|
.oi[data-glyph=link-broken]:before { content:'\e085'; } |
||||||
|
|
||||||
|
.oi[data-glyph=link-intact]:before { content:'\e086'; } |
||||||
|
|
||||||
|
.oi[data-glyph=list-rich]:before { content:'\e087'; } |
||||||
|
|
||||||
|
.oi[data-glyph=list]:before { content:'\e088'; } |
||||||
|
|
||||||
|
.oi[data-glyph=location]:before { content:'\e089'; } |
||||||
|
|
||||||
|
.oi[data-glyph=lock-locked]:before { content:'\e08a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=lock-unlocked]:before { content:'\e08b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=loop-circular]:before { content:'\e08c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=loop-square]:before { content:'\e08d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=loop]:before { content:'\e08e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=magnifying-glass]:before { content:'\e08f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=map-marker]:before { content:'\e090'; } |
||||||
|
|
||||||
|
.oi[data-glyph=map]:before { content:'\e091'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-pause]:before { content:'\e092'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-play]:before { content:'\e093'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-record]:before { content:'\e094'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-backward]:before { content:'\e095'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-forward]:before { content:'\e096'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-backward]:before { content:'\e097'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-forward]:before { content:'\e098'; } |
||||||
|
|
||||||
|
.oi[data-glyph=media-stop]:before { content:'\e099'; } |
||||||
|
|
||||||
|
.oi[data-glyph=medical-cross]:before { content:'\e09a'; } |
||||||
|
|
||||||
|
.oi[data-glyph=menu]:before { content:'\e09b'; } |
||||||
|
|
||||||
|
.oi[data-glyph=microphone]:before { content:'\e09c'; } |
||||||
|
|
||||||
|
.oi[data-glyph=minus]:before { content:'\e09d'; } |
||||||
|
|
||||||
|
.oi[data-glyph=monitor]:before { content:'\e09e'; } |
||||||
|
|
||||||
|
.oi[data-glyph=moon]:before { content:'\e09f'; } |
||||||
|
|
||||||
|
.oi[data-glyph=move]:before { content:'\e0a0'; } |
||||||
|
|
||||||
|
.oi[data-glyph=musical-note]:before { content:'\e0a1'; } |
||||||
|
|
||||||
|
.oi[data-glyph=paperclip]:before { content:'\e0a2'; } |
||||||
|
|
||||||
|
.oi[data-glyph=pencil]:before { content:'\e0a3'; } |
||||||
|
|
||||||
|
.oi[data-glyph=people]:before { content:'\e0a4'; } |
||||||
|
|
||||||
|
.oi[data-glyph=person]:before { content:'\e0a5'; } |
||||||
|
|
||||||
|
.oi[data-glyph=phone]:before { content:'\e0a6'; } |
||||||
|
|
||||||
|
.oi[data-glyph=pie-chart]:before { content:'\e0a7'; } |
||||||
|
|
||||||
|
.oi[data-glyph=pin]:before { content:'\e0a8'; } |
||||||
|
|
||||||
|
.oi[data-glyph=play-circle]:before { content:'\e0a9'; } |
||||||
|
|
||||||
|
.oi[data-glyph=plus]:before { content:'\e0aa'; } |
||||||
|
|
||||||
|
.oi[data-glyph=power-standby]:before { content:'\e0ab'; } |
||||||
|
|
||||||
|
.oi[data-glyph=print]:before { content:'\e0ac'; } |
||||||
|
|
||||||
|
.oi[data-glyph=project]:before { content:'\e0ad'; } |
||||||
|
|
||||||
|
.oi[data-glyph=pulse]:before { content:'\e0ae'; } |
||||||
|
|
||||||
|
.oi[data-glyph=puzzle-piece]:before { content:'\e0af'; } |
||||||
|
|
||||||
|
.oi[data-glyph=question-mark]:before { content:'\e0b0'; } |
||||||
|
|
||||||
|
.oi[data-glyph=rain]:before { content:'\e0b1'; } |
||||||
|
|
||||||
|
.oi[data-glyph=random]:before { content:'\e0b2'; } |
||||||
|
|
||||||
|
.oi[data-glyph=reload]:before { content:'\e0b3'; } |
||||||
|
|
||||||
|
.oi[data-glyph=resize-both]:before { content:'\e0b4'; } |
||||||
|
|
||||||
|
.oi[data-glyph=resize-height]:before { content:'\e0b5'; } |
||||||
|
|
||||||
|
.oi[data-glyph=resize-width]:before { content:'\e0b6'; } |
||||||
|
|
||||||
|
.oi[data-glyph=rss-alt]:before { content:'\e0b7'; } |
||||||
|
|
||||||
|
.oi[data-glyph=rss]:before { content:'\e0b8'; } |
||||||
|
|
||||||
|
.oi[data-glyph=script]:before { content:'\e0b9'; } |
||||||
|
|
||||||
|
.oi[data-glyph=share-boxed]:before { content:'\e0ba'; } |
||||||
|
|
||||||
|
.oi[data-glyph=share]:before { content:'\e0bb'; } |
||||||
|
|
||||||
|
.oi[data-glyph=shield]:before { content:'\e0bc'; } |
||||||
|
|
||||||
|
.oi[data-glyph=signal]:before { content:'\e0bd'; } |
||||||
|
|
||||||
|
.oi[data-glyph=signpost]:before { content:'\e0be'; } |
||||||
|
|
||||||
|
.oi[data-glyph=sort-ascending]:before { content:'\e0bf'; } |
||||||
|
|
||||||
|
.oi[data-glyph=sort-descending]:before { content:'\e0c0'; } |
||||||
|
|
||||||
|
.oi[data-glyph=spreadsheet]:before { content:'\e0c1'; } |
||||||
|
|
||||||
|
.oi[data-glyph=star]:before { content:'\e0c2'; } |
||||||
|
|
||||||
|
.oi[data-glyph=sun]:before { content:'\e0c3'; } |
||||||
|
|
||||||
|
.oi[data-glyph=tablet]:before { content:'\e0c4'; } |
||||||
|
|
||||||
|
.oi[data-glyph=tag]:before { content:'\e0c5'; } |
||||||
|
|
||||||
|
.oi[data-glyph=tags]:before { content:'\e0c6'; } |
||||||
|
|
||||||
|
.oi[data-glyph=target]:before { content:'\e0c7'; } |
||||||
|
|
||||||
|
.oi[data-glyph=task]:before { content:'\e0c8'; } |
||||||
|
|
||||||
|
.oi[data-glyph=terminal]:before { content:'\e0c9'; } |
||||||
|
|
||||||
|
.oi[data-glyph=text]:before { content:'\e0ca'; } |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-down]:before { content:'\e0cb'; } |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-up]:before { content:'\e0cc'; } |
||||||
|
|
||||||
|
.oi[data-glyph=timer]:before { content:'\e0cd'; } |
||||||
|
|
||||||
|
.oi[data-glyph=transfer]:before { content:'\e0ce'; } |
||||||
|
|
||||||
|
.oi[data-glyph=trash]:before { content:'\e0cf'; } |
||||||
|
|
||||||
|
.oi[data-glyph=underline]:before { content:'\e0d0'; } |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-bottom]:before { content:'\e0d1'; } |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-center]:before { content:'\e0d2'; } |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-top]:before { content:'\e0d3'; } |
||||||
|
|
||||||
|
.oi[data-glyph=video]:before { content:'\e0d4'; } |
||||||
|
|
||||||
|
.oi[data-glyph=volume-high]:before { content:'\e0d5'; } |
||||||
|
|
||||||
|
.oi[data-glyph=volume-low]:before { content:'\e0d6'; } |
||||||
|
|
||||||
|
.oi[data-glyph=volume-off]:before { content:'\e0d7'; } |
||||||
|
|
||||||
|
.oi[data-glyph=warning]:before { content:'\e0d8'; } |
||||||
|
|
||||||
|
.oi[data-glyph=wifi]:before { content:'\e0d9'; } |
||||||
|
|
||||||
|
.oi[data-glyph=wrench]:before { content:'\e0da'; } |
||||||
|
|
||||||
|
.oi[data-glyph=x]:before { content:'\e0db'; } |
||||||
|
|
||||||
|
.oi[data-glyph=yen]:before { content:'\e0dc'; } |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-in]:before { content:'\e0dd'; } |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-out]:before { content:'\e0de'; } |
@ -0,0 +1,962 @@ |
|||||||
|
@iconic-font-path: '../fonts/'; |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Icons'; |
||||||
|
src: url('@{iconic-font-path}open-iconic.eot'); |
||||||
|
src: url('@{iconic-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('@{iconic-font-path}open-iconic.woff') format('woff'), url('@{iconic-font-path}open-iconic.ttf') format('truetype'), url('@{iconic-font-path}open-iconic.otf') format('opentype'), url('@{iconic-font-path}open-iconic.svg#iconic-sm') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace { |
||||||
|
font-size: 0; |
||||||
|
line-height: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph] { |
||||||
|
&:before { |
||||||
|
position: relative; |
||||||
|
top: 1px; |
||||||
|
font-family: 'Icons'; |
||||||
|
display: inline-block; |
||||||
|
speak: none; |
||||||
|
line-height: 1; |
||||||
|
vertical-align: baseline; |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
|
||||||
|
&:empty:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-left:before { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
&.oi-align-right:before { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
&.oi-align-center:before { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-horizontal:before { |
||||||
|
-webkit-transform: scale(-1, 1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, 1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-vertical:before { |
||||||
|
-webkit-transform: scale(1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-horizontal-vertical:before { |
||||||
|
-webkit-transform: scale(-1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, -1); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.oi[data-glyph=account-login]:before { |
||||||
|
content: '\e000'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=account-logout]:before { |
||||||
|
content: '\e001'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=action-redo]:before { |
||||||
|
content: '\e002'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=action-undo]:before { |
||||||
|
content: '\e003'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=align-center]:before { |
||||||
|
content: '\e004'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=align-left]:before { |
||||||
|
content: '\e005'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=align-right]:before { |
||||||
|
content: '\e006'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=aperture]:before { |
||||||
|
content: '\e007'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-bottom]:before { |
||||||
|
content: '\e008'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-bottom]:before { |
||||||
|
content: '\e009'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-left]:before { |
||||||
|
content: '\e00a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-right]:before { |
||||||
|
content: '\e00b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-top]:before { |
||||||
|
content: '\e00c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-left]:before { |
||||||
|
content: '\e00d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-right]:before { |
||||||
|
content: '\e00e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-bottom]:before { |
||||||
|
content: '\e00f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-left]:before { |
||||||
|
content: '\e010'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-right]:before { |
||||||
|
content: '\e011'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-top]:before { |
||||||
|
content: '\e012'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-top]:before { |
||||||
|
content: '\e013'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=audio-spectrum]:before { |
||||||
|
content: '\e014'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=audio]:before { |
||||||
|
content: '\e015'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=badge]:before { |
||||||
|
content: '\e016'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=ban]:before { |
||||||
|
content: '\e017'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bar-chart]:before { |
||||||
|
content: '\e018'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=basket]:before { |
||||||
|
content: '\e019'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=battery-empty]:before { |
||||||
|
content: '\e01a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=battery-full]:before { |
||||||
|
content: '\e01b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=beaker]:before { |
||||||
|
content: '\e01c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bell]:before { |
||||||
|
content: '\e01d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bluetooth]:before { |
||||||
|
content: '\e01e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bold]:before { |
||||||
|
content: '\e01f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bolt]:before { |
||||||
|
content: '\e020'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=book]:before { |
||||||
|
content: '\e021'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bookmark]:before { |
||||||
|
content: '\e022'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=box]:before { |
||||||
|
content: '\e023'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=briefcase]:before { |
||||||
|
content: '\e024'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=british-pound]:before { |
||||||
|
content: '\e025'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=browser]:before { |
||||||
|
content: '\e026'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=brush]:before { |
||||||
|
content: '\e027'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bug]:before { |
||||||
|
content: '\e028'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bullhorn]:before { |
||||||
|
content: '\e029'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=calculator]:before { |
||||||
|
content: '\e02a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=calendar]:before { |
||||||
|
content: '\e02b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=camera-slr]:before { |
||||||
|
content: '\e02c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-bottom]:before { |
||||||
|
content: '\e02d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-left]:before { |
||||||
|
content: '\e02e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-right]:before { |
||||||
|
content: '\e02f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-top]:before { |
||||||
|
content: '\e030'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cart]:before { |
||||||
|
content: '\e031'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chat]:before { |
||||||
|
content: '\e032'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=check]:before { |
||||||
|
content: '\e033'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-bottom]:before { |
||||||
|
content: '\e034'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-left]:before { |
||||||
|
content: '\e035'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-right]:before { |
||||||
|
content: '\e036'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-top]:before { |
||||||
|
content: '\e037'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=circle-check]:before { |
||||||
|
content: '\e038'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=circle-x]:before { |
||||||
|
content: '\e039'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=clipboard]:before { |
||||||
|
content: '\e03a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=clock]:before { |
||||||
|
content: '\e03b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-download]:before { |
||||||
|
content: '\e03c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-upload]:before { |
||||||
|
content: '\e03d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloud]:before { |
||||||
|
content: '\e03e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloudy]:before { |
||||||
|
content: '\e03f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=code]:before { |
||||||
|
content: '\e040'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cog]:before { |
||||||
|
content: '\e041'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-down]:before { |
||||||
|
content: '\e042'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-left]:before { |
||||||
|
content: '\e043'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-right]:before { |
||||||
|
content: '\e044'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-up]:before { |
||||||
|
content: '\e045'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=command]:before { |
||||||
|
content: '\e046'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=comment-square]:before { |
||||||
|
content: '\e047'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=compass]:before { |
||||||
|
content: '\e048'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=contrast]:before { |
||||||
|
content: '\e049'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=copywriting]:before { |
||||||
|
content: '\e04a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=credit-card]:before { |
||||||
|
content: '\e04b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=crop]:before { |
||||||
|
content: '\e04c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=dashboard]:before { |
||||||
|
content: '\e04d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-download]:before { |
||||||
|
content: '\e04e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-upload]:before { |
||||||
|
content: '\e04f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=delete]:before { |
||||||
|
content: '\e050'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=dial]:before { |
||||||
|
content: '\e051'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=document]:before { |
||||||
|
content: '\e052'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=dollar]:before { |
||||||
|
content: '\e053'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-left]:before { |
||||||
|
content: '\e054'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-right]:before { |
||||||
|
content: '\e055'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-left]:before { |
||||||
|
content: '\e056'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-right]:before { |
||||||
|
content: '\e057'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=droplet]:before { |
||||||
|
content: '\e058'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=eject]:before { |
||||||
|
content: '\e059'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=elevator]:before { |
||||||
|
content: '\e05a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=ellipses]:before { |
||||||
|
content: '\e05b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-closed]:before { |
||||||
|
content: '\e05c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-open]:before { |
||||||
|
content: '\e05d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=euro]:before { |
||||||
|
content: '\e05e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=excerpt]:before { |
||||||
|
content: '\e05f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-down]:before { |
||||||
|
content: '\e060'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-left]:before { |
||||||
|
content: '\e061'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-right]:before { |
||||||
|
content: '\e062'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-up]:before { |
||||||
|
content: '\e063'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=external-link]:before { |
||||||
|
content: '\e064'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=eye]:before { |
||||||
|
content: '\e065'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=eyedropper]:before { |
||||||
|
content: '\e066'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=file]:before { |
||||||
|
content: '\e067'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fire]:before { |
||||||
|
content: '\e068'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=flag]:before { |
||||||
|
content: '\e069'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=flash]:before { |
||||||
|
content: '\e06a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=folder]:before { |
||||||
|
content: '\e06b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fork]:before { |
||||||
|
content: '\e06c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-enter]:before { |
||||||
|
content: '\e06d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-exit]:before { |
||||||
|
content: '\e06e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=globe]:before { |
||||||
|
content: '\e06f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=graph]:before { |
||||||
|
content: '\e070'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=grid-four-up]:before { |
||||||
|
content: '\e071'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=grid-three-up]:before { |
||||||
|
content: '\e072'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=grid-two-up]:before { |
||||||
|
content: '\e073'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=hard-drive]:before { |
||||||
|
content: '\e074'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=header]:before { |
||||||
|
content: '\e075'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=headphones]:before { |
||||||
|
content: '\e076'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=heart]:before { |
||||||
|
content: '\e077'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=home]:before { |
||||||
|
content: '\e078'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=image]:before { |
||||||
|
content: '\e079'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=inbox]:before { |
||||||
|
content: '\e07a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=infinity]:before { |
||||||
|
content: '\e07b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=info]:before { |
||||||
|
content: '\e07c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=italic]:before { |
||||||
|
content: '\e07d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=justify-center]:before { |
||||||
|
content: '\e07e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=justify-left]:before { |
||||||
|
content: '\e07f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=justify-right]:before { |
||||||
|
content: '\e080'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=key]:before { |
||||||
|
content: '\e081'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=laptop]:before { |
||||||
|
content: '\e082'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=layers]:before { |
||||||
|
content: '\e083'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=lightbulb]:before { |
||||||
|
content: '\e084'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=link-broken]:before { |
||||||
|
content: '\e085'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=link-intact]:before { |
||||||
|
content: '\e086'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=list-rich]:before { |
||||||
|
content: '\e087'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=list]:before { |
||||||
|
content: '\e088'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=location]:before { |
||||||
|
content: '\e089'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=lock-locked]:before { |
||||||
|
content: '\e08a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=lock-unlocked]:before { |
||||||
|
content: '\e08b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=loop-circular]:before { |
||||||
|
content: '\e08c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=loop-square]:before { |
||||||
|
content: '\e08d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=loop]:before { |
||||||
|
content: '\e08e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=magnifying-glass]:before { |
||||||
|
content: '\e08f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=map-marker]:before { |
||||||
|
content: '\e090'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=map]:before { |
||||||
|
content: '\e091'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-pause]:before { |
||||||
|
content: '\e092'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-play]:before { |
||||||
|
content: '\e093'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-record]:before { |
||||||
|
content: '\e094'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-backward]:before { |
||||||
|
content: '\e095'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-forward]:before { |
||||||
|
content: '\e096'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-backward]:before { |
||||||
|
content: '\e097'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-forward]:before { |
||||||
|
content: '\e098'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-stop]:before { |
||||||
|
content: '\e099'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=medical-cross]:before { |
||||||
|
content: '\e09a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=menu]:before { |
||||||
|
content: '\e09b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=microphone]:before { |
||||||
|
content: '\e09c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=minus]:before { |
||||||
|
content: '\e09d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=monitor]:before { |
||||||
|
content: '\e09e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=moon]:before { |
||||||
|
content: '\e09f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=move]:before { |
||||||
|
content: '\e0a0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=musical-note]:before { |
||||||
|
content: '\e0a1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=paperclip]:before { |
||||||
|
content: '\e0a2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pencil]:before { |
||||||
|
content: '\e0a3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=people]:before { |
||||||
|
content: '\e0a4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=person]:before { |
||||||
|
content: '\e0a5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=phone]:before { |
||||||
|
content: '\e0a6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pie-chart]:before { |
||||||
|
content: '\e0a7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pin]:before { |
||||||
|
content: '\e0a8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=play-circle]:before { |
||||||
|
content: '\e0a9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=plus]:before { |
||||||
|
content: '\e0aa'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=power-standby]:before { |
||||||
|
content: '\e0ab'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=print]:before { |
||||||
|
content: '\e0ac'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=project]:before { |
||||||
|
content: '\e0ad'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pulse]:before { |
||||||
|
content: '\e0ae'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=puzzle-piece]:before { |
||||||
|
content: '\e0af'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=question-mark]:before { |
||||||
|
content: '\e0b0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=rain]:before { |
||||||
|
content: '\e0b1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=random]:before { |
||||||
|
content: '\e0b2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=reload]:before { |
||||||
|
content: '\e0b3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=resize-both]:before { |
||||||
|
content: '\e0b4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=resize-height]:before { |
||||||
|
content: '\e0b5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=resize-width]:before { |
||||||
|
content: '\e0b6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=rss-alt]:before { |
||||||
|
content: '\e0b7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=rss]:before { |
||||||
|
content: '\e0b8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=script]:before { |
||||||
|
content: '\e0b9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=share-boxed]:before { |
||||||
|
content: '\e0ba'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=share]:before { |
||||||
|
content: '\e0bb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=shield]:before { |
||||||
|
content: '\e0bc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=signal]:before { |
||||||
|
content: '\e0bd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=signpost]:before { |
||||||
|
content: '\e0be'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=sort-ascending]:before { |
||||||
|
content: '\e0bf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=sort-descending]:before { |
||||||
|
content: '\e0c0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=spreadsheet]:before { |
||||||
|
content: '\e0c1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=star]:before { |
||||||
|
content: '\e0c2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=sun]:before { |
||||||
|
content: '\e0c3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=tablet]:before { |
||||||
|
content: '\e0c4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=tag]:before { |
||||||
|
content: '\e0c5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=tags]:before { |
||||||
|
content: '\e0c6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=target]:before { |
||||||
|
content: '\e0c7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=task]:before { |
||||||
|
content: '\e0c8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=terminal]:before { |
||||||
|
content: '\e0c9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=text]:before { |
||||||
|
content: '\e0ca'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-down]:before { |
||||||
|
content: '\e0cb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-up]:before { |
||||||
|
content: '\e0cc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=timer]:before { |
||||||
|
content: '\e0cd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=transfer]:before { |
||||||
|
content: '\e0ce'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=trash]:before { |
||||||
|
content: '\e0cf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=underline]:before { |
||||||
|
content: '\e0d0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-bottom]:before { |
||||||
|
content: '\e0d1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-center]:before { |
||||||
|
content: '\e0d2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-top]:before { |
||||||
|
content: '\e0d3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=video]:before { |
||||||
|
content: '\e0d4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=volume-high]:before { |
||||||
|
content: '\e0d5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=volume-low]:before { |
||||||
|
content: '\e0d6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=volume-off]:before { |
||||||
|
content: '\e0d7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=warning]:before { |
||||||
|
content: '\e0d8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=wifi]:before { |
||||||
|
content: '\e0d9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=wrench]:before { |
||||||
|
content: '\e0da'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=x]:before { |
||||||
|
content: '\e0db'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=yen]:before { |
||||||
|
content: '\e0dc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-in]:before { |
||||||
|
content: '\e0dd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-out]:before { |
||||||
|
content: '\e0de'; |
||||||
|
} |
@ -0,0 +1,963 @@ |
|||||||
|
$iconic-font-path: '../fonts/' !default; |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Icons'; |
||||||
|
src: url('#{$iconic-font-path}open-iconic.eot'); |
||||||
|
src: url('#{$iconic-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('#{$iconic-font-path}open-iconic.woff') format('woff'), url('#{$iconic-font-path}open-iconic.ttf') format('truetype'), url('#{$iconic-font-path}open-iconic.otf') format('opentype'), url('#{$iconic-font-path}open-iconic.svg#iconic-sm') format('svg'); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace { |
||||||
|
font-size: 0; |
||||||
|
line-height: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph] { |
||||||
|
&:before { |
||||||
|
position: relative; |
||||||
|
top: 1px; |
||||||
|
font-family: 'Icons'; |
||||||
|
display: inline-block; |
||||||
|
speak: none; |
||||||
|
line-height: 1; |
||||||
|
vertical-align: baseline; |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
|
||||||
|
&:empty:before { |
||||||
|
width: 1em; |
||||||
|
text-align: center; |
||||||
|
box-sizing: content-box; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-align-left:before { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
&.oi-align-right:before { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
&.oi-align-center:before { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-horizontal:before { |
||||||
|
-webkit-transform: scale(-1, 1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, 1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-vertical:before { |
||||||
|
-webkit-transform: scale(1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(1, -1); |
||||||
|
} |
||||||
|
|
||||||
|
&.oi-flip-horizontal-vertical:before { |
||||||
|
-webkit-transform: scale(-1, -1); |
||||||
|
-ms-transform: scale(-1, 1); |
||||||
|
transform: scale(-1, -1); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.oi[data-glyph=account-login]:before { |
||||||
|
content: '\e000'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=account-logout]:before { |
||||||
|
content: '\e001'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=action-redo]:before { |
||||||
|
content: '\e002'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=action-undo]:before { |
||||||
|
content: '\e003'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=align-center]:before { |
||||||
|
content: '\e004'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=align-left]:before { |
||||||
|
content: '\e005'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=align-right]:before { |
||||||
|
content: '\e006'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=aperture]:before { |
||||||
|
content: '\e007'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-bottom]:before { |
||||||
|
content: '\e008'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-bottom]:before { |
||||||
|
content: '\e009'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-left]:before { |
||||||
|
content: '\e00a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-right]:before { |
||||||
|
content: '\e00b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-top]:before { |
||||||
|
content: '\e00c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-left]:before { |
||||||
|
content: '\e00d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-right]:before { |
||||||
|
content: '\e00e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-bottom]:before { |
||||||
|
content: '\e00f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-left]:before { |
||||||
|
content: '\e010'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-right]:before { |
||||||
|
content: '\e011'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-top]:before { |
||||||
|
content: '\e012'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-top]:before { |
||||||
|
content: '\e013'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=audio-spectrum]:before { |
||||||
|
content: '\e014'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=audio]:before { |
||||||
|
content: '\e015'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=badge]:before { |
||||||
|
content: '\e016'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=ban]:before { |
||||||
|
content: '\e017'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bar-chart]:before { |
||||||
|
content: '\e018'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=basket]:before { |
||||||
|
content: '\e019'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=battery-empty]:before { |
||||||
|
content: '\e01a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=battery-full]:before { |
||||||
|
content: '\e01b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=beaker]:before { |
||||||
|
content: '\e01c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bell]:before { |
||||||
|
content: '\e01d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bluetooth]:before { |
||||||
|
content: '\e01e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bold]:before { |
||||||
|
content: '\e01f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bolt]:before { |
||||||
|
content: '\e020'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=book]:before { |
||||||
|
content: '\e021'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bookmark]:before { |
||||||
|
content: '\e022'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=box]:before { |
||||||
|
content: '\e023'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=briefcase]:before { |
||||||
|
content: '\e024'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=british-pound]:before { |
||||||
|
content: '\e025'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=browser]:before { |
||||||
|
content: '\e026'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=brush]:before { |
||||||
|
content: '\e027'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bug]:before { |
||||||
|
content: '\e028'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=bullhorn]:before { |
||||||
|
content: '\e029'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=calculator]:before { |
||||||
|
content: '\e02a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=calendar]:before { |
||||||
|
content: '\e02b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=camera-slr]:before { |
||||||
|
content: '\e02c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-bottom]:before { |
||||||
|
content: '\e02d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-left]:before { |
||||||
|
content: '\e02e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-right]:before { |
||||||
|
content: '\e02f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=caret-top]:before { |
||||||
|
content: '\e030'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cart]:before { |
||||||
|
content: '\e031'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chat]:before { |
||||||
|
content: '\e032'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=check]:before { |
||||||
|
content: '\e033'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-bottom]:before { |
||||||
|
content: '\e034'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-left]:before { |
||||||
|
content: '\e035'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-right]:before { |
||||||
|
content: '\e036'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-top]:before { |
||||||
|
content: '\e037'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=circle-check]:before { |
||||||
|
content: '\e038'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=circle-x]:before { |
||||||
|
content: '\e039'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=clipboard]:before { |
||||||
|
content: '\e03a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=clock]:before { |
||||||
|
content: '\e03b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-download]:before { |
||||||
|
content: '\e03c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-upload]:before { |
||||||
|
content: '\e03d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloud]:before { |
||||||
|
content: '\e03e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cloudy]:before { |
||||||
|
content: '\e03f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=code]:before { |
||||||
|
content: '\e040'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=cog]:before { |
||||||
|
content: '\e041'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-down]:before { |
||||||
|
content: '\e042'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-left]:before { |
||||||
|
content: '\e043'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-right]:before { |
||||||
|
content: '\e044'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-up]:before { |
||||||
|
content: '\e045'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=command]:before { |
||||||
|
content: '\e046'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=comment-square]:before { |
||||||
|
content: '\e047'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=compass]:before { |
||||||
|
content: '\e048'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=contrast]:before { |
||||||
|
content: '\e049'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=copywriting]:before { |
||||||
|
content: '\e04a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=credit-card]:before { |
||||||
|
content: '\e04b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=crop]:before { |
||||||
|
content: '\e04c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=dashboard]:before { |
||||||
|
content: '\e04d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-download]:before { |
||||||
|
content: '\e04e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-upload]:before { |
||||||
|
content: '\e04f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=delete]:before { |
||||||
|
content: '\e050'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=dial]:before { |
||||||
|
content: '\e051'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=document]:before { |
||||||
|
content: '\e052'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=dollar]:before { |
||||||
|
content: '\e053'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-left]:before { |
||||||
|
content: '\e054'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-right]:before { |
||||||
|
content: '\e055'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-left]:before { |
||||||
|
content: '\e056'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-right]:before { |
||||||
|
content: '\e057'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=droplet]:before { |
||||||
|
content: '\e058'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=eject]:before { |
||||||
|
content: '\e059'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=elevator]:before { |
||||||
|
content: '\e05a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=ellipses]:before { |
||||||
|
content: '\e05b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-closed]:before { |
||||||
|
content: '\e05c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-open]:before { |
||||||
|
content: '\e05d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=euro]:before { |
||||||
|
content: '\e05e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=excerpt]:before { |
||||||
|
content: '\e05f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-down]:before { |
||||||
|
content: '\e060'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-left]:before { |
||||||
|
content: '\e061'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-right]:before { |
||||||
|
content: '\e062'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=expand-up]:before { |
||||||
|
content: '\e063'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=external-link]:before { |
||||||
|
content: '\e064'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=eye]:before { |
||||||
|
content: '\e065'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=eyedropper]:before { |
||||||
|
content: '\e066'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=file]:before { |
||||||
|
content: '\e067'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fire]:before { |
||||||
|
content: '\e068'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=flag]:before { |
||||||
|
content: '\e069'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=flash]:before { |
||||||
|
content: '\e06a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=folder]:before { |
||||||
|
content: '\e06b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fork]:before { |
||||||
|
content: '\e06c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-enter]:before { |
||||||
|
content: '\e06d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-exit]:before { |
||||||
|
content: '\e06e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=globe]:before { |
||||||
|
content: '\e06f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=graph]:before { |
||||||
|
content: '\e070'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=grid-four-up]:before { |
||||||
|
content: '\e071'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=grid-three-up]:before { |
||||||
|
content: '\e072'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=grid-two-up]:before { |
||||||
|
content: '\e073'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=hard-drive]:before { |
||||||
|
content: '\e074'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=header]:before { |
||||||
|
content: '\e075'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=headphones]:before { |
||||||
|
content: '\e076'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=heart]:before { |
||||||
|
content: '\e077'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=home]:before { |
||||||
|
content: '\e078'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=image]:before { |
||||||
|
content: '\e079'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=inbox]:before { |
||||||
|
content: '\e07a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=infinity]:before { |
||||||
|
content: '\e07b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=info]:before { |
||||||
|
content: '\e07c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=italic]:before { |
||||||
|
content: '\e07d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=justify-center]:before { |
||||||
|
content: '\e07e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=justify-left]:before { |
||||||
|
content: '\e07f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=justify-right]:before { |
||||||
|
content: '\e080'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=key]:before { |
||||||
|
content: '\e081'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=laptop]:before { |
||||||
|
content: '\e082'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=layers]:before { |
||||||
|
content: '\e083'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=lightbulb]:before { |
||||||
|
content: '\e084'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=link-broken]:before { |
||||||
|
content: '\e085'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=link-intact]:before { |
||||||
|
content: '\e086'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=list-rich]:before { |
||||||
|
content: '\e087'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=list]:before { |
||||||
|
content: '\e088'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=location]:before { |
||||||
|
content: '\e089'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=lock-locked]:before { |
||||||
|
content: '\e08a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=lock-unlocked]:before { |
||||||
|
content: '\e08b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=loop-circular]:before { |
||||||
|
content: '\e08c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=loop-square]:before { |
||||||
|
content: '\e08d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=loop]:before { |
||||||
|
content: '\e08e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=magnifying-glass]:before { |
||||||
|
content: '\e08f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=map-marker]:before { |
||||||
|
content: '\e090'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=map]:before { |
||||||
|
content: '\e091'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-pause]:before { |
||||||
|
content: '\e092'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-play]:before { |
||||||
|
content: '\e093'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-record]:before { |
||||||
|
content: '\e094'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-backward]:before { |
||||||
|
content: '\e095'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-forward]:before { |
||||||
|
content: '\e096'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-backward]:before { |
||||||
|
content: '\e097'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-forward]:before { |
||||||
|
content: '\e098'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=media-stop]:before { |
||||||
|
content: '\e099'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=medical-cross]:before { |
||||||
|
content: '\e09a'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=menu]:before { |
||||||
|
content: '\e09b'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=microphone]:before { |
||||||
|
content: '\e09c'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=minus]:before { |
||||||
|
content: '\e09d'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=monitor]:before { |
||||||
|
content: '\e09e'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=moon]:before { |
||||||
|
content: '\e09f'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=move]:before { |
||||||
|
content: '\e0a0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=musical-note]:before { |
||||||
|
content: '\e0a1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=paperclip]:before { |
||||||
|
content: '\e0a2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pencil]:before { |
||||||
|
content: '\e0a3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=people]:before { |
||||||
|
content: '\e0a4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=person]:before { |
||||||
|
content: '\e0a5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=phone]:before { |
||||||
|
content: '\e0a6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pie-chart]:before { |
||||||
|
content: '\e0a7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pin]:before { |
||||||
|
content: '\e0a8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=play-circle]:before { |
||||||
|
content: '\e0a9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=plus]:before { |
||||||
|
content: '\e0aa'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=power-standby]:before { |
||||||
|
content: '\e0ab'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=print]:before { |
||||||
|
content: '\e0ac'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=project]:before { |
||||||
|
content: '\e0ad'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=pulse]:before { |
||||||
|
content: '\e0ae'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=puzzle-piece]:before { |
||||||
|
content: '\e0af'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=question-mark]:before { |
||||||
|
content: '\e0b0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=rain]:before { |
||||||
|
content: '\e0b1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=random]:before { |
||||||
|
content: '\e0b2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=reload]:before { |
||||||
|
content: '\e0b3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=resize-both]:before { |
||||||
|
content: '\e0b4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=resize-height]:before { |
||||||
|
content: '\e0b5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=resize-width]:before { |
||||||
|
content: '\e0b6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=rss-alt]:before { |
||||||
|
content: '\e0b7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=rss]:before { |
||||||
|
content: '\e0b8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=script]:before { |
||||||
|
content: '\e0b9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=share-boxed]:before { |
||||||
|
content: '\e0ba'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=share]:before { |
||||||
|
content: '\e0bb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=shield]:before { |
||||||
|
content: '\e0bc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=signal]:before { |
||||||
|
content: '\e0bd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=signpost]:before { |
||||||
|
content: '\e0be'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=sort-ascending]:before { |
||||||
|
content: '\e0bf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=sort-descending]:before { |
||||||
|
content: '\e0c0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=spreadsheet]:before { |
||||||
|
content: '\e0c1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=star]:before { |
||||||
|
content: '\e0c2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=sun]:before { |
||||||
|
content: '\e0c3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=tablet]:before { |
||||||
|
content: '\e0c4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=tag]:before { |
||||||
|
content: '\e0c5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=tags]:before { |
||||||
|
content: '\e0c6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=target]:before { |
||||||
|
content: '\e0c7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=task]:before { |
||||||
|
content: '\e0c8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=terminal]:before { |
||||||
|
content: '\e0c9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=text]:before { |
||||||
|
content: '\e0ca'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-down]:before { |
||||||
|
content: '\e0cb'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-up]:before { |
||||||
|
content: '\e0cc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=timer]:before { |
||||||
|
content: '\e0cd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=transfer]:before { |
||||||
|
content: '\e0ce'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=trash]:before { |
||||||
|
content: '\e0cf'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=underline]:before { |
||||||
|
content: '\e0d0'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-bottom]:before { |
||||||
|
content: '\e0d1'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-center]:before { |
||||||
|
content: '\e0d2'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-top]:before { |
||||||
|
content: '\e0d3'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=video]:before { |
||||||
|
content: '\e0d4'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=volume-high]:before { |
||||||
|
content: '\e0d5'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=volume-low]:before { |
||||||
|
content: '\e0d6'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=volume-off]:before { |
||||||
|
content: '\e0d7'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=warning]:before { |
||||||
|
content: '\e0d8'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=wifi]:before { |
||||||
|
content: '\e0d9'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=wrench]:before { |
||||||
|
content: '\e0da'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=x]:before { |
||||||
|
content: '\e0db'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=yen]:before { |
||||||
|
content: '\e0dc'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-in]:before { |
||||||
|
content: '\e0dd'; |
||||||
|
} |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-out]:before { |
||||||
|
content: '\e0de'; |
||||||
|
} |
||||||
|
|
@ -0,0 +1,733 @@ |
|||||||
|
@font-face |
||||||
|
font-family 'Icons' |
||||||
|
src url('../fonts/open-iconic.eot') |
||||||
|
src url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg') |
||||||
|
font-weight normal |
||||||
|
font-style normal |
||||||
|
|
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace |
||||||
|
font-size 0 |
||||||
|
line-height 0 |
||||||
|
|
||||||
|
.oi[data-glyph].oi-text-replace:before |
||||||
|
width 1em |
||||||
|
text-align center |
||||||
|
|
||||||
|
.oi[data-glyph] |
||||||
|
&:before |
||||||
|
position relative |
||||||
|
top 1px |
||||||
|
font-family 'Icons' |
||||||
|
display inline-block |
||||||
|
speak none |
||||||
|
line-height 1 |
||||||
|
vertical-align baseline |
||||||
|
font-weight normal |
||||||
|
font-style normal |
||||||
|
-webkit-font-smoothing antialiased |
||||||
|
-moz-osx-font-smoothing grayscale |
||||||
|
|
||||||
|
&:empty:before |
||||||
|
width 1em |
||||||
|
text-align center |
||||||
|
box-sizing content-box |
||||||
|
|
||||||
|
&.oi-align-left:before |
||||||
|
text-align left |
||||||
|
|
||||||
|
&.oi-align-right:before |
||||||
|
text-align right |
||||||
|
|
||||||
|
&.oi-align-center:before |
||||||
|
text-align center |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-horizontal:before |
||||||
|
-webkit-transform scale(-1, 1) |
||||||
|
-ms-transform scale(-1, 1) |
||||||
|
transform scale(-1, 1) |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-vertical:before |
||||||
|
-webkit-transform scale(1, -1) |
||||||
|
-ms-transform scale(-1, 1) |
||||||
|
transform scale(1, -1) |
||||||
|
|
||||||
|
|
||||||
|
&.oi-flip-horizontal-vertical:before |
||||||
|
-webkit-transform scale(-1, -1) |
||||||
|
-ms-transform scale(-1, 1) |
||||||
|
transform scale(-1, -1) |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.oi[data-glyph=account-login]:before |
||||||
|
content '\e000' |
||||||
|
|
||||||
|
.oi[data-glyph=account-logout]:before |
||||||
|
content '\e001' |
||||||
|
|
||||||
|
.oi[data-glyph=action-redo]:before |
||||||
|
content '\e002' |
||||||
|
|
||||||
|
.oi[data-glyph=action-undo]:before |
||||||
|
content '\e003' |
||||||
|
|
||||||
|
.oi[data-glyph=align-center]:before |
||||||
|
content '\e004' |
||||||
|
|
||||||
|
.oi[data-glyph=align-left]:before |
||||||
|
content '\e005' |
||||||
|
|
||||||
|
.oi[data-glyph=align-right]:before |
||||||
|
content '\e006' |
||||||
|
|
||||||
|
.oi[data-glyph=aperture]:before |
||||||
|
content '\e007' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-bottom]:before |
||||||
|
content '\e008' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-bottom]:before |
||||||
|
content '\e009' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-left]:before |
||||||
|
content '\e00a' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-right]:before |
||||||
|
content '\e00b' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-circle-top]:before |
||||||
|
content '\e00c' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-left]:before |
||||||
|
content '\e00d' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-right]:before |
||||||
|
content '\e00e' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-bottom]:before |
||||||
|
content '\e00f' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-left]:before |
||||||
|
content '\e010' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-right]:before |
||||||
|
content '\e011' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-thick-top]:before |
||||||
|
content '\e012' |
||||||
|
|
||||||
|
.oi[data-glyph=arrow-top]:before |
||||||
|
content '\e013' |
||||||
|
|
||||||
|
.oi[data-glyph=audio-spectrum]:before |
||||||
|
content '\e014' |
||||||
|
|
||||||
|
.oi[data-glyph=audio]:before |
||||||
|
content '\e015' |
||||||
|
|
||||||
|
.oi[data-glyph=badge]:before |
||||||
|
content '\e016' |
||||||
|
|
||||||
|
.oi[data-glyph=ban]:before |
||||||
|
content '\e017' |
||||||
|
|
||||||
|
.oi[data-glyph=bar-chart]:before |
||||||
|
content '\e018' |
||||||
|
|
||||||
|
.oi[data-glyph=basket]:before |
||||||
|
content '\e019' |
||||||
|
|
||||||
|
.oi[data-glyph=battery-empty]:before |
||||||
|
content '\e01a' |
||||||
|
|
||||||
|
.oi[data-glyph=battery-full]:before |
||||||
|
content '\e01b' |
||||||
|
|
||||||
|
.oi[data-glyph=beaker]:before |
||||||
|
content '\e01c' |
||||||
|
|
||||||
|
.oi[data-glyph=bell]:before |
||||||
|
content '\e01d' |
||||||
|
|
||||||
|
.oi[data-glyph=bluetooth]:before |
||||||
|
content '\e01e' |
||||||
|
|
||||||
|
.oi[data-glyph=bold]:before |
||||||
|
content '\e01f' |
||||||
|
|
||||||
|
.oi[data-glyph=bolt]:before |
||||||
|
content '\e020' |
||||||
|
|
||||||
|
.oi[data-glyph=book]:before |
||||||
|
content '\e021' |
||||||
|
|
||||||
|
.oi[data-glyph=bookmark]:before |
||||||
|
content '\e022' |
||||||
|
|
||||||
|
.oi[data-glyph=box]:before |
||||||
|
content '\e023' |
||||||
|
|
||||||
|
.oi[data-glyph=briefcase]:before |
||||||
|
content '\e024' |
||||||
|
|
||||||
|
.oi[data-glyph=british-pound]:before |
||||||
|
content '\e025' |
||||||
|
|
||||||
|
.oi[data-glyph=browser]:before |
||||||
|
content '\e026' |
||||||
|
|
||||||
|
.oi[data-glyph=brush]:before |
||||||
|
content '\e027' |
||||||
|
|
||||||
|
.oi[data-glyph=bug]:before |
||||||
|
content '\e028' |
||||||
|
|
||||||
|
.oi[data-glyph=bullhorn]:before |
||||||
|
content '\e029' |
||||||
|
|
||||||
|
.oi[data-glyph=calculator]:before |
||||||
|
content '\e02a' |
||||||
|
|
||||||
|
.oi[data-glyph=calendar]:before |
||||||
|
content '\e02b' |
||||||
|
|
||||||
|
.oi[data-glyph=camera-slr]:before |
||||||
|
content '\e02c' |
||||||
|
|
||||||
|
.oi[data-glyph=caret-bottom]:before |
||||||
|
content '\e02d' |
||||||
|
|
||||||
|
.oi[data-glyph=caret-left]:before |
||||||
|
content '\e02e' |
||||||
|
|
||||||
|
.oi[data-glyph=caret-right]:before |
||||||
|
content '\e02f' |
||||||
|
|
||||||
|
.oi[data-glyph=caret-top]:before |
||||||
|
content '\e030' |
||||||
|
|
||||||
|
.oi[data-glyph=cart]:before |
||||||
|
content '\e031' |
||||||
|
|
||||||
|
.oi[data-glyph=chat]:before |
||||||
|
content '\e032' |
||||||
|
|
||||||
|
.oi[data-glyph=check]:before |
||||||
|
content '\e033' |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-bottom]:before |
||||||
|
content '\e034' |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-left]:before |
||||||
|
content '\e035' |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-right]:before |
||||||
|
content '\e036' |
||||||
|
|
||||||
|
.oi[data-glyph=chevron-top]:before |
||||||
|
content '\e037' |
||||||
|
|
||||||
|
.oi[data-glyph=circle-check]:before |
||||||
|
content '\e038' |
||||||
|
|
||||||
|
.oi[data-glyph=circle-x]:before |
||||||
|
content '\e039' |
||||||
|
|
||||||
|
.oi[data-glyph=clipboard]:before |
||||||
|
content '\e03a' |
||||||
|
|
||||||
|
.oi[data-glyph=clock]:before |
||||||
|
content '\e03b' |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-download]:before |
||||||
|
content '\e03c' |
||||||
|
|
||||||
|
.oi[data-glyph=cloud-upload]:before |
||||||
|
content '\e03d' |
||||||
|
|
||||||
|
.oi[data-glyph=cloud]:before |
||||||
|
content '\e03e' |
||||||
|
|
||||||
|
.oi[data-glyph=cloudy]:before |
||||||
|
content '\e03f' |
||||||
|
|
||||||
|
.oi[data-glyph=code]:before |
||||||
|
content '\e040' |
||||||
|
|
||||||
|
.oi[data-glyph=cog]:before |
||||||
|
content '\e041' |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-down]:before |
||||||
|
content '\e042' |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-left]:before |
||||||
|
content '\e043' |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-right]:before |
||||||
|
content '\e044' |
||||||
|
|
||||||
|
.oi[data-glyph=collapse-up]:before |
||||||
|
content '\e045' |
||||||
|
|
||||||
|
.oi[data-glyph=command]:before |
||||||
|
content '\e046' |
||||||
|
|
||||||
|
.oi[data-glyph=comment-square]:before |
||||||
|
content '\e047' |
||||||
|
|
||||||
|
.oi[data-glyph=compass]:before |
||||||
|
content '\e048' |
||||||
|
|
||||||
|
.oi[data-glyph=contrast]:before |
||||||
|
content '\e049' |
||||||
|
|
||||||
|
.oi[data-glyph=copywriting]:before |
||||||
|
content '\e04a' |
||||||
|
|
||||||
|
.oi[data-glyph=credit-card]:before |
||||||
|
content '\e04b' |
||||||
|
|
||||||
|
.oi[data-glyph=crop]:before |
||||||
|
content '\e04c' |
||||||
|
|
||||||
|
.oi[data-glyph=dashboard]:before |
||||||
|
content '\e04d' |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-download]:before |
||||||
|
content '\e04e' |
||||||
|
|
||||||
|
.oi[data-glyph=data-transfer-upload]:before |
||||||
|
content '\e04f' |
||||||
|
|
||||||
|
.oi[data-glyph=delete]:before |
||||||
|
content '\e050' |
||||||
|
|
||||||
|
.oi[data-glyph=dial]:before |
||||||
|
content '\e051' |
||||||
|
|
||||||
|
.oi[data-glyph=document]:before |
||||||
|
content '\e052' |
||||||
|
|
||||||
|
.oi[data-glyph=dollar]:before |
||||||
|
content '\e053' |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-left]:before |
||||||
|
content '\e054' |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-sans-right]:before |
||||||
|
content '\e055' |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-left]:before |
||||||
|
content '\e056' |
||||||
|
|
||||||
|
.oi[data-glyph=double-quote-serif-right]:before |
||||||
|
content '\e057' |
||||||
|
|
||||||
|
.oi[data-glyph=droplet]:before |
||||||
|
content '\e058' |
||||||
|
|
||||||
|
.oi[data-glyph=eject]:before |
||||||
|
content '\e059' |
||||||
|
|
||||||
|
.oi[data-glyph=elevator]:before |
||||||
|
content '\e05a' |
||||||
|
|
||||||
|
.oi[data-glyph=ellipses]:before |
||||||
|
content '\e05b' |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-closed]:before |
||||||
|
content '\e05c' |
||||||
|
|
||||||
|
.oi[data-glyph=envelope-open]:before |
||||||
|
content '\e05d' |
||||||
|
|
||||||
|
.oi[data-glyph=euro]:before |
||||||
|
content '\e05e' |
||||||
|
|
||||||
|
.oi[data-glyph=excerpt]:before |
||||||
|
content '\e05f' |
||||||
|
|
||||||
|
.oi[data-glyph=expand-down]:before |
||||||
|
content '\e060' |
||||||
|
|
||||||
|
.oi[data-glyph=expand-left]:before |
||||||
|
content '\e061' |
||||||
|
|
||||||
|
.oi[data-glyph=expand-right]:before |
||||||
|
content '\e062' |
||||||
|
|
||||||
|
.oi[data-glyph=expand-up]:before |
||||||
|
content '\e063' |
||||||
|
|
||||||
|
.oi[data-glyph=external-link]:before |
||||||
|
content '\e064' |
||||||
|
|
||||||
|
.oi[data-glyph=eye]:before |
||||||
|
content '\e065' |
||||||
|
|
||||||
|
.oi[data-glyph=eyedropper]:before |
||||||
|
content '\e066' |
||||||
|
|
||||||
|
.oi[data-glyph=file]:before |
||||||
|
content '\e067' |
||||||
|
|
||||||
|
.oi[data-glyph=fire]:before |
||||||
|
content '\e068' |
||||||
|
|
||||||
|
.oi[data-glyph=flag]:before |
||||||
|
content '\e069' |
||||||
|
|
||||||
|
.oi[data-glyph=flash]:before |
||||||
|
content '\e06a' |
||||||
|
|
||||||
|
.oi[data-glyph=folder]:before |
||||||
|
content '\e06b' |
||||||
|
|
||||||
|
.oi[data-glyph=fork]:before |
||||||
|
content '\e06c' |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-enter]:before |
||||||
|
content '\e06d' |
||||||
|
|
||||||
|
.oi[data-glyph=fullscreen-exit]:before |
||||||
|
content '\e06e' |
||||||
|
|
||||||
|
.oi[data-glyph=globe]:before |
||||||
|
content '\e06f' |
||||||
|
|
||||||
|
.oi[data-glyph=graph]:before |
||||||
|
content '\e070' |
||||||
|
|
||||||
|
.oi[data-glyph=grid-four-up]:before |
||||||
|
content '\e071' |
||||||
|
|
||||||
|
.oi[data-glyph=grid-three-up]:before |
||||||
|
content '\e072' |
||||||
|
|
||||||
|
.oi[data-glyph=grid-two-up]:before |
||||||
|
content '\e073' |
||||||
|
|
||||||
|
.oi[data-glyph=hard-drive]:before |
||||||
|
content '\e074' |
||||||
|
|
||||||
|
.oi[data-glyph=header]:before |
||||||
|
content '\e075' |
||||||
|
|
||||||
|
.oi[data-glyph=headphones]:before |
||||||
|
content '\e076' |
||||||
|
|
||||||
|
.oi[data-glyph=heart]:before |
||||||
|
content '\e077' |
||||||
|
|
||||||
|
.oi[data-glyph=home]:before |
||||||
|
content '\e078' |
||||||
|
|
||||||
|
.oi[data-glyph=image]:before |
||||||
|
content '\e079' |
||||||
|
|
||||||
|
.oi[data-glyph=inbox]:before |
||||||
|
content '\e07a' |
||||||
|
|
||||||
|
.oi[data-glyph=infinity]:before |
||||||
|
content '\e07b' |
||||||
|
|
||||||
|
.oi[data-glyph=info]:before |
||||||
|
content '\e07c' |
||||||
|
|
||||||
|
.oi[data-glyph=italic]:before |
||||||
|
content '\e07d' |
||||||
|
|
||||||
|
.oi[data-glyph=justify-center]:before |
||||||
|
content '\e07e' |
||||||
|
|
||||||
|
.oi[data-glyph=justify-left]:before |
||||||
|
content '\e07f' |
||||||
|
|
||||||
|
.oi[data-glyph=justify-right]:before |
||||||
|
content '\e080' |
||||||
|
|
||||||
|
.oi[data-glyph=key]:before |
||||||
|
content '\e081' |
||||||
|
|
||||||
|
.oi[data-glyph=laptop]:before |
||||||
|
content '\e082' |
||||||
|
|
||||||
|
.oi[data-glyph=layers]:before |
||||||
|
content '\e083' |
||||||
|
|
||||||
|
.oi[data-glyph=lightbulb]:before |
||||||
|
content '\e084' |
||||||
|
|
||||||
|
.oi[data-glyph=link-broken]:before |
||||||
|
content '\e085' |
||||||
|
|
||||||
|
.oi[data-glyph=link-intact]:before |
||||||
|
content '\e086' |
||||||
|
|
||||||
|
.oi[data-glyph=list-rich]:before |
||||||
|
content '\e087' |
||||||
|
|
||||||
|
.oi[data-glyph=list]:before |
||||||
|
content '\e088' |
||||||
|
|
||||||
|
.oi[data-glyph=location]:before |
||||||
|
content '\e089' |
||||||
|
|
||||||
|
.oi[data-glyph=lock-locked]:before |
||||||
|
content '\e08a' |
||||||
|
|
||||||
|
.oi[data-glyph=lock-unlocked]:before |
||||||
|
content '\e08b' |
||||||
|
|
||||||
|
.oi[data-glyph=loop-circular]:before |
||||||
|
content '\e08c' |
||||||
|
|
||||||
|
.oi[data-glyph=loop-square]:before |
||||||
|
content '\e08d' |
||||||
|
|
||||||
|
.oi[data-glyph=loop]:before |
||||||
|
content '\e08e' |
||||||
|
|
||||||
|
.oi[data-glyph=magnifying-glass]:before |
||||||
|
content '\e08f' |
||||||
|
|
||||||
|
.oi[data-glyph=map-marker]:before |
||||||
|
content '\e090' |
||||||
|
|
||||||
|
.oi[data-glyph=map]:before |
||||||
|
content '\e091' |
||||||
|
|
||||||
|
.oi[data-glyph=media-pause]:before |
||||||
|
content '\e092' |
||||||
|
|
||||||
|
.oi[data-glyph=media-play]:before |
||||||
|
content '\e093' |
||||||
|
|
||||||
|
.oi[data-glyph=media-record]:before |
||||||
|
content '\e094' |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-backward]:before |
||||||
|
content '\e095' |
||||||
|
|
||||||
|
.oi[data-glyph=media-skip-forward]:before |
||||||
|
content '\e096' |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-backward]:before |
||||||
|
content '\e097' |
||||||
|
|
||||||
|
.oi[data-glyph=media-step-forward]:before |
||||||
|
content '\e098' |
||||||
|
|
||||||
|
.oi[data-glyph=media-stop]:before |
||||||
|
content '\e099' |
||||||
|
|
||||||
|
.oi[data-glyph=medical-cross]:before |
||||||
|
content '\e09a' |
||||||
|
|
||||||
|
.oi[data-glyph=menu]:before |
||||||
|
content '\e09b' |
||||||
|
|
||||||
|
.oi[data-glyph=microphone]:before |
||||||
|
content '\e09c' |
||||||
|
|
||||||
|
.oi[data-glyph=minus]:before |
||||||
|
content '\e09d' |
||||||
|
|
||||||
|
.oi[data-glyph=monitor]:before |
||||||
|
content '\e09e' |
||||||
|
|
||||||
|
.oi[data-glyph=moon]:before |
||||||
|
content '\e09f' |
||||||
|
|
||||||
|
.oi[data-glyph=move]:before |
||||||
|
content '\e0a0' |
||||||
|
|
||||||
|
.oi[data-glyph=musical-note]:before |
||||||
|
content '\e0a1' |
||||||
|
|
||||||
|
.oi[data-glyph=paperclip]:before |
||||||
|
content '\e0a2' |
||||||
|
|
||||||
|
.oi[data-glyph=pencil]:before |
||||||
|
content '\e0a3' |
||||||
|
|
||||||
|
.oi[data-glyph=people]:before |
||||||
|
content '\e0a4' |
||||||
|
|
||||||
|
.oi[data-glyph=person]:before |
||||||
|
content '\e0a5' |
||||||
|
|
||||||
|
.oi[data-glyph=phone]:before |
||||||
|
content '\e0a6' |
||||||
|
|
||||||
|
.oi[data-glyph=pie-chart]:before |
||||||
|
content '\e0a7' |
||||||
|
|
||||||
|
.oi[data-glyph=pin]:before |
||||||
|
content '\e0a8' |
||||||
|
|
||||||
|
.oi[data-glyph=play-circle]:before |
||||||
|
content '\e0a9' |
||||||
|
|
||||||
|
.oi[data-glyph=plus]:before |
||||||
|
content '\e0aa' |
||||||
|
|
||||||
|
.oi[data-glyph=power-standby]:before |
||||||
|
content '\e0ab' |
||||||
|
|
||||||
|
.oi[data-glyph=print]:before |
||||||
|
content '\e0ac' |
||||||
|
|
||||||
|
.oi[data-glyph=project]:before |
||||||
|
content '\e0ad' |
||||||
|
|
||||||
|
.oi[data-glyph=pulse]:before |
||||||
|
content '\e0ae' |
||||||
|
|
||||||
|
.oi[data-glyph=puzzle-piece]:before |
||||||
|
content '\e0af' |
||||||
|
|
||||||
|
.oi[data-glyph=question-mark]:before |
||||||
|
content '\e0b0' |
||||||
|
|
||||||
|
.oi[data-glyph=rain]:before |
||||||
|
content '\e0b1' |
||||||
|
|
||||||
|
.oi[data-glyph=random]:before |
||||||
|
content '\e0b2' |
||||||
|
|
||||||
|
.oi[data-glyph=reload]:before |
||||||
|
content '\e0b3' |
||||||
|
|
||||||
|
.oi[data-glyph=resize-both]:before |
||||||
|
content '\e0b4' |
||||||
|
|
||||||
|
.oi[data-glyph=resize-height]:before |
||||||
|
content '\e0b5' |
||||||
|
|
||||||
|
.oi[data-glyph=resize-width]:before |
||||||
|
content '\e0b6' |
||||||
|
|
||||||
|
.oi[data-glyph=rss-alt]:before |
||||||
|
content '\e0b7' |
||||||
|
|
||||||
|
.oi[data-glyph=rss]:before |
||||||
|
content '\e0b8' |
||||||
|
|
||||||
|
.oi[data-glyph=script]:before |
||||||
|
content '\e0b9' |
||||||
|
|
||||||
|
.oi[data-glyph=share-boxed]:before |
||||||
|
content '\e0ba' |
||||||
|
|
||||||
|
.oi[data-glyph=share]:before |
||||||
|
content '\e0bb' |
||||||
|
|
||||||
|
.oi[data-glyph=shield]:before |
||||||
|
content '\e0bc' |
||||||
|
|
||||||
|
.oi[data-glyph=signal]:before |
||||||
|
content '\e0bd' |
||||||
|
|
||||||
|
.oi[data-glyph=signpost]:before |
||||||
|
content '\e0be' |
||||||
|
|
||||||
|
.oi[data-glyph=sort-ascending]:before |
||||||
|
content '\e0bf' |
||||||
|
|
||||||
|
.oi[data-glyph=sort-descending]:before |
||||||
|
content '\e0c0' |
||||||
|
|
||||||
|
.oi[data-glyph=spreadsheet]:before |
||||||
|
content '\e0c1' |
||||||
|
|
||||||
|
.oi[data-glyph=star]:before |
||||||
|
content '\e0c2' |
||||||
|
|
||||||
|
.oi[data-glyph=sun]:before |
||||||
|
content '\e0c3' |
||||||
|
|
||||||
|
.oi[data-glyph=tablet]:before |
||||||
|
content '\e0c4' |
||||||
|
|
||||||
|
.oi[data-glyph=tag]:before |
||||||
|
content '\e0c5' |
||||||
|
|
||||||
|
.oi[data-glyph=tags]:before |
||||||
|
content '\e0c6' |
||||||
|
|
||||||
|
.oi[data-glyph=target]:before |
||||||
|
content '\e0c7' |
||||||
|
|
||||||
|
.oi[data-glyph=task]:before |
||||||
|
content '\e0c8' |
||||||
|
|
||||||
|
.oi[data-glyph=terminal]:before |
||||||
|
content '\e0c9' |
||||||
|
|
||||||
|
.oi[data-glyph=text]:before |
||||||
|
content '\e0ca' |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-down]:before |
||||||
|
content '\e0cb' |
||||||
|
|
||||||
|
.oi[data-glyph=thumb-up]:before |
||||||
|
content '\e0cc' |
||||||
|
|
||||||
|
.oi[data-glyph=timer]:before |
||||||
|
content '\e0cd' |
||||||
|
|
||||||
|
.oi[data-glyph=transfer]:before |
||||||
|
content '\e0ce' |
||||||
|
|
||||||
|
.oi[data-glyph=trash]:before |
||||||
|
content '\e0cf' |
||||||
|
|
||||||
|
.oi[data-glyph=underline]:before |
||||||
|
content '\e0d0' |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-bottom]:before |
||||||
|
content '\e0d1' |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-center]:before |
||||||
|
content '\e0d2' |
||||||
|
|
||||||
|
.oi[data-glyph=vertical-align-top]:before |
||||||
|
content '\e0d3' |
||||||
|
|
||||||
|
.oi[data-glyph=video]:before |
||||||
|
content '\e0d4' |
||||||
|
|
||||||
|
.oi[data-glyph=volume-high]:before |
||||||
|
content '\e0d5' |
||||||
|
|
||||||
|
.oi[data-glyph=volume-low]:before |
||||||
|
content '\e0d6' |
||||||
|
|
||||||
|
.oi[data-glyph=volume-off]:before |
||||||
|
content '\e0d7' |
||||||
|
|
||||||
|
.oi[data-glyph=warning]:before |
||||||
|
content '\e0d8' |
||||||
|
|
||||||
|
.oi[data-glyph=wifi]:before |
||||||
|
content '\e0d9' |
||||||
|
|
||||||
|
.oi[data-glyph=wrench]:before |
||||||
|
content '\e0da' |
||||||
|
|
||||||
|
.oi[data-glyph=x]:before |
||||||
|
content '\e0db' |
||||||
|
|
||||||
|
.oi[data-glyph=yen]:before |
||||||
|
content '\e0dc' |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-in]:before |
||||||
|
content '\e0dd' |
||||||
|
|
||||||
|
.oi[data-glyph=zoom-out]:before |
||||||
|
content '\e0de' |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 391 B |
After Width: | Height: | Size: 378 B |
After Width: | Height: | Size: 779 B |
After Width: | Height: | Size: 760 B |
After Width: | Height: | Size: 218 B |
After Width: | Height: | Size: 214 B |
After Width: | Height: | Size: 212 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 524 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 992 B |
After Width: | Height: | Size: 985 B |
After Width: | Height: | Size: 1015 B |
After Width: | Height: | Size: 467 B |
After Width: | Height: | Size: 522 B |
After Width: | Height: | Size: 485 B |
After Width: | Height: | Size: 444 B |
After Width: | Height: | Size: 508 B |
After Width: | Height: | Size: 518 B |
After Width: | Height: | Size: 545 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 293 B |
After Width: | Height: | Size: 724 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 271 B |
After Width: | Height: | Size: 827 B |
After Width: | Height: | Size: 336 B |
After Width: | Height: | Size: 311 B |
After Width: | Height: | Size: 955 B |
After Width: | Height: | Size: 804 B |
After Width: | Height: | Size: 822 B |
After Width: | Height: | Size: 892 B |
After Width: | Height: | Size: 420 B |
After Width: | Height: | Size: 554 B |
After Width: | Height: | Size: 343 B |
After Width: | Height: | Size: 283 B |
After Width: | Height: | Size: 462 B |
After Width: | Height: | Size: 861 B |
After Width: | Height: | Size: 518 B |
After Width: | Height: | Size: 975 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 683 B |
After Width: | Height: | Size: 329 B |
After Width: | Height: | Size: 299 B |
After Width: | Height: | Size: 1.1 KiB |