Skip to content

Instantly share code, notes, and snippets.

@samliew samliew/ike-style.css
Last active Nov 7, 2016

Embed
What would you like to do?
New IKE styling by samliew
/*
The new and improved IKE!
Made for and tested in Google Chrome only.
Version: 1.1
Instructions:
1. Install this Google Chrome plugin "Stylish": https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
2. Go to the IKE intranet: http://ike
3. Click on the extension icon on the top right of Chrome, click "Write style for: this URL"
4. Copy and paste the contents of this file: https://gist.github.com/samliew/f36d02131ec25e4dddbabd5dadc9bb43 (click "Raw" button so you can select all)
5. Click "Save"
For updates, you have to:
1. Go back to the same link: https://gist.github.com/samliew/f36d02131ec25e4dddbabd5dadc9bb43
2. Copy the latest style (click "Raw" button so you can select all)
3. Go to the IKE intranet: http://ike
4. Click on the extension icon on the top right of Chrome, click "Edit" link below the style (bold text)
5. Replace the contents of the large code area
6. Click "Save"
Author: Samuel Liew (https://samliew.com)
Created on: 20/10/2016
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Material+Icons");
/*
Style Guide -
Blue: #008CD1
Gold: #FBAA26
Orange: #F47B29
Dark Blue: #1F2A44
*/
body {
font-family: 'Open Sans',Arial,sans-serif !important;
font-size: 14px;
line-height: 1.4em;
background: #fcfcfc;
}
body * {
font-family: 'Open Sans',Arial,sans-serif !important;
font-size: 1em !important;
line-height: 1.4em !important;
border-radius: 0 !important;
box-sizing: border-box;
}
div {
box-shadow: none !important;
}
html > body hr {
margin-bottom: 1em;
}
html > body ol {
margin-left: 14px;
}
label, input, select {
float: none !important;
}
input, textarea, select {
border: 1px solid #cbdee9;
}
input[type=button],
input[type=reset],
input[type=submit],
input.submit {
width: auto !important;
padding: 5px 25px !important;
border: none;
font-weight: normal;
}
input[type=submit]:hover {
background-color: #F47B29;
}
input[type=submit] + input[type=submit] {
margin-left: 7px;
}
input.submit {
padding: 6px 20px;
color: white;
background-color: #008CD1;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover,
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus,
input:focus, select:focus, textarea:focus, button:focus {
background: inherit;
}
span.radio_check input,
span.checkbox input,
.subpanes input,
.subpanes input {
display: none !important;
}
span.radio_check input + label,
span.checkbox input + label,
.subpanes input + label,
.subpanes input + label {
display: block;
margin-bottom: 10px;
padding-left: 23px;
cursor: pointer;
}
span.radio_check input + label:before,
span.checkbox input + label:before,
.subpanes input + label:before,
.subpanes input + label:before {
content: '\E835';
position: absolute;
left: 0;
top: 0;
display: block;
width: 18px;
height: 18px;
font-size: 18px;
font-family: 'Material Icons';
color: #555;
}
span.radio_check input:checked + label:before,
span.checkbox input:checked + label:before,
.subpanes input:checked + label:before,
.subpanes input:checked + label:before {
content: '\E834';
}
img {
max-width: 100% !important;
}
p a:hover img {
opacity: 0.92;
}
ul li,
#carousel_side ul li, .tiles ul li {
background-position: 1px 5px !important;
}
table {
height: auto !important;
}
div > br:first-child {
display: none;
}
.iframe, .iframe body {
overflow: auto;
}
#col_2 img {
height: auto !important;
}
#col_2 p img:only-child {
float: none !important;
width: 100% !important;
margin: 0 !important;
}
#col_2 img.float_right {
margin: 1em 0 1em 1em !important;
}
#col_3 img {
display: block;
width: 100% !important;
height: auto !important;
float: none !important;
margin: 0 auto;
}
#col_3 .inner .content img {
width: auto !important;
}
#col_3 a:hover img {
opacity: 0.92;
}
#content:after {
display: none;
}
#header {
width: 100%;
background: white;
}
#nav_main {
width: 100%;
padding: 0 10px;
}
#nav_main a {
margin: 0;
padding: 12px 20px;
}
#nav_main span {
margin: 0 !important;
padding: 0 !important;
}
#blue #nav_main a:hover {
background-color: #fbaa26;
}
#blue #nav_main a:hover span {
text-decoration: none !important;
}
#lime #nav_main a:hover {
background-color: #005000;
}
#lime #nav_main a:hover span {
text-decoration: none !important;
}
#header_quicklinks ul {
margin: 10px 0 10px !important;
padding: 10px 0 0 !important;
}
#header_quicklinks ul li {
margin-bottom: 10px;
border: none !important;
}
#header_quicklinks ul li a {
position: relative;
border: none;
background-color: transparent;
min-width: 80px;
margin: 0 auto;
background-position: center !important;
}
#header_quicklinks ul li a:hover {
top: -1px;
}
#search_panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-align-content: stretch;
-moz-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
max-width: 500px;
width: 100%;
margin: 0 auto 20px !important;
padding: 4px 6px;
}
#search_panel > div {
margin: 4px 5px;
}
.autocomplete-w1 {
border: none !important;
}
.autocomplete {
border: 1px solid #cbdee9;
}
.autocomplete strong {
color: #F47B29;
}
#header fieldset {
position: relative;
display: block;
float: none;
width: 234px;
padding: 0;
background: #008CD1;
}
#header fieldset:after {
font-family: 'Material Icons';
content: '\E8B6';
position: absolute;
top: 0;
right: -1px;
width: 30px;
height: 25px;
line-height: 26px;
color: white;
text-align: center;
font-size: 18px;
}
#header input.text {
width: calc(100% - 30px) !important;
font-size: 13px !important;
}
#header input.submit {
position: relative;
z-index: 10;
float: right !important;
width: 30px !important;
padding: 0 !important;
color: transparent;
background: transparent;
}
#nav_main a:hover span,
#nav_main a:focus span {
text-decoration: none !important;
}
#breadcrumbs + .feature_item {
display: none;
}
em.new, em.new_panel, em.new_news, em.new_panel, em.new_lpanel, em.new_spanel, em.new_homepanel {
right: 2px;
top: 3px;
padding: 1px 4px 2px 4px;
border-radius: 3px !important;
font-weight: normal;
font-size: 0.9em !important;
}
.panel .inner td {
padding: 7px 10px;
}
#footer {
width: 100%;
height: auto;
padding: 0 20px;
background: #008CD1 !important;
}
#lime #footer {
background-color: #005a00 !important;
}
#footer_content {
max-width: 1240px;
width: 100%;
padding: 15px 0 10px;
}
#footer_content > img {
display: none;
}
#footer_content:before {
float: left;
content: 'The Customer Empowered Bank';
font-style: italic;
}
#footer_content ul {
position: relative;
top: -3px;
height: 25px;
max-width: none;
margin-bottom: 0 !important;
}
#footer_content li {
position: relative;
margin: 0 5px !important;
line-height: 25px !important;
background: transparent !important;
}
#footer_content ul li a {
position: relative;
display: block !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
text-decoration: none !important;
}
#footer_content ul li:first-child a.profile {
display: inline !important;
font-weight: normal;
font-size: inherit !important;
}
#footer_content ul li a#footer_profile {
display: inline !important;
font-weight: normal;
}
#footer_content ul li:first-child a#footer_pageinfo {
display: block !important;
}
#footer_content ul li a#footer_profile:hover {
color: #FBAA26;
}
#footer_content ul li a img {
display: none;
}
a#footer_pageinfo:after,
a#footer_print:after,
a#footer_fav:after,
#footer_content a[href^='/pageinfo']:after,
#footer_content a[href='#Print']:after,
#footer_content a[href*='favid']:after {
position: absolute;
top: 0;
left: 0;
content: '\E88F';
font-family: 'Material Icons';
font-size: 18px !important;
width: 100%;
text-align: center;
line-height: 24px;
border-radius: 50%;
}
a#footer_pageinfo:hover:after,
a#footer_print:hover:after,
a#footer_fav:hover:after,
#footer_content a[href^='/pageinfo']:hover:after,
#footer_content a[href='#Print']:hover:after,
#footer_content a[href*='favid']:hover:after {
background-color: #1F2A44 !important;
}
a#footer_print:after,
#footer_content a[href='#Print']:after,
#footer_content a[href*='favid']:after {
content: '\E8AD';
}
a#footer_fav:after,
#footer_content a[href*='favid']:after {
content: '\E838';
color: #FBAA26;
}
.tile:hover, .panel:hover, .pnl_home_portal:hover, #wrapper_news_and_tip:hover, #news_and_tips:hover {
box-shadow: none;
}
#weather,
.panel {
margin-bottom: 20px;
font-size: 13px !important;
word-break: break-all;
word-break: break-word;
}
.panel .header {
height: auto !important;
background-color: #008cd1 !important;
}
.panel .inner {
background: white;
border: 1px solid #cbdee9;
}
.panel .inner > .content_area {
padding: 0 !important;
}
.news_image {
float: none;
min-height: 1px;
margin-top: 10px;
}
.panel h3.h span {
padding: 11px 27px 11px 10px !important;
background-position: right 11px center !important;
}
.panel .noopen h3.h span {
padding: 0 !important;
}
.header h3,
.header a {
font-size: 13px !important;
text-align: left;
}
.checkbox label {
padding-top: 0;
}
.cluetip-close a:hover {
cursor: pointer;
}
a.infolink[href*=Favourites] {
display: none;
}
hr:last-child {
display: none;
}
#welcome_heading {
font-size: 15px !important;
}
#welcome_heading + img {
width: 142px;
height: 142px;
margin-top: 5px;
padding-top: 0 !important;
border: 1px solid #ddd;
}
.panel.aboutme {
width: 100%;
}
a#edit_bio {
position: relative;
height: 30px;
padding-right: 15px;
width: 140px;
margin: 5px auto 0;
background: #008CD1 !important;
text-indent: 0;
color: white;
text-transform: uppercase;
text-align: center;
line-height: 30px !important;
text-decoration: none;
}
a#edit_bio:after {
font-family: 'Material Icons';
font-size: 16px;
content: '\E254';
position: absolute;
right: 15px;
top: 1px;
}
a#edit_bio:hover {
background: #FBAA26 !important;
}
form[action='/Home/'] #col_2,
form[action='/'] #col_2 {
max-width: none;
margin-right: 0 !important;
}
form[action='/Home/'] #col_3,
form[action='/'] #col_3 {
display: none;
}
table#staff_list.staff_list_home > tbody > tr > td.delete {
padding: 8px !important;
width: 32px;
height: 32px;
}
.staff_list_home.trading td div {
width: auto !important;
}
.mycontactdelete {
position: relative;
margin-top: 1px;
background: none;
}
.mycontactdelete:before {
font-family: 'Material Icons';
font-size: 16px;
content: '\E5CD';
position: absolute;
left: 0;
top: -1px;
color: black;
opacity: 0.3;
}
.mycontactdelete:hover:before {
opacity: 0.9;
color: red !important;
}
.infolink {
position: relative;
margin-top: 1px;
background: none;
width: 18px;
height: 18px;
}
.infolink:before {
font-family: 'Material Icons';
font-size: 18px;
content: '\E887';
position: absolute;
left: 0;
top: -1px;
color: #008CD1;
}
.infolink:hover:before {
color: #F47B29;
}
#staff_list td.name,
#staff_list td.name > a {
white-space: normal !important;
}
table#staff_list td.phone {
width: 62px !important;
min-width: 62px !important;
padding: 7px 0 7px 10px !important;
text-align: right;
}
.linkAll b,
#staff_list a.profile {
font-weight: normal;
}
.panel .header.noopen a {
display: block;
min-height: 30px;
}
.panel .noopen h3 span a {
padding: 11px 10px;
}
.panel .noopen a.profile img {
display: none;
}
.panel .noopen a:hover {
background: #F47B29;
}
.pnl_home_portal.panel h3 span a:before,
a#ctl00_ctl00_col1Outer_col1_linkMarketingPortal:before,
.panel .noopen a.profile h3:before {
position: relative;
float: left;
margin: 11px 7px 0 10px;
content: '\E8B8';
font-family: 'Material Icons';
color: white;
font-size: 18px;
}
.pnl_home_portal.panel h3 span a:before,
a#ctl00_ctl00_col1Outer_col1_linkMarketingPortal:before {
margin: 1px 7px 0 0px;
content: '\E916';
}
a#ctl00_ctl00_col1Outer_col1_linkMarketingPortal:before {
content: '\E8F9';
}
#col_2 tr:nth-child(even) td, .panel .inner tr:nth-child(even) td {
background: #f5f5f5 !important;
}
#weather * {
font-size: 13px !important;
}
#weather {
width: 100%;
}
#weather .inner {
background: #777;
padding-bottom: 7px;
}
#weather div.current {
left: inherit;
right: 10px;
top: 28px;
width: 125px;
}
#weather h4 {
margin-bottom: 5px !important;
}
#weather span {
text-shadow: none;
font-size: 16px !important;
}
table.staff_list_recent_posts {
width: 99.6% !important;
}
#col_1 .staff_list_recent_posts td a {
width: 100%;
}
#col_1 .staff_list_recent_posts td span {
padding-left: 0 !important;
font-size: 0.85em !important;
color: #999 !important;
}
.linkAll a {
text-align: right;
font-style: italic;
}
textarea#txtFeedBack {
height: 180px !important;
width: 100% !important;
}
.ok h3 {
border: 0;
margin: 0;
}
h3.cluetip-title {
background-color: #008CD1;
}
.cluetip-outer {
box-shadow: 3px 3px 5px rgba(0,0,0,0.18) !important;
border: 1px solid #ddd;
}
.cluetip-close a {
position: relative;
background: none;
width: 24px;
height: 24px;
text-indent: 0;
color: transparent !important;
}
.cluetip-close a:before {
content: '\E5CD';
font-family: 'Material Icons';
position: absolute;
left: 0;
top: 0;
display: block;
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
color: white;
}
.cluetip-close a:hover:before {
color: #FBAA26;
}
#lstCats, #lstPortals,
#lstCats td, #lstPortals td {
margin: 0;
padding: 0;
}
#lstCats label, #lstPortals label {
padding-top: 0;
}
.subpanes br {
display: none;
}
.style2014 .tile h3 {
max-height: 40px;
}
#content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: center;
-moz-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
max-width: 1280px;
margin: 50px auto 0;
padding: 0 20px;
overflow: hidden !important;
}
#col_1, #col_2, #col_3 {
display: block;
float: none;
width: auto;
}
#col_1 {
flex-shrink: 0;
width: 220px;
flex-basis: 220px;
margin: 0 20px 20px 0 !important;
}
#col_2 {
position: relative;
max-width: 960px;
min-height: 40vh;
width: auto !important;
margin: 0 20px 20px 0 !important;
overflow: visible;
flex-basis: 400px;
flex-grow: 1;
}
#col_3 {
flex-shrink: 0;
width: 220px;
flex-basis: 220px;
margin: 0 0 20px 0 !important;
}
html.single_col #col_2 {
max-width: none;
margin-left: 10px !important;
margin-right: 0 !important;
}
html.no_col_1 #news_and_tips > .inner {
margin: 0 auto;
}
html.no_col_1 #col_2 {
max-width: none;
/*width: 762px !important;*/
}
html.no_col_1 #col_2 > div.tiles {
margin-left: -8px !important;
}
#col_2 > div,
html.single_col #wrapper_news_and_tips,
html.single_col #news_and_tips .inner_inner {
width: auto;
}
#col_3 > div:first-child {
margin-top: 0;
}
#carousel_side .panel,
#col_3 > .panel {
margin-bottom: 10px;
}
#breadcrumbs {
float: none;
margin-top: 0px;
margin-bottom: 18px;
}
#breadcrumbs ul,
#breadcrumbs li {
float: none;
display: inline-block;
}
#breadcrumbs div li,
#breadcrumbs div a {
width: auto !important;
}
#breadcrumbs a,
#breadcrumbs span {
position: relative;
background: none !important;
}
#breadcrumbs_list > li > a {
background: #008CD1 !important;
color: white !important;
border-radius: 3px !important;
}
#breadcrumbs_list > li > a:hover {
background-color: #FBAA26 !important;
}
#breadcrumbs .parent > a:after {
content: '\E5CF';
font-family: 'Material Icons';
position: absolute;
right: 3px;
top: 0;
display: block;
width: 24px;
height: 24px;
font-size: 18px;
line-height: 24px;
color: white;
text-align: right
}
#breadcrumbs li.one_column .wrapper,
#breadcrumbs li.two_column .wrapper {
width: auto;
}
#breadcrumbs li.one_column .inner {
width: auto;
}
#breadcrumbs li.two_column .inner {
width: 400px;
}
#breadcrumbs li.three_column .wrapper {
width: 617px;
}
#breadcrumbs li.three_column .inner {
width: 598px;
}
.rightcolwide #carousel_side {
margin-left: 10px;
}
#c_feature #pagination li {
margin-left: 12px;
}
#c_feature,
.single_feature_item {
width: calc(100% - 270px);
}
#c_feature {
height: 460px !important;
margin-bottom: 40px;
}
#c_feature .inner,
.c_feature_item,
.c_feature_item img,
.single_feature_item img {
float: none !important;
width: 100% !important;
height: auto !important;
}
#home_settings .header,
#home_settings a {
height: 40px !important;
}
#home_settings h3 span {
padding-top: 11px !important;
}
#pnl_related .inner {
width: auto;
}
p.align_centre > a.content_image_link {
margin: 10px 20px 20px;
}
.thank_tag {
display: block;
text-align: right;
height: 29px;
padding-top: 5px;
margin-top: 14px;
clear: both;
}
.thanks {
position: relative;
top: -1px;
padding: 2px 7px 1px 6px !important;
border-radius: 3px !important;
font-size: 12px !important;
font-weight: normal;
text-decoration: none !important;
background: #FBAA26 !important;
cursor: default;
}
.thank_hand {
background-position: right 4px top 1px;
}
.thank_hand .thanks {
float: left;
top: 1px;
font-size: 12px !important;
}
.thanks.thanks_link,
.thank_tag.cal .thanks,
.thank_tag.comment .thanks,
.thank_tag.service .thanks {
position: relative;
top: -1px;
margin-left: 6px;
padding: 5px 10px !important;
border-radius: 0 !important;
background: #008CD1 !important;
cursor: pointer;
font-weight: normal;
}
.thanks.thanks_link:hover,
.thank_tag.cal .thanks:hover,
.thank_tag.comment .thanks:hover,
.thank_tag.service .thanks:hover {
background: #F47B29 !important;
}
.lime .thanks.thanks_link {
/*color: #005a00 !important;
background: #a9d03c !important;*/
color: white !important;
}
.thank_tag.comment {
margin: 0 !important;
}
#comments ol li {
padding: 12px 15px !important;
}
#comments ol li p.gravatar {
width: auto;
margin: 0 !important;
text-align: right;
}
#comments ol li p.gravatar img {
max-width: 82px !important;
max-height: 120px;
width: auto;
}
#news_and_tips > .inner {
padding-top: 0;
}
#wrapper_news_and_tips,
#news_and_tips .inner_inner {
background-color: transparent !important;
}
.inner_inner span.case-upper small,
.news_accordian h4 span {
font-size: 14px !important;
line-height: 16px !important;
}
.inner_inner span.case-upper small {
display: inline-block;
position: relative;
top: -2px;
}
.news_accordian {
float: none;
padding-top: 0;
}
#tabs_content_pane > div {
padding: 10px 0;
}
#tabs_content_pane .tab_cat > ul {
margin-bottom: 0 !important;
}
#tabs_content_pane .tab_cat > ul li h4 {
margin-top: 0;
background: none;
}
.js .news_accordian .accordian_inner,
.js .tab_cat .news_accordian .accordian_inner,
#tabs_content_pane li.news_accordian .accordian_inner {
padding: 10px 0 !important;
border-bottom: 1px solid #ddd;
background: none;
}
#main_h,
.news_accordian > h4 {
margin: 10px 0 2px;
padding: 0 35px 0 0 !important;
font-size: 1.6em !important;
font-weight: normal;
color: #F47B29;
border: 0;
}
#news_and_tips h3#main_h {
margin-top: 0 !important;
}
.news_accordian > h4 {
background: none;
cursor: auto;
padding-left: 29px !important;
padding-right: 35px !important;
}
.news_accordian > h4:before {
position: absolute;
top: 3px;
left: 0px;
display: block;
width: 1em;
height: 1em;
font-size: 24px;
line-height: 24px !important;
font-family: 'Material Icons';
content: '\E5CF';
color: #333;
}
.news_accordian > h4.active:before {
content: '\E5CE';
}
.news_accordian > h4 span,
.lime .news_accordian > h4 span {
color: #F47B29;
}
#feature_content p {
font-size: 100% !important;
line-height: 1.4em !important;
}
#col_2 .content_area h3 {
font-size: 1.3em !important;
font-weight: normal;
margin: 10px 0;
color: #008CD1;
}
.js .news_accordian > h4:hover,
.js .news_accordian > h4:focus {
text-decoration: none;
color: #FBAA26;
}
#main_h .thank_hand,
.news_accordian > h4 .thank_hand {
display: inline-block;
height: 19px !important;
padding: 0 25px 0 0 !important;
background-position: right 3px top 1px;
}
em.new_news {
position: absolute;
right: 0px;
top: 6px;
width: 27px;
height: 20px;
cursor: default;
color: transparent;
border-radius: 3px !important;
}
em.new_news:before {
position: absolute;
top: 3px;
left: 4px;
display: block;
width: 1em;
height: 1em;
font-size: 18px;
line-height: 15px !important;
font-family: 'Material Icons';
content: '\E0E1';
color: white !important;
}
#ctl00_ctl00_col2Outer_col2_news_pnlMain {
margin-bottom: 3px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
p.view_archived_news_and_tips {
width: 100%;
margin: 10px 0 0 !important;
padding: 0 !important;
float: none;
text-align: center;
}
p.view_archived_news_and_tips a {
display: inline-block;
margin-top: 20px;
padding: 7px 15px;
background: #008CD1;
color: white !important;
text-decoration: none;
}
.lime .view_archived_news_and_tips a {
/*color: #005a00 !important;
background: #a9d03c !important;*/
color: white !important;
}
#lime .thanks.thanks_link:hover,
.lime .view_archived_news_and_tips a:hover {
/*color: white !important;
background: #005a00 !important;*/
color: white !important;
}
p.view_archived_news_and_tips a:hover {
background: #F47B29;
color: white !important;
text-decoration: none;
}
#news_and_tips p.view_archived_news_and_tips span {
float: none;
padding: 0;
}
#pnl_634281081959047465,
#pnl_634595587921431656 {
margin-bottom: 10px;
}
#pnl_634281081959047465 h3,
#pnl_634595587921431656 h3 {
padding: 0;
height: 38px;
}
#feature_content {
padding-top: 10px;
}
#c_feature div {
height: auto !important;
}
.c_feature_item a {
position: relative;
display: block;
}
#c_feature #pagination li {
width: 10px;
height: 10px;
}
html.no_col_1 #wrapper_news_and_tips,
.style2014 #news_and_tips .inner,
html.no_col_1 #news_and_tips .inner_inner,
html.no_col_1 #main_h {
width: 100% !important;
}
.style2014 #news_and_tips {
margin-top: 0;
}
#new_window {
margin-top: -29px;
padding-right: 0;
}
#new_window:after {
content: '\E89E';
font-family: 'Material Icons';
display: inline-block;
margin-left: 5px;
}
a.content_image_link {
display: inline-block;
}
a.content_image_link img {
display: block;
margin: 0 !important;
}
.content_area > img:first-child {
width: 100%;
}
#breadcrumbs + h2.h {
margin-top: 30px;
}
#feature_content_only img {
margin: 0 15px 15px 0;
}
#feature_content_only img.float_right {
margin: 0 0 15px 15px;
}
.content_area ul {
list-style-type: none !important;
padding-left: 0px;
}
#pnl_635923638247003219 h3 a:hover {
background-color: transparent !important;
}
a.content_more_less {
display: block;
float: none;
width: 100%;
top: 0;
}
#content > img:first-child {
width: 100%;
margin-bottom: 22px !important;
}
#col_3 .inner .content img[src^='/IKE-Resources/Images/Staff-Photos/'],
#col_3 .inner .content img[src^='/phonelist/staffimages/'] {
margin: -1px auto 5px !important;
padding: 5px 0 0 !important;
}
#col_3 .inner .content img[src^='/phonelist/staffimages/'] + div a#edit_bio {
margin-top: 0 !important;
}
.cluetip-inner ul#links a {
background-position: 0 center;
}
#profile_content {
width: 310px;
}
#profile_content > br {
display: none;
}
#profile ul#contacts_p {
width: auto;
margin-bottom: 0 !important;
text-transform: none;
}
#profile ul#contacts_p li {
margin-bottom: 10px;
}
#profile ul#contacts_p li strong {
float: none;
display: block;
padding: 0 !important;
}
#profile #links_map span {
padding-left: 0 !important;
}
a[title='View Staff Profile Listing'] {
display: none;
}
.wide_col_3 .panel {
margin-bottom: 10px;
}
/* GREATVINE */
#col_3 .col3_tile {
padding-bottom: 0 !important;
margin-bottom: 10px;
background-color: #008cd1 !important;
}
#col_3 .col3_tile a {
display: block;
color: white !important;
}
#col_3 .col3_tile a:hover {
background-color: #F47B29 !important;
}
.birthday_tile a,
.staff_list_home.trading td a {
font-weight: normal;
font-size: 0.9em !important;
}
.birthday_tile .content {
padding: 0;
}
#tile_trading table {
width: calc(100% + 28px) !important;
margin-bottom: 8px !important;
margin-left: -16px;
}
#tile_trading table tr:first-child {
display: none;
}
.trading td {
padding: 0.5rem 1rem !important;
}
.tile_image_heading h3 {
background-color: #008CD1 !important;
}
.years_service .inner {
height: auto !important;
max-height: none;
}
.years_service a.profile,
.years_service strong {
font-weight: normal;
}
.lime a,
.greatvine a:link,
.greatvine a:visited,
.staff_list_home.trading td a {
color: #008cd1 !important;
}
.lime a:hover,
.greatvine a:hover,
.staff_list_home.trading td a:hover {
color: #F47B29 !important;
}
.has_col_3 .style2014 #col_2 .tile {
width: calc(33% - 16px) !important;
}
.has_col_3 .style2014 #col_2 .tile .content {
min-height: 352px !important;
}
form[action='/Frontline/'] #col_3 {
flex-basis: 188px;
}
form[action='/The-Greatvine/'] .tiles {
display: block;
}
form[action='/The-Greatvine/'] #tabs_content_list {
display: none;
}
/*.lime #main_h,
.lime .news_accordian > h3,
.lime .news_accordian > h4 {
color: #005a00 !important;
}*/
div#tile_634588480308296509,
.years_service .inner {
border: 1px solid !important;
border-top: none !important;
}
div#tile_634588480308296509,
.years_service .inner,
.tile_image_heading .lime.content {
border-color: #cbdee9 !important;
}
#col_2 .lime .content_area h3 {
color: #000 !important;
}
#wrapper_news_and_tips {
margin-bottom: 30px;
}
#wrapper_news_and_tips.lime #news_accordian_list .news_accordian h4 {
background-color: transparent !important;
}
.lime #news_and_tips #feature_content img, .lime .accordian_inner img,
#wrapper_news_and_tips.lime #tabs_content_pane > div, #wrapper_news_and_tips.lime #news_accordian_list .news_accordian h4, #wrapper_news_and_tips.lime #tabs_content_list > li > a.current {
background-color: inherit !important;
border: none !important;
}
.style2014 .inner_inner {
border: none !important;
}
#wrapper_news_and_tips p img.float_left {
float: left;
margin: 10px 1.5em 1.5em 0;
}
#wrapper_news_and_tips p a.content_image_link {
clear: both;
width: 100%;
margin: 10px auto 1.5em;
}
#wrapper_news_and_tips p a.content_image_link img {
min-width: 50%;
}
.content_image_hover {
box-shadow: none;
}
.tiles {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
-webkit-align-content: flex-start;
-moz-align-content: flex-start;
-ms-flex-line-pack: flex-start;
align-content: flex-start;
margin-left: -8px !important;
margin-right: -8px !important;
margin-bottom: 0;
}
#col_2 > div.tiles {
margin-left: -18px !important;
}
.tile {
width: auto !important;
margin: 0 8px 16px !important;
flex-basis: 220px;
flex-grow: 1;
}
.tile,
.tile .content {
height: auto !important;
}
.tiles.flyout .tile:hover .content {
width: 100%;
}
.landing .flyout.tiles {
height: auto;
}
.landing .flyout.tiles .tile {
margin: 0 5px 10px;
}
.tile.last_node {
margin-right: 5px;
}
.tiles.flyout {
margin-bottom: 0 !important;
}
.tiles.flyout:after {
display: none;
}
.tiles.flyout .content {
border-top: 0;
}
.tiles.flyout ul li {
font-size: 0px !important;
}
.tiles.flyout ul li a {
font-size: 14px !important;
line-height: 1.2em !important;
margin-bottom: 12px;
}
.tile h3 {
margin: 0 !important;
}
#blue .tile h3,
#blue .sidetile h3 {
background-color: #008CD1 !important;
background-image: none;
}
/* GALLERY */
.g_item a span {
margin-top: 144px;
padding: 4px 5px;
font-size: 12px !important;
height: 34px !important;
line-height: 1.2em !important;
overflow: hidden;
}
#cboxWrapper #cboxTopLeft,
#cboxWrapper #cboxTopCenter,
#cboxWrapper #cboxTopRight,
#cboxWrapper #cboxMiddleLeft,
#cboxWrapper #cboxMiddleRight,
#cboxWrapper #cboxBottomLeft,
#cboxWrapper #cboxBottomCenter,
#cboxWrapper #cboxBottomRight {
display: none !important;
}
#colorbox,
#wrapper_gallery {
background: #111;
}
#wrapper_gallery_large {
width: calc(100% - 128px) !important;
margin: 0 auto !important;
}
#wrapper_gallery_thumbs {
margin-top: 0;
}
#wrapper_gallery #img_large a {
display: block;
height: 100%;
}
#wrapper_gallery #img_large a img {
display: block;
height: 100%;
}
#tiptip_holder {
display: none !important;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-left: -11px;
border-left-color: rgba(45,45,45,0.88);
}
#tiptip_content {
border: none !important;
}
/* FORUM */
form[action^='/Forums/'] #content > p:first-child,
form[action^='/forums/'] #content > p:first-child {
width: 100%;
text-align: center;
}
.yafnet {
padding: 0;
}
.yafnet * {
text-shadow: none !important;
}
.yafnet input[type='button'],
.yafnet input[type='reset'],
.yafnet input[type='submit'] {
background: #008CD1;
color: white;
border: none !important;
cursor: pointer;
font-weight: normal;
}
.yafnet input[type='button']:hover,
.yafnet input[type='reset']:hover,
.yafnet input[type='submit']:hover {
background: #F47B29;
}
.yafnet .content a {
color: #008CD1;
}
.yafnet .content a:hover {
color: #F47B29;
text-decoration: none;
}
.yafnet table th,
.yafnet table td {
border-color: #cbdee9;
}
.yafnet table table {
margin: 5px 0;
}
.yafnet table table th,
.yafnet table table td {
padding: 0 !important;
border-color: transparent;
}
.yafnet img {
max-width: none !important;
}
.yafnet table.content {
box-shadow: none;
}
.yafnet table.command td {
padding: 0;
}
#yafheader {
display: none;
}
.yafnet .footer1 {
background: white;
}
.yafnet .topicTitle th,
.yafnet td.header1,
.yafnet .menuContainer,
.yafnet .forumRowTitle th {
padding: 8px 5px;
background: #008CD1;
border: none;
}
.yafnet .topicTitle,
.yafnet .header1 {
border: 1px solid transparent !important;
}
.yafnet .outerMenuContainer a:hover {
color: #ddd;
}
.yafnet .yafPageLink {
padding-left: 2px;
}
.yafnet .yafPageLink a:hover,
.yafnet .yafPageLink .currentPageLink {
color: #F47B29;
}
.yafnet a.yafcssbigbutton {
margin: 0;
}
.yafcssbigbutton.leftItem:first-child,
.yafnet a.yafcssbigbutton + a.yafcssbigbutton {
margin-right: 10px;
}
#dvFavorite1 .yafcssbigbutton,
#dvFavorite2 .yafcssbigbutton {
margin-left: 10px;
}
.yafnet a.yafcssbigbutton,
.yafnet a.yafcssbigbutton:active {
padding: 8px 30px;
background: #008CD1;
border: none;
}
.yafnet a.yafcssbigbutton:active span,
.yafnet a.yafcssbigbutton span {
padding: 0;
font-weight: normal;
}
.yafnet a.yaflittlebutton,
.yafnet a.yaflittlebutton:active {
padding: 3px 10px;
background: #008CD1;
border: none;
font-weight: normal;
}
.yafnet a.yaflittlebutton span {
font-weight: normal;
}
.yafnet a.yafcssbigbutton:hover,
.yafnet a.yaflittlebutton:hover {
background: #F47B29;
}
.yafnet img {
max-width: none !important;
}
.yafnet .header1 input,
.forumRowCat input {
box-shadow: none !important;
border: 1px solid #888 !important;
margin: 2px 0px 0 3px !important;
}
.forumRowCat input:hover {
opacity: 0.85;
}
.yafnet tr.post:hover .message,
.yafnet tr.post:hover, .yafnet tr.post_alt:hover, .yafnet tr.topicRow_Alt:hover td, .yafnet tr.post_alt:hover td {
background-color: #f3f3f3 !important;
transition: none !important;
}
.header2.postNavigation,
.yafnet > div > .content:last-child {
display: none;
}
.yafnet .topicFavoriteCount a:hover {
color: #008CD1 !important;
}
.yafnet a.pagelink, .yafnet a.pagelinkfirst, .yafnet a.pagelinklast, .yafnet .pagecurrent, .yafnet .pagecount {
padding: 5px 11px;
margin: 0;
text-decoration: none !important;
}
.yafnet a.pagelink:hover, .yafnet a.pagelinkfirst:hover, .yafnet a.pagelinklast:hover, .yafnet .pagecurrent:hover, .yafnet .pagecount:hover {
background: #e0e0e0;
}
.yafnet a span {
text-decoration: none !important;
}
.gotoPageForm {
width: auto !important;
}
.gotoPageForm .gotoHeader {
background: #008CD1;
}
.gotoPageForm .gotoInner input[type='button'] {
margin: 3px;
}
.yafnet .postsep,
.yafnet .postsep td {
background: none;
height: 0px;
padding: 0px !important;
border-color: transparent !important;
}
.postfooter {
display: none;
}
.postfooter + tr * {
font-weight: normal !important;
font-size: 12px !important;
}
.yafnet .postheader + tr.post_alt:hover,
.yafnet .postheader + tr.post_alt:hover *,
.yafnet .postfooter + tr.post_alt:hover,
.yafnet .postfooter + tr.post_alt:hover *,
.yafnet .postheader + tr.post:hover,
.yafnet .postheader + tr.post:hover *,
.yafnet .postfooter + tr.post:hover,
.yafnet .postfooter + tr.post:hover * {
background-color: white !important;
}
.yafnet .post_alt {
background-color: white;
}
.yafnet .PopMenuLink {
padding: 3px 20px 3px 8px;
font-weight: normal;
}
.yafnet .PopMenuLink:hover {
background-color: #F47B29;
color: white !important;
}
.postPosted .leftItem.postedLeft {
margin-top: 3px;
}
#bbcodeFeatures img {
height: auto;
width: auto;
}
.yafnet input,
.yafnet select,
.yafnet label {
float: none;
}
#yafpage_forum > table:last-of-type {
width: auto;
}
#yafpage_forum > table:last-of-type td {
padding: 5px 10px;
}
#yafpage_forum > table:last-of-type img {
position: relative;
top: -4px;
margin-left: 15px;
}
#yafpage_forum > table:last-of-type img:first-child {
margin-left: 0px;
}
#DivIconLegend > table td {
padding: 0 10px 11px;
line-height: 1em !important;
}
#DivIconLegend > table img {
position: relative;
top: 3px;
margin-bottom: -7px;
}
#DivPageAccess {
margin-top: 30px !important;
font-size: 0.85em !important;
color: #444;
}
/* MOBILE */
@media screen and (max-width: 768px) {
input, textarea, select {
font-size: 16px !important;
}
#nav_main ul {
padding: 0.6em 0;
}
#search_panel > div {
height: 32px!important;
}
#header input.text {
width: calc(100% - 30px) !important;
font-size: 16px !important;
height: auto !important;
}
#header fieldset:after {
line-height: 33px;
}
#col_1,
#col_3 {
order: 1;
flex-grow: 1;
max-width: 320px;
}
#col_2 {
flex-basis: 100%;
margin-right: 0 !important;
}
.has_col_3 .tile {
width: 47%;
width: calc(50% - 10px);
}
#news_and_tips > .inner {
padding-left: 0;
padding-right: 0;
}
#main_h, .news_accordian > h4 {
padding-right: 0 !important;
}
em.new, em.new_panel, em.new_news, em.new_panel, em.new_lpanel, em.new_spanel, em.new_homepanel {
display: none;
}
} /* End MOBILE */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.