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
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>
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-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