/* IFA Portals Theme: Stylo ================================ Copyright IFA Portals Ltd, 2012 All Rights Reserved. Design by Andy Griffiths, 2012 .=III .=III ,MMMMMMMMMMMMI ,MMMMMMMMMMMMI MMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMN MMMMMMMMMMMMMMMMMMMMN .MMMMMMMMMMMMMMMMMMMMMMO .MMMMMMMMMMMMMMMMMMMMMMO MMMMMMMMMMM MMMMMMMMMMI MMMMMMMMM7 MMMMMMMMI MMMMMMMMMMMM MMMMMMMMMMM.MMMMMMMMMM7 OMMMMMMMMMMMM. MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMM.MMMMMMMMMM7 OMMMMMMMMMMMM. MMMMMMMMMMM MMMMMMMMMMN MMMMMMMMM7 OMMMMMMMMMMMN +MMMMMMMMMMMMMMMMMMMMMMM +MMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMM NMMMMMMMMMMMMMMMMM. NMMMMMMMMMMMMMMMMM. NMMMMMMMMMMMMM. NMMMMMMMMMMMMM. .8MMMMM=. .8MMMMM= ,MMMMMMMMMMMM7 ,MMMMMMMMMMMM7 :MMMMMMMMMMMMMMMMN :MMMMMMMMMMMMMMMMD MMMMMMMMMMMMMMMMMMMM+ MMMMMMMMMMMMMMMMMMMM= MMMMMMMMMMMMMMMMMMMMMM8 MMMMMMMMMMMMMMMMMMMMMM8 MMMMMMMMMMM MMMMMMMMMMI MMMMMMMMM :MMMMMMMMMI MMMMMMMMMMM MMMMMMMMMMM.MMMMMMMMMM MMM+.MMMMMMMMM. MMMMMMMMMMN .. MMMMMMMMMM8MMMMMMMMMM MMMM 7MMMMMMMM8 MMMMMMMMMM MM NMMMMMMMMMMMMMMMMMMMM MMM. MMMMMMMMMM MMMMMMMMM+ MM .MMMMMMMMMMMMMMMMMMMM ?MMMMMMMMMMM MMMMMMMMM OMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMM MMMMMMMMM 7777 MMMMMMMM.MMMMMMMMMM MMMMMMMMMMMMMM. MMMMMMM +MMMM, MMMMMMMN MMMMMMMMM MMMMMMMMMMMMMN +MMMMMMMMMMMMMMMMMMMMMMM +MMMMMMMMMMMMMMMMMMMMMMM .MMMMMMMMMMMMMMMMMMMMM .MMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMM? MMMMMMMMMMMMMMMMMM? NMMMMMMMMMMMMM NMMMMMMMMMMMMM .OMMMMN=. .OMMMMN=. */ /* #Sections ================================================== */ /* HEADER */ #page-wrap .header-section-01 { display: none; } #page-wrap .header-section-02 { display: none; } #page-wrap .header-section-03 { /* display: none; */ } #page-wrap .header-section-04 { display: none; } #page-wrap .header-section-05 { display: none; } #page-wrap .header-section-06 { display: none; } #page-wrap .header-section-07 { display: none; } #page-wrap .header-section-08 { display: none; } #page-wrap .header-section-09 { /* display: none; */ } #page-wrap .header-section-10 { /* display: none; */ } #page-wrap .header-section-11 { display: none; } #page-wrap .header-section-12 { display: none; } /* MAIN */ #page-wrap .main-section-01 { display: none; } #page-wrap .main-section-02 { display: none; } #page-wrap .main-section-03 { display: none; } #page-wrap .main-section-04 { /* display: none; */ } #page-wrap .main-section-05 { display: none; } #page-wrap .main-section-06 { display: none; } #page-wrap .main-section-07 { display: none; } #page-wrap .main-section-08 { display: none; } #page-wrap .main-section-09 { /* display: none; */ } #page-wrap .main-section-10 { display: none; } #page-wrap .main-section-11 { /* display: none; */ } #page-wrap .main-section-12 { display: none; } #page-wrap .main-section-13 { display: none; } #page-wrap .main-section-14 { display: none; } /* FOOTER */ #page-wrap .footer-section-01 { /* display: none; */ } #page-wrap .footer-section-02 { /* display: none; */ } #page-wrap .footer-section-03 { /* display: none; */ } #page-wrap .footer-section-04 { /* display: none; */ } #page-wrap .footer-section-05 { /* display: none; */ } #page-wrap .footer-section-06 { /* display: none; */ } /* #Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background-color: #E6E6E6; /* customize_body_text */ font:normal normal 13px 'Ubuntu', arial; /* customize_body_text */ /* customize_body_text */ color:#444444; /* customize_body_text */ line-height: 21px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { margin-bottom: 10px;font: normal normal 38px/40px 'Ubuntu';color: #444444; } h2 { margin-bottom: 10px;font: normal normal normal 28px/30px 'Ubuntu';color: #444444; } h3 { margin-bottom: 4px;font: normal normal normal 22px/24px 'Ubuntu';color: #444444; } h4 { margin-bottom: 4px;font: normal normal normal 18px/20px 'Ubuntu';color: #444444; } h5 { margin-bottom: 4px;font: normal normal normal 16px/18px 'Ubuntu';color: #444444; } h6 { margin-bottom: 4px;font: normal normal normal 14px/16px 'Ubuntu';color: #444444; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; } b { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px 40px; padding: 9px 20px 0 19px; border-left: 2px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre, code { font-family: monospace; } /* #Links ================================================== */ a { /* customize_link_colour */ color:#3f6f8f; /* customize_link_colour */ text-decoration: none; outline: 0; } a:hover, a:focus { /* customize_link_colour_hover */ color:#2b516b; /* customize_link_colour_hover */ } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: disc; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 0px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img { display: block; max-width: 100%; height: auto; } /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } #select-nav { display: none; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 348px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } #select-nav { display: none; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 280px; padding: 0 10px;} /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns { width: 280px; padding: 0; } #horizontal-nav { display: none; } #select-nav { display: block; } .ifaportals-container-call-to-action-wrapper { display: none; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 400px; padding: 0 10px; } .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns { width: 400px; padding: 0 0px; } #horizontal-nav { display: none; } #select-nav { display: block; } .ifaportals-container-call-to-action-wrapper { display: none; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Navigation ================================================== */ /* IPAD */ #controls li { display: block; } #controls li .link { display: block; padding: 10px; border-bottom: solid 1px #CCC; } #controls li .hover_controls { float: right; display: none; } #controls li:hover .hover_controls { display: block; } /* HORIZONTAL */ #horizontal-nav { height: 140px; margin: 0; padding: 0; float: right; } #horizontal-nav ul { padding: 0; margin: 0; height: 140px; list-style: none; } #horizontal-nav ul li { float: left; margin-right: 20px; margin-bottom: 0; position: relative; } #horizontal-nav ul li a { font: normal normal 500 14px/140px 'Ubuntu', sans-serif; /* customize_navigation_link_colour */ color:#FFFFFF; /* customize_navigation_link_colour */ text-shadow: 2px 2px 2px rgba(0,0,0,0.4); display: block; } #horizontal-nav ul li:hover:before, #horizontal-nav ul li a.nav-selected:before, #horizontal-nav ul li a.nav-path-selected:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid; /* customize_triangle_colour */ border-bottom-color:#2b516b; /* customize_triangle_colour */ position: absolute; bottom: 0; left: 50%; display: block; margin: 0 0 0 -7px; } #horizontal-nav ul li a:hover { } #horizontal-nav ul li a.nav-selected { } #horizontal-nav ul li a.nav-path-selected { } #horizontal-nav ul li ul { height: auto; width: 220px; opacity: 0; position: absolute; left: 0; top: -999999%; padding: 0; margin: 0; z-index: 25; /* customize_sub_navigation_colour */ background-color:#3f6f8f; /* customize_sub_navigation_colour */ -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); } #horizontal-nav ul li ul li { margin: 0; border-bottom: 1px solid rgba(0,0,0,0.2); } #horizontal-nav ul li ul li:hover, #horizontal-nav ul li ul li.nav-selected, #horizontal-nav ul li ul li.nav-path-selected { /* customize_sub_navigation_hover_colour */ background-color:#2b516b; /* customize_sub_navigation_hover_colour */ background-image: none; -webkit-transition: background-color 1s ease; /* For chrome & safari */ -moz-transition: background-color 1s ease; /* For mozilla firefox */ -o-transition: background-color 1s ease; /* For opera */ transition: background-color 1s ease; } #horizontal-nav ul li ul li a { background-image: none; padding: 10px 10px; margin: 0; height: auto; width: 200px; display: block; font: normal normal normal 12px 'Ubuntu'; line-height: normal; /* customize_sub_navigation_link_colour */ color:#FFFFFF; /* customize_sub_navigation_link_colour */ text-align: left; } #horizontal-nav ul li ul li:hover:before, #horizontal-nav ul li ul li a.nav-selected:before, #horizontal-nav ul li ul li a.nav-path-selected:before { content: ""; width: 0; height: 0; border-left: none; border-right: none; border-top: none; position: absolute; top: 0; left: 0; display: block; margin: 0; } #horizontal-nav ul li:hover > ul { opacity: 1; position: absolute; top: 100%; -webkit-transition: opacity 1s ease; /* For chrome & safari */ -moz-transition: opacity 1s ease; /* For mozilla firefox */ -o-transition: opacity 1s ease; /* For opera */ transition: opacity 1s ease; } #horizontal-nav ul li ul li ul { left: -999999px; top: 0; } #horizontal-nav ul li ul li:hover > ul { left: 100%; top: 0; } /* VERTICAL */ #vertical-nav { padding: 0; } #vertical-nav ul { padding: 0; list-style: none; } #vertical-nav ul li { margin-bottom: 20px; position: relative; } #vertical-nav ul li a { } #vertical-nav ul li a:hover { } #vertical-nav ul li a.nav-selected { } #vertical-nav ul li a.nav-path-selected { } #vertical-nav ul li ul { height: auto; opacity: 0; position: absolute; left: -999999%; top: 0; padding: 0; margin: 0; z-index: 25; } #vertical-nav ul li:hover > ul { opacity: 1; position: absolute; left: 100%; -webkit-transition: opacity 1s ease; /* For chrome & safari */ -moz-transition: opacity 1s ease; /* For mozilla firefox */ -o-transition: opacity 1s ease; /* For opera */ transition: opacity 1s ease; } /* SELECT */ #select-nav { padding: 0; } #select-nav select { width: 100%; } /* Login ================================================== */ #login { float: right; width: auto; } .login-button { background: #50B848; background-image: -moz-linear-gradient(top, #50B848, #A8D057); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50B848), to(#A8D057)); background-image: -webkit-linear-gradient(top, #50B848, #A8D057);border: none; background-image: -ms-linear-gradient(top, #50B848, #A8D057); background-image: -o-linear-gradient(top, #50B848, #A8D057); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.7); padding: 5px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font: normal normal normal 16px 'Oswald'; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; } .login-button:hover { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); } .register-button { background: #50B848; background-image: -moz-linear-gradient(top, #50B848, #A8D057); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50B848), to(#A8D057)); background-image: -webkit-linear-gradient(top, #50B848, #A8D057);border: none; background-image: -ms-linear-gradient(top, #50B848, #A8D057); background-image: -o-linear-gradient(top, #50B848, #A8D057); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.7); padding: 5px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font: normal normal normal 16px 'Oswald'; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; } .register-button:hover { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #ffffff; } .reset-button { background: #BE1E2D; background-image: -moz-linear-gradient(top, #BE1E2D, #CE5662); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BE1E2D), to(#CE5662)); background-image: -webkit-linear-gradient(top, #BE1E2D, #CE5662);border: none; background-image: -ms-linear-gradient(top, #BE1E2D, #CE5662); background-image: -o-linear-gradient(top, #BE1E2D, #CE5662); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.7); padding: 5px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font: normal normal normal 16px 'Oswald'; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; } .reset-button:hover { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); } .ccm-input-text, div.ccm-field-meta input, div.ccm-field-meta textarea, .ccm-input-date, .ccm-input-password { font-size: 12px; border: 1px solid #aaa; color: #404041; padding: 4px; width: 95%; font: normal normal normal 14px/21px Arial, sans-serif; } .ccm-input-checkbox { margin: 0 10px 0 0; } .inputs-list { list-style: none; padding-left: 0; } .dotted { border-bottom: 4px dotted #D0D2D3; } /* Theme Styles ================================================== */ #page-wrap { background-color: #ffffff; } #top-wrap { /* customize_navigation_colour */ background-color:#3f6f8f; /* customize_navigation_colour */ background-image: url(/themes/stylo/images/navigation_bg.png); background-repeat: repeat-x; background-position: center bottom; width: 100%; height: 140px; } #header-wrap { /* customize_header_colour */ background-color:#2b516b; /* customize_header_colour */ background-repeat: repeat; width: 100%; padding: 5px 0; } #main-wrap { /* customize_background_colour */ background-color:#F5F5F5; /* customize_background_colour */ width: 100%; background-repeat: repeat; } #main { /* customize_body_background_colour */ background-color:#FFFFFF; /* customize_body_background_colour */ padding: 50px 0; } #footer-wrap { /* customize_footer_colour */ background-color:#3f6f8f; /* customize_footer_colour */ width: 100%; padding: 30px 0; background-repeat: repeat; } /* LOGIN/REGISTER */ .login-register { float: right; margin-top: 10px; margin-bottom: 10px; } .copyright { margin-top: 10px; margin-bottom: 10px; color: #FFFFFF; } .ifap-login-button { height: 20px; background: #AAAAAA; background-image: -moz-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#C8C8C8)); background-image: -webkit-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -ms-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -o-linear-gradient(top, #AAAAAA, #C8C8C8); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */ border: none; padding: 0 10px 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; margin: 0px; background-image: url(/themes/stylo/images/login-icon.png); background-repeat: no-repeat; color: #FFFFFF; font: normal normal normal 10px/20px 'Ubuntu'; letter-spacing: 0.5px; } .ifap-login-button:hover, .ifap-login-button:active { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #FFFFFF; } .ifap-logout-button { height: 20px; background: #AAAAAA; background-image: -moz-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#C8C8C8)); background-image: -webkit-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -ms-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -o-linear-gradient(top, #AAAAAA, #C8C8C8); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */ border: none; padding: 0 5px 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; margin: 0px; background-image: url(/themes/stylo/images/login-icon.png); background-repeat: no-repeat; color: #FFFFFF; font: normal normal normal 10px/20px 'Ubuntu'; letter-spacing: 0.5px; } .ifap-logout-button:hover, .ifap-logout-button:active { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #FFFFFF; } .ifap-register-button { height: 20px; background: #AAAAAA; background-image: -moz-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#C8C8C8)); background-image: -webkit-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -ms-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -o-linear-gradient(top, #AAAAAA, #C8C8C8); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */ border: none; padding: 0 5px 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; margin: 0 0 0 5px; background-image: url(/themes/stylo/images/register-icon.png); background-repeat: no-repeat; color: #FFFFFF; font: normal normal normal 10px/20px 'Ubuntu'; letter-spacing: 0.5px; } .ifap-register-button:hover, .ifap-register-button:active { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #FFFFFF; } .logged-in { color: #FFFFFF; } /* IFA Portals Content */ #ifapfsadisclosure-wrap { color: #FFFFFF; } /* customize_miscellaneous */ /* customize_miscellaneous */