Font Awesome icon usage statistics
Font Awesome information of 
SERVER.IR in detail
- 11 types of Font Awesome iconic font are used and found 13 times in total.
- SERVER.IR used 1.2 Font Awesome classes per each class in average.
|
|
|
||||||||||||||||||||||||||||||||
|
|
|
- Font Awesome usage statistics of SERVER.IR are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
- SERVER.IR includes "http://www.server.ir/templates/rt_epsilon/css-compiled/master-0e337ac8caf418ae4fee4b0f2c3d1cb9.css" to use Font Awesome and information from CSS is like below.
@font-face {
font-family: 'BYekan';
src: url('../fonts/BYekan.eot');
src: local('b BYekan'), url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sourcesanspro-light';
src: url('../fonts/sourcesanspro-light-webfont.eot');
src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-light-webfont.woff') format('woff'), url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-light-webfont.svg#sourcesanspro-light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sourcesanspro-regular';
src: url('../fonts/sourcesanspro-regular-webfont.eot');
src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#sourcesanspro-regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sourcesanspro-semibold';
src: url('../fonts/sourcesanspro-semibold-webfont.eot');
src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sourcesanspro-bold';
src: url('../fonts/sourcesanspro-bold-webfont.eot');
src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'), url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-bold-webfont.svg#sourcesanspro-bold') format('svg');
font-weight: normal;
font-style: normal;
}
.rok-left {
float: left;
}
.rok-right {
float: right;
}
.rok-dropdown-group,
.rok-dropdown {
position: relative;
}
.rok-dropdown-open .rok-dropdown {
display: block;
}
.rok-popover-group,
.rok-popover {
position: relative;
}
.rok-popover-open .rok-popover {
display: block;
}
a:hover {
text-decoration: none;
}
.table {
display: table;
}
.cell {
display: table-cell;
}
html {
margin-bottom: 1px;
height: 100%;
}
.rt-block {
padding: 15px;
margin: 10px;
position: relative;
}
#rt-content-top,
#rt-content-bottom {
overflow: hidden;
}
.rt-grid-1:before,
.rt-grid-2:before,
.rt-grid-3:before,
.rt-grid-4:before,
.rt-grid-5:before,
.rt-grid-6:before,
.rt-grid-7:before,
.rt-grid-8:before,
.rt-grid-9:before,
.rt-grid-10:before,
.rt-grid-11:before,
.rt-grid-12:before {
display: table;
content: "";
clear: both;
}
.rt-grid-1:after,
.rt-grid-2:after,
.rt-grid-3:after,
.rt-grid-4:after,
.rt-grid-5:after,
.rt-grid-6:after,
.rt-grid-7:after,
.rt-grid-8:after,
.rt-grid-9:after,
.rt-grid-10:after,
.rt-grid-11:after,
.rt-grid-12:after {
display: table;
content: "";
clear: both;
}
.font-family-optima {
font-family: byekan;
}
.font-family-geneva {
font-family: byekan;
}
.font-family-helvetica {
font-family: byekan;
}
.font-family-lucida {
font-family: byekan;
}
.font-family-georgia {
font-family: byekan;
}
.font-family-trebuchet {
font-family: byekan;
}
.font-family-palatino {
font-family: byekan;
}
body {
font-size: 13px;
line-height: 27px;
font-family: byekan;
overflow-x: hidden;
}
.font-size-is-xlarge {
font-size: 20px;
}
.font-size-is-large {
font-size: 19px;
}
.font-size-is-default {
font-size: 12px;
}
.font-size-is-small {
font-size: 12px;
}
.font-size-is-xsmall {
font-size: 14px;
}
p {
margin: 0 0 15px 0;
}
a {
text-decoration: none;
}
a:focus {
outline: none;
}
.left-1,
.left-2,
.left-3,
.left-4,
.left-5,
.left-6,
.left-7,
.left-8,
.left-9,
.left-10,
.right-11 {
float: left;
margin-right: 50px;
margin-bottom: 15px;
position: relative;
}
.right-1,
.right-2,
.right-3,
.right-4,
.right-5,
.right-6,
.right-7,
.right-8,
.right-9,
.right-10,
.right-11 {
float: right;
margin-left: 50px;
margin-bottom: 15px;
position: relative;
}
.date-block {
padding: 15px;
margin: 10px;
}
#gantry-resetsettings {
display: block;
padding: 15px;
margin: 10px;
}
ul,
ol {
margin: 0 0 15px 20px;
}
ul li {
padding: 0;
margin: 0;
line-height: 27px;
}
ul li.author {
margin: 0;
letter-spacing: 1px;
list-style: none;
font-weight: bold;
text-align: right;
}
ul li.author span {
display: block;
font-weight: normal;
margin-bottom: 10px;
line-height: 1em;
}
ul li.date {
margin: 0;
letter-spacing: 1px;
list-style: none;
text-align: right;
font-weight: bold;
}
ul li.date span {
display: block;
font-weight: normal;
margin-bottom: 10px;
line-height: 1em;
}
ul li.comments {
list-style: none;
text-align: right;
font-weight: bold;
}
ul li.comments span {
display: block;
font-weight: normal;
margin-bottom: 10px;
line-height: 1em;
}
ul ul {
margin-left: 25px;
padding: 5px 0;
}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
#debug #rt-main {
overflow: hidden;
border-bottom: 4px solid #666;
margin-top: 15px;
position: relative;
}
#debug .status {
position: absolute;
background: #333;
opacity: 0.3;
padding: 0 15px;
z-index: 10000;
color: #fff;
font-weight: bold;
font-size: 150%;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.hidden-large {
display: none !important;
}
.row {
margin: 0 -15px;
}
.gantry-width-block {
display: block;
float: left;
}
.gantry-width-spacer {
margin: 15px;
}
.gantry-width-10 {
width: 10%;
}
.gantry-width-20 {
width: 20%;
}
.gantry-width-25 {
width: 25%;
}
.gantry-width-30 {
width: 30%;
}
.gantry-width-33 {
width: 33.33%;
}
.gantry-width-40 {
width: 40%;
}
.gantry-width-50 {
width: 50%;
}
.gantry-width-60 {
width: 60%;
}
.gantry-width-66 {
width: 66.66%;
}
.gantry-width-70 {
width: 70%;
}
.gantry-width-75 {
width: 75%;
}
.gantry-width-80 {
width: 80%;
}
.gantry-width-90 {
width: 90%;
}
.gantry-left {
float: left;
margin-right: 15px;
}
.gantry-right {
float: right;
margin-left: 15px;
}
.gantry-center {
text-align: center;
}
.gantry-center td,
.gantry-center th {
text-align: center;
}
.component-body {
padding: 20px;
background: #ffffff;
color: #383838;
}
.actions {
float: right;
}
.cols-3 .actions,
.cols-4 .actions {
float: none;
text-align: right;
}
.actions li {
list-style: none;
display: inline-block;
}
.actions a {
margin-left: 8px;
}
.actions a:before {
font-family: FontAwesome;
}
.actions i {
display: none;
}
.actions img,
.actions [class^="icon-"],
.actions [class*=" icon-"] {
display: none;
}
.component-body .actions img,
.component-body .actions [class^="icon-"],
.component-body .actions [class*=" icon-"] {
display: inline-block;
}
.actions .print-icon a:before {
content: "\f02f";
}
.actions .email-icon a:before {
content: "\f0e0";
}
.actions .edit-icon a:before {
content: "\f044";
}
.article-info {
font-size: 90%;
}
.article-info.muted {
color: inherit;
}
.article-info dd {
margin-left: 0;
}
.article-info-term {
display: none;
}
.parent-category-name span,
.category-name span,
.create span,
.modified span,
.published span,
.createdby span,
.hits span {
display: none;
}
.parent-category-name:before,
.category-name:before,
.create:before,
.modified:before,
.published:before,
.createdby:before,
.hits:before {
font-family: FontAwesome;
margin-right: 2px;
text-shadow: none;
}
.parent-category-name:before {
content: "\f0c9";
}
.category-name:before {
content: "\f0c9";
}
.create:before {
content: "\f017";
}
.modified:before {
content: "\f017";
}
.published:before {
content: "\f017";
}
.createdby:before {
content: "\f040";
}
.hits:before {
content: "\f019";
}
.content_vote,
.tags {
margin: 10px 0;
}
.content_rating {
display: block;
}
.img-intro-right,
.img-fulltext-right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.img-intro-left,
.img-fulltext-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.categories-list {
padding: 0 5px;
}
.categories-list ul {
margin: 0;
padding: 0;
}
.categories-list ul li {
list-style-type: none;
margin: 0;
}
.categories-list ul ul {
margin-left: 15px;
}
.categories-list dl dt,
.categories-list dl dd {
display: inline;
}
.category-desc {
line-height: 1.7em;
margin: 10px 0;
padding-left: 0;
}
.cat-children ul {
list-style: none;
margin: 0;
padding: 0;
}
.category {
width: 100%;
}
.category td {
padding: 8px;
}
.category th {
padding: 8px;
text-align: left;
}
.item-separator,
.row-separator {
display: block;
clear: both;
margin: 12px 0;
border: 0;
height: 2px;
}
.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}
.cols-2 .column-1,
.cols-2 .column-2 {
width: 48%;
}
.cols-2 .column-1 {
float: left;
}
.cols-2 .column-2 {
float: right;
margin: 0;
}
.cols-3 .column-1,
.cols-3 .column-2 {
float: left;
width: 29%;
}
.cols-3 .column-1 {
margin-right: 7%;
}
.cols-3 .column-2 {
margin-left: 0;
}
.cols-3 .column-3 {
float: right;
width: 29%;
}
.cols-4 .column-1,
.cols-4 .column-2,
.cols-4 .column-3 {
float: left;
width: 23%;
margin-right: 2%;
}
.cols-4 .column-2 {
margin-left: 0;
}
.cols-4 .column-4 {
float: right;
width: 23%;
margin-right: 2%;
}
.page-header {
margin: 0;
padding: 0;
border: 0;
}
fieldset.filters {
margin: 10px 0 !important;
padding: 0 !important;
}
.archive #archive-items {
margin-left: 0;
list-style: none;
}
.archive .filter-search {
background: none;
border: 0;
margin: 0;
padding: 0;
}
.archive .filter-search.alert {
float: left;
}
.archive select {
margin-right: 5px;
}
.archive .createdby {
display: block;
}
.archive .muted {
color: inherit;
}
#article-index {
float: right;
border: 1px solid #d5d5d5;
background: #f2f2f2;
border-radius: 3px;
margin-left: 15px;
}
#article-index ul {
list-style: none;
margin: 0;
}
#article-index ul li:first-child a {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
#article-index ul li a {
display: block;
padding: 5px 10px;
font-size: 16px;
border-bottom: 1px solid #d5d5d5;
}
#article-index ul li a.active {
color: inherit;
}
#article-index ul li a:hover {
background: #eaeaea;
}
#article-index ul li:last-child a {
border-bottom: none !important;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.article-index {
margin-left: 15px;
}
.article-index .nav-tabs.nav-stacked > li > a {
font-size: 16px;
padding: 5px 10px;
border: 1px solid #d5d5d5;
background: #f2f2f2;
}
.article-index .nav-tabs.nav-stacked > li > a:hover {
background: #eaeaea;
}
.pagination {
margin: 10px 0;
padding: 10px 0;
clear: both;
text-align: center;
}
.pagination .counter {
float: none;
text-align: center;
margin: 0;
margin-bottom: 5px;
}
.pagination ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pagination ul li {
display: inline-block;
text-align: center;
margin: 0 5px;
}
.pagination ul li a,
.pagination ul li span {
float: none;
margin: 0 5px;
padding: 0;
background: none;
border: none;
text-shadow: none;
}
.pagination ul li a:hover,
.pagination ul li span:hover {
background: none;
}
.pagination-start,
.pagination-next,
.pagination-end,
.pagination-prev {
border: 0;
}
.pagination-start {
padding: 0;
}
.pagination-start span {
padding: 0;
}
.pagenav {
list-style: none;
margin: 0;
}
.pagenav-prev {
float: left;
}
.pagenav-next {
float: right;
}
.pager li {
margin: 0 5px;
}
.pager a,
.pager span {
background: none;
border: 0;
padding: 0;
}
.pager a:hover,
.pager span:hover {
background: none;
}
#rt-breadcrumbs .rt-block {
margin: 10px;
padding: 10px 15px;
}
#rt-breadcrumbs [class^="breadcrumb"] {
padding: 0;
margin: 0;
}
#rt-breadcrumbs [class^="breadcrumb"] li {
list-style: none;
float: left;
text-shadow: none;
}
#rt-breadcrumbs [class^="breadcrumb"] a:after {
margin: 0 10px;
}
#rt-breadcrumbs [class^="breadcrumb"] img {
display: none;
}
#rt-breadcrumbs a {
font-size: 18px;
}
#rt-breadcrumbs a:after {
font-family: FontAwesome;
content: "\f101";
margin: 0 5px 0 10px;
}
#rt-breadcrumbs .showHere {
font-weight: bold;
margin-right: 5px;
}
#rt-breadcrumbs .divider {
display: none;
}
#rt-breadcrumbs li:first-child .divider {
display: inline;
}
.weblink-category td.title {
font-size: 18px;
text-align: left;
}
.weblink-category p {
margin: 5px 0;
}
.num {
vertical-align: top;
text-align: left;
}
.hits {
vertical-align: top;
}
.filter {
margin: 10px 0;
text-align: right;
margin-right: 7px;
}
.element-invisible {
position: absolute;
margin-left: -3000px;
margin-top: -3000px;
height: 0;
}
.cat-items {
margin-top: 20px;
}
.cat-items .filter-search {
margin-bottom: 10px;
}
.cat-items select {
margin-bottom: 0;
}
table.weblinks {
font-size: 18px;
margin: 10px 10px 20px 0;
width: 99%;
}
table.weblinks td {
border-collapse: collapse;
padding: 7px;
}
table.weblinks td p {
margin: 0;
line-height: 1.3em;
}
table.weblinks th {
padding: 7px;
text-align: left;
}
legend {
font-size: 24px;
border-bottom: 1px solid #d5d5d5;
}
legend small {
color: #d5d5d5;
}
form fieldset dt {
clear: left;
float: left;
width: 12em;
padding: 3px 0;
}
form fieldset dd {
float: left;
padding: 3px 0;
}
.invalid {
border-color: #ff0000 !important;
}
label.invalid {
color: #ff0000 !important;
}
input[type="radio"],
input[type="checkbox"] {
margin: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly],
.uneditable-input,
.uneditable-textarea {
color: #b8b8b8;
background-color: #ffffff;
border: 1px solid #d5d5d5;
}
.input-prepend .add-on,
.input-append .add-on {
background: #f2f2f2;
border: 1px solid #d5d5d5;
}
.input-prepend.input-append .media-preview,
.input-append.input-append .media-preview {
margin: 0;
}
.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover {
background-color: #e6e6e6 !important;
color: #808080;
}
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
background-color: #a80077 !important;
color: #ffffff !important;
font-size: 15px;
}
table {
border-collapse: collapse;
}
table.table-bordered {
border-collapse: separate;
*border-collapse: collapse;
}
table.table-bordered th {
background-color: #f2f2f2;
}
.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
background: #eaeaea;
}
.well {
background-color: transparent;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-tabs.nav-stacked > li > a {
background-color: #f2f2f2;
}
.nav-tabs.nav-stacked > li > a:hover {
background-color: #eaeaea;
}
.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd),
.cat-list-row0 {
background-color: #f2f2f2;
}
.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover,
.cat-list-row0:hover,
.cat-list-row1:hover {
background-color: #eaeaea;
}
.contact {
padding: 0;
}
.contact .button {
float: none !important;
clear: left;
display: block;
margin: 20px 0 0 0;
}
.contact .title {
font-size: 18px;
line-height: 33px;
margin: 0 0 2px 0;
box-shadow: none;
padding: 0;
text-align: left;
border-radius: 3px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
background-color: #fafafa;
background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
border: 1px solid #d5d5d5;
}
.contact .title a {
display: block;
padding: 0 10px;
}
.contact .title a span {
line-height: 1em;
}
.contact .title a span:before {
font-family: FontAwesome;
content: "\f055";
margin: 0 10px 0 0;
font-size: 1.3em;
display: inline;
vertical-align: middle;
}
.contact .pane-toggler-down a span:before {
content: "\f056";
}
.contact-category {
padding: 0 10px;
}
.contact-category #adminForm .filters {
border: 0;
padding: 0;
}
.contact-image {
margin: 10px 0;
overflow: hidden;
display: block;
}
.contact-image img {
max-width: 100%;
}
address {
font-style: normal;
margin: 10px 0;
}
address span {
display: block;
}
.contact-address {
margin: 20px 0 10px 0;
}
.contact-email div {
padding: 2px 0;
margin: 0 0 10px 0;
}
.contact-email label {
width: 17em;
float: left;
}
#contact-textmsg {
padding: 2px 0 10px 0;
}
#contact-email-copy {
float: left;
margin-right: 10px;
}
dl.tabs {
float: left;
margin: 50px 0 0 0;
z-index: 50;
clear: both;
}
dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
margin-right: 3px;
background: #f0f0f0;
color: #666666;
}
dl.tabs .open {
background: #F9F9F9;
border-bottom: 1px solid #F9F9F9;
z-index: 100;
color: #000000;
}
.current {
clear: both;
border: 1px solid #d5d5d5;
padding: 10px 10px;
}
.current dd {
padding: 0;
margin: 0;
}
#content-pane.tabs {
margin: 1px 0 0 0;
}
.searchintro {
font-weight: normal;
margin: 20px 0 20px;
}
#searchForm .inputbox {
margin-bottom: 0;
}
#searchForm input[type="radio"],
#searchForm input[type="checkbox"] {
margin-top: 3px;
margin-right: 5px;
float: none;
vertical-align: top;
}
#searchForm,
#finder-search {
padding: 0 5px;
}
.form-limit {
margin: 20px 0 0;
text-align: right;
padding: 0 10px 0 20px;
}
.highlight {
font-weight: bold;
}
.ordering-box {
float: right;
}
.phrases-box {
width: 60%;
float: left;
}
.only,
.phrases {
margin: 10px 0 0 0;
line-height: 1.3em;
}
.search label {
padding-top: 0 !important;
display: inline-block;
}
label.ordering {
display: block;
margin: 10px 0 10px 0;
}
.word {
padding: 10px 10px 10px 0;
}
.word input {
font-weight: bold;
padding: 4px;
font-size: 18px;
}
.word label {
font-weight: bold;
}
fieldset.only label,
fieldset.phrases label {
margin: 0 10px 0 0;
}
.ordering-box label.ordering {
margin: 0 10px 5px 0;
}
form .search label,
form .finder label {
display: none;
}
form #finder-filter-select-list label {
display: block;
margin-top: 10px;
margin-bottom: 2px;
}
.search dd {
padding: 2px 15px 2px 5px;
}
.result-title {
padding: 15px 15px 0 5px;
font-weight: bold;
}
.result-text {
padding: 10px 15px 10px 5px;
line-height: 1.7em;
}
.result-url {
font-size: 18px;
padding: 2px 15px 15px 5px;
}
.result-created {
padding: 2px 15px 15px 5px;
font-size: 16px;
}
.result-category {
padding: 10px 15px 5px 5px;
}
#password-lbl,
#username-lbl {
width: 130px;
display: block;
float: right;
}
.login .control-label {
padding-top: 0;
}
.login-fields {
margin-bottom: 5px;
}
#remember-lbl {
display: inline-block;
margin-right: 5px;
}
#remember {
margin: 0;
}
.login + div {
margin-top: 12px;
}
.login + div ul li,
#login-form li {
list-style: none;
}
.login + div ul li a:before,
#login-form a:before {
font-family: FontAwesome;
content: "\f059";
margin-right: 4px;
}
.login + div ul {
padding: 0;
margin-left: 0;
}
.login-description {
margin: 10px 0;
}
#login-form .userdata {
margin: 12px 0;
}
#login-form ul {
padding: 0;
margin-left: 0;
}
#login-form ul li a {
font-size: 18px;
}
#login-form input[type="text"],
#login-form input[type="password"] {
width: 100%;
}
[class*="box"] #login-form input[type="text"],
[class*="box"] #login-form input[type="password"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
}
#login-form #form-login-remember label {
display: inline-block;
}
#login-form #form-login-remember input {
margin: 0;
}
#users-profile-core,
#users-profile-custom {
margin: 10px 0 15px 0;
padding: 15px;
}
#users-profile-core dt,
#users-profile-custom dt {
float: left;
width: 12em;
padding: 3px 0;
margin-right: 10px;
}
#users-profile-core dd,
#users-profile-custom dd {
padding: 3px 0;
}
#member-profile fieldset,
#member-registration fieldset {
margin: 10px 0 15px 0;
padding: 15px;
}
#member-profile fieldset dd,
#member-registration fieldset dd {
float: none;
padding: 5px 0;
}
#member-profile fieldset dd input,
#member-registration fieldset dd input {
width: 17em;
}
#member-profile fieldset dd select {
width: 17em;
}
#member-profile fieldset dt,
#member-registration fieldset dt {
padding: 5px 5px 5px 0;
width: 13em;
}
.optional {
font-size: 0;
}
#member-registration {
padding: 0 5px;
}
ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu ul {
list-style: none;
}
ul.menu li {
margin-bottom: 8px;
}
ul.menu li a,
ul.menu li .item,
ul.menu li .separator {
display: block;
}
ul.menu li a:before,
ul.menu li .item:before,
ul.menu li .separator:before {
content: "\f138";
font-family: FontAwesome;
margin-right: 10px;
display: inline;
}
ul.menu li:last-child {
margin-bottom: 0;
}
ul.menu li ul {
margin: 0 0 0 20px;
padding: 8px 0 0;
}
ul.menu li.active.current,
ul.menu li#current.active {
border: 0;
padding: 0;
}
ul.menu li.active.current > a,
ul.menu li#current.active > a {
color: #6e6e6e;
}
ul.menu li.active.current > a:before,
ul.menu li.active.current > .item:before,
ul.menu li.active.current > .separator:before,
ul.menu li#current.active > a:before,
ul.menu li#current.active > .item:before,
ul.menu li#current.active > .separator:before {
content: "\f0a9";
}
ul.menu ul.small {
font-size: 14px;
}
.edit.item-page input,
.edit.item-page input .inputbox,
.edit.item-page #jform_images_image_intro,
.edit.item-page #jform_images_image_fulltext {
width: 250px;
height: 16px;
}
.edit.item-page .input-prepend.input-append .add-on:last-child,
.edit.item-page .input-prepend.input-append .btn:last-child {
height: 20px;
}
#adminForm fieldset {
padding: 20px 15px;
margin: 10px 0 15px 0;
}
#adminForm label {
width: 100%;
}
#adminForm .formelm-area {
padding: 5px 0;
}
#adminForm .formelm-area label {
vertical-align: top;
display: inline-block;
width: 7em;
}
.modal.btn {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
}
.media-preview.add-on {
margin-top: 0;
}
.input-append #jform_publish_up + .btn,
.input-append #jform_publish_down + .btn {
padding-bottom: 4px;
}
#editor-xtd-buttons a:link,
#editor-xtd-buttons a:hover,
#editor-xtd-buttons a:visited {
color: #323232;
}
#editor-xtd-buttons a.modal-button {
text-shadow: none;
}
#editor-xtd-buttons .readmore {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: inherit;
font-family: inherit;
border: inherit;
}
#editor-xtd-buttons .readmore a {
text-shadow: none;
}
#editor-xtd-buttons .readmore:before {
display: none;
}
.formelm {
margin: 5px 0;
}
.formelm .fltlft {
float: left;
}
.formelm .button2-left,
.formelm .media-preview {
margin: 3px 0 0 10px;
}
.formelm .button2-left a,
.formelm .media-preview a {
padding: 3px 10px !important;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 4px;
}
.formelm-buttons {
text-align: right;
margin-bottom: 10px;
}
.button2-left {
float: left;
margin-right: 5px;
margin-top: 10px;
}
.button2-left .readmore {
background-image: none;
background-color: transparent;
border: none;
padding: 0;
text-shadow: none;
font-size: inherit;
text-transform: inherit;
}
.contentpaneopen_edit {
float: left;
}
.mceButton:hover {
background: none !important;
}
.formelm-buttons {
text-align: right;
margin-bottom: 10px;
}
.button2-left .blank a,
.button2-left a,
.button2-left .readmore a {
background: #eee;
padding: 4px !important;
margin: 0 !important;
line-height: 1.2em;
border: solid 1px #ddd;
font-weight: bold;
text-decoration: none;
display: inline;
text-shadow: none;
}
.manager.thumbnails > li {
float: left !important;
margin-left: 20px !important;
list-style: none;
}
.control-label {
color: #303030;
}
.control-group {
margin-left: 0 !important;
}
.adminlist .title > a,
#adminForm .title > a {
font-weight: bold;
}
.adminlist th.title,
#adminForm th.title {
font-size: inherit;
letter-spacing: inherit;
margin-top: inherit;
text-transform: inherit;
}
.calendar td.button {
background-image: none;
background-color: transparent;
border: none !important;
padding: 0;
text-shadow: none;
font-size: inherit;
text-transform: inherit;
color: #000000 !important;
display: table-cell;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-radius: 0;
line-height: inherit;
}
.calendar td.button:hover {
color: #000000 !important;
}
.calendar td.button:before {
display: none;
}
.calendar tbody td.hilite,
.calendar tbody td.selected {
border: none;
padding: 2px 4px 2px 2px;
}
.calendar td.title {
font-size: 1.4em;
display: table-cell;
line-height: inherit;
}
.calendar tr.daynames td {
border: none !important;
}
.items-more {
padding-top: 10px;
}
.items-more h3 {
font-weight: normal;
margin: 0;
padding: 0;
font-size: 1.4em;
}
.items-more ol {
line-height: 1.3em;
list-style-type: none;
margin: 0;
padding: 10px 0 10px 2px;
}
.items-more ol li {
margin-bottom: 5px;
}
.items-more ol li a {
display: inline;
font-weight: normal;
padding: 0;
}
.items-more ol li a:before {
font-family: FontAwesome;
content: "\f055";
margin: 0 5px;
}
table.contenttoc {
padding: 10px;
margin: 10px;
}
table.contenttoc tr td {
padding: 1px 0;
}
.pagenavcounter {
font-weight: bold;
}
.mailto-close {
float: right;
}
#mailtoForm .button {
margin-top: 15px;
}
#system-message {
padding: 0;
margin: 15px 0;
}
#system-message dd {
margin: 0;
}
#system-message dd ul {
text-align: center;
border-radius: 3px;
margin: 15px 0;
list-style: none;
padding: 10px;
color: #ffffff;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
color: #ffffff;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
color: #ffffff;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
color: #ffffff;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
text-align: center;
}
#system-message dd ul li:before {
font-family: FontAwesome;
content: '\f05a';
margin: 15px;
font-size: 28px;
opacity: 1;
color: #fff;
vertical-align: middle;
}
#system-message .error ul {
color: #000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
}
#system-message .error ul li:before {
content: '\f056';
}
#system-message .notice ul {
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
}
#system-message .notice ul li:before {
content: '\f06a';
}
#system-message .alert {
border-radius: 4px;
margin: 15px 0;
list-style: none;
padding: 10px 35px 10px 10px;
color: #0055BB;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
color: #0055BB;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
color: #0055BB;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
color: #0055BB;
padding: 15px;
border-radius: 4px;
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
background-color: #a80077;
background-image: -moz-linear-gradient(top,#a80077,#a80077);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a80077),to(#a80077));
background-image: -webkit-linear-gradient(top,#a80077,#a80077);
background-image: -o-linear-gradient(top,#a80077,#a80077);
background-image: linear-gradient(to bottom,#a80077,#a80077);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
}
#system-message .alert-error {
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
}
#system-message .alert-error:before {
content: '\f056';
}
#system-message .alert-warning {
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
}
#system-message .alert-warning:before {
content: '\f06a';
}
#system-message .alert-success {
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
}
#system-message .alert-success:before {
content: '\f058';
}
#system-message .alert > div:first-child {
margin-bottom: 0 !important;
}
#system-message .alert p:last-child {
margin-bottom: 0;
}
#system-message .alert:before {
font-family: FontAwesome;
content: '\f05a';
margin-right: 10px;
font-size: 30px;
opacity: 0.8;
vertical-align: middle;
float: left;
}
#system-message dt.error,
#system-message dt.notice,
#system-message dt.message {
display: none;
}
div.success,
p.success {
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
color: #468847;
padding: 15px;
border-radius: 4px;
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
background-color: #d0e9c6;
background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
}
div.info,
p.info {
color: #4A677D;
padding: 15px;
border-radius: 4px;
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
color: #4A677D;
padding: 15px;
border-radius: 4px;
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
color: #4A677D;
padding: 15px;
border-radius: 4px;
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
color: #4A677D;
padding: 15px;
border-radius: 4px;
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
background-color: #a1bed2;
background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
}
div.error,
p.error {
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
color: #CC0000;
padding: 15px;
border-radius: 4px;
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
background-color: #ffc000;
background-image: -moz-linear-gradient(top,#ffc000,#ffc000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc000),to(#ffc000));
background-image: -webkit-linear-gradient(top,#ffc000,#ffc000);
background-image: -o-linear-gradient(top,#ffc000,#ffc000);
background-image: linear-gradient(to bottom,#ffc000,#ffc000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
}
div.warning,
p.warning {
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
color: #A08B4C;
padding: 15px;
border-radius: 4px;
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
background-color: #f1e5ab;
background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
}
.tip {
font-size: 0.8em;
text-align: left;
padding: 3px;
max-width: 400px;
}
.tip-title {
font-weight: bold;
}
.tip-wrap {
padding: 8px;
border-radius: 3px;
background: #f2f2f2;
color: #6e6e6e;
}
.system-unpublished .system-unpublished {
margin: -10px;
padding: 10px;
border-top: 16px solid;
border-bottom: 5px solid;
position: relative;
background: #ffffff;
border-color: #d5d5d5;
}
.system-unpublished .system-unpublished:before {
content: 'Unpublished';
text-transform: uppercase;
top: -19px;
left: 10px;
position: absolute;
font-size: 0.8em;
font-weight: bold;
}
#system-debug {
color: #f8f8f8;
background-color: #ffffff;
padding: 10px;
margin: 10px;
}
#system-debug div {
font-size: 11px;
}
@font-face {
font-family: 'FontAwesome';
src: url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');
src: url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
font-weight: normal;
font-style: normal;
}
Examples and source code
Various Font Awesome icon examples and source code using icon-book which has been used mostly(2 times) by SERVER.IR
Inline Icons
icon-book
Place Font Awesome icons just about anywhere with the <i> tag.
<i class=" icon-book"></i> icon-book
Icon classes are echoed via CSS :before.
Larger Icons
icon-book
icon-book
icon-book
icon-book
To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x,
icon-3x, icon-4x, or icon-5x classes.
<p><i class=" icon-book icon-large"></i> icon-book</p>
<p><i class=" icon-book icon-2x"></i> icon-book</p>
<p><i class=" icon-book icon-3x"></i> icon-book</p>
<p><i class=" icon-book icon-4x"></i> icon-book</p>
If your icons are getting chopped off on top and bottom, make sure you have
sufficient line-height.
List Icons
- Font Awesome icon can be used
- to easily replace lists
Use icon-ul and icon-li to easily replace default bullets in unordered lists.
<ul class="icon-ul">
<li><i class="icon-li icon-book"></i>Font Awesome icon can be used</li>
<li><i class="icon-li icon-book icon-spin"></i>to easily replace lists</li>
</ul>
Bordered & Pulled Icons
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.
Use icon-border and pull-right or pull-left for easy pull quotes or
article graphics.
<i class=" icon-book icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.
Rotated & Flipped
normal
icon-rotate-90
icon-rotate-180
icon-rotate-270
icon-flip-horizontal
icon-flip-vertical
To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.
<i class=" icon-book"></i> normal<br>
<i class=" icon-book icon-rotate-90"></i> icon-rotate-90<br>
<i class=" icon-book icon-rotate-180"></i> icon-rotate-180<br>
<i class=" icon-book icon-rotate-270"></i> icon-rotate-270<br>
<i class=" icon-book icon-flip-horizontal"></i> icon-flip-horizontal<br>
<i class=" icon-book icon-flip-vertical"></i> icon-flip-vertical
Spinning Icons
Use the icon-spin class to get any icon to rotate.
<i class=" icon-book icon-2x icon-spin"></i>
<i class=" icon-book icon-3x icon-spin"></i>
<i class=" icon-book icon-4x icon-spin"></i>
CSS3 animations aren't supported in IE8 - IE9.
Stacked Icons
icon-book on icon-check-empty
icon-book on icon-circle
icon-bookl on icon-sign-blank
icon-ban-circle on icon-book
icon-book on icon-circle
icon-bookl on icon-sign-blank
icon-ban-circle on icon-book
To stack multiple icons, use the icon-stack class on the parent, the icon-light
for the regularly sized icon, and icon-stack-base for the larger icon. icon-light
can be used as an alternative icon color. You can even throw larger icon classes on the parent
to get further control of sizing.
<span class="icon-stack">
<i class=" icon-check-empty icon-stack-base"></i>
<i class=" icon-book "></i>
</span>
icon-book on icon-check-empty<br>
<span class="icon-stack">
<i class=" icon-circle icon-stack-base"></i>
<i class=" icon-book icon-light"></i>
</span>
icon-book on icon-circle<br>
<span class="icon-stack">
<i class=" icon-sign-blank icon-stack-base"></i>
<i class=" icon-book icon-light "></i>
</span>
icon-book on icon-sign-blank<br>
<span class="icon-stack">
<i class=" icon-book icon-light"></i>
<i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-book