/********************** /shared/jquery/ui/themes/smoothness/smoothness.css **********************/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ /* display: block; */ /* SM 31Jan11 WHY display block? grr */ .ui-icon { text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; display: inline-block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget {} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {} .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/shared/jquery/ui/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } /* .ui-widget-content a { color: #222222; } */ /* SM 09/11/2009 3:36:42 PM */ .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/shared/jquery/ui/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/shared/jquery/ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(/shared/jquery/ui/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/shared/jquery/ui/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/shared/jquery/ui/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/shared/jquery/ui/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ /* SM 24Feb11: Why would an icon ever not have cursor: pointer? */ /* SM 02Jun11: Put it in the middle so it lines up nicely with text etc */ .ui-icon { cursor: pointer; vertical-align: middle; width: 16px; height: 16px; background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/shared/jquery/ui/themes/smoothness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/shared/jquery/ui/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/shared/jquery/ui/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { zoom: 1; border: none; background: none; display: none; /* lazy load */ min-height: 200px; } /* SM 14Oct09 */ .ui-tabs .ui-tabs-nav { list-style: none; background: none; border: none; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font-size: 85%; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; font-weight: bold; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ /* .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } */ .ui-tabs .ui-tabs-panel { padding: 1em 0; display: block; border-width: 0; background: none; overflow: auto; } .ui-tabs .ui-tabs-hide { display: none !important; } /********************** /shared/style/jtip.css **********************/ /* ----- add selectors here for font sizing ----- */ #JT_close_left, #JT_close_right{font-size: 1.1em;} #JT_copy p, #JT_copy ul{font-size: 1.1em;} /* ---------->>> jtip <<<---------------------------------------------------------------*/ #JT_arrow_left{ background-image: url(../js/jtip/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px; } #JT_arrow_right{ background-image: url(../js/jtip/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; } #JT { position: absolute; z-index:100; border: 2px solid #CCCCCC; background-color: #fff; } #JT_copy{ padding:10px 10px 10px 10px; color:#333333; text-align: left; } .JT_loader{ background-image: url(../js/jtip/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left{ background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_close_right{ background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_copy p{ margin:3px 0; } #JT_copy img{ padding: 1px; border: 1px solid #CCCCCC; } .jTip{ cursor: help; padding-left: 5px; } /********************** /shared/style/icons.css **********************/ /* SM 06Oct10 FIXME: "icons" -> generic icons.css in shared/style? Typical html: */ .icon { display: inline-block; width: 16px; height: 16px; cursor: pointer; vertical-align: middle; } /* SM 25Jan11: Saves us creating lots of "grey" images */ .icon-disabled { cursor: pointer; /* no clicky */ opacity : 0.4; filter: alpha(opacity=40); // msie background-color: #000; } /* ------ famfamfam silk icons ------ */ .icon-reissue-receipt { background:url("/assets/icons/silk/page_white_go.png") no-repeat top left; } .icon-vcard { background:url("/assets/icons/silk/vcard.png") no-repeat top left; } .icon-print { background:url("/assets/icons/silk/printer.png") no-repeat top left; } .icon-pdf { background:url("/assets/icons/silk/page_white_acrobat.png") no-repeat top left; } .icon-email { background:url("/assets/icons/silk/email.png") no-repeat top left; } .icon-email-bulk { background:url("/assets/icons/silk/email_go.png") no-repeat top left; } .icon-delete { background:url("/assets/icons/silk/delete.png") no-repeat top left; } .icon-archive { background:url("/assets/icons/silk/package.png") no-repeat top left; } .icon-trash { background:url("/assets/icons/silk/bin.png") no-repeat top left; } .icon-restore { background:url("/assets/icons/silk/package_go.png") no-repeat top left; } .icon-approve { background:url("/assets/icons/silk/user_add.png") no-repeat top left; } .icon-decline { background:url("/assets/icons/silk/user_delete.png") no-repeat top left; } .icon-user-publish { background:url("/assets/icons/silk/user_green.png") no-repeat top left; } .icon-user-unpublish { background:url("/assets/icons/silk/user_red.png") no-repeat top left; } .icon-search, .icon-view { background:url("/assets/icons/silk/magnifier.png") no-repeat top left; } .icon-compare { background:url("/assets/icons/silk/page_copy.png") no-repeat top left; } .icon-link { background:url("/assets/icons/silk/link.png") no-repeat top left; } /* ---------- Miscellaneous icons ------------ */ .icon-fplus { background:url("/assets/icons/silk/fplus.png") no-repeat top left; } .icon-minus { background:url("/assets/icons/silk/fminus.png") no-repeat top left; } .icon-accept { background:url("/assets/icons/silk/accept.png") no-repeat top left; } .icon-help { background:url("/assets/icons/silk/help.png") no-repeat top left; } .icon-comment { background:url("/assets/icons/silk/comment.png") no-repeat top left; } .icon-edit { background:url('/assets/icons/silk/pencil.png') no-repeat top left; } .icon-area-update-content { background:url('/assets/icons/silk/ruby_gear.png') no-repeat top left; } .icon-user-add { background:url('/assets/icons/silk/user_add.png') no-repeat top left; } .icon-user-remove { background:url('/assets/icons/silk/user_delete.png') no-repeat top left; } .icon-remove-all { background:url('/assets/icons/silk/basket_delete.png') no-repeat top left; } .icon-group-find { background:url('/assets/icons/silk/group_go.png') no-repeat top left; } .icon-group-add { background:url('/assets/icons/silk/group_add.png') no-repeat top left; } /* SM 11Jan11: For lack of a better place to put this */ .buffer-horiz-small { margin: 0px 5px 0px 5px; } /* SM 01Apr11: From arbsearch.css */ /* FIXME underscores to dashes */ .icon_xls { background: url(/assets/icons/silk/page_white_excel.png) no-repeat top left; } .icon_search { background: url(/assets/icons/silk/magnifier.png) no-repeat top left; } /* folder icons, used for sitemap */ .icon-folder { background: url(/assets/icons/silk/folder.png) no-repeat top left; } /* Expand must be defined before collapse (cascade) */ .icon-folder-expand { background: url(/assets/icons/silk/folder_expand.png) no-repeat top left; } .icon-folder-collapse { background: url(/assets/icons/silk/folder_collapse.png) no-repeat top left; } .icon-page { background: url(/assets/icons/silk/page.png) no-repeat top left; } .icon-money { background: url(/assets/icons/silk/money.png) no-repeat top left; } .icon-clear { background: url(/assets/icons/silk/text_indent_remove.png) no-repeat top left; } .icon-mailqueue-open { background: url(/assets/icons/silk/email_open.png) no-repeat top left; } .icon-mailqueue-archive { background: url(/assets/icons/silk/email_delete.png) no-repeat top left; } .icon-mailqueue-restore { background: url(/assets/icons/silk/email_add.png) no-repeat top left; } /********************** /shared/style/flash_messages.css **********************/ .flash_message_icon { float: left; margin: 3px 0px 0px 0px; } .flash_message_icon img { } .flash_message_msg { margin-left: 30px; } /********************** /local/scope/plugins/file_tree_nav/navtree.css **********************/ .navtree-side-menu{ min-height: 400px; } .navtree-side-menu ul>li, .navtree-side-menu>li{ border-bottom: 1px solid rgba(153, 153, 153, 0.2); } .navtree-side-menu ul>li:first-child, .navtree-side-menu>li:first-child{ border-top: 1px solid rgba(153, 153, 153, 0.2); } .navtree-side-menu ul>li:last-child{ border-bottom:none; } .navtree-side-menu ul{ width:100%; } .navtree-side-menu li{ width:100%; display: block; overflow: auto; /*padding-left:5px;*/ } .navtree-side-menu li a{ padding:10px 0px; display:block; font-size: 12px; } @media (max-width: 991px) { .navtree-side-menu li a{ padding:10px 15px; } } .navtree-side-menu a{ font-weight: normal; } .navtree-side-menu a.text-link{ } .navtree-side-menu a.arrow-link{ text-align: right; } .has-sub-menu{ font-weight: bold; /*background-image: url(icon.png);*/ } .has-sub-menu{ /*background-image: url("/assets/icons/silk/bullet_toggle_plus.png");*/ background-repeat:no-repeat; background-color:transparent; background-position: 2px 12px; } #sub-nav-page-title{ display:block; height:50px; padding:15px 0px; } #side-nav{ border:0px!important; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.0); box-shadow: 0 1px 1px rgba(0,0,0,.0); } #side-nav.panel { background: none; } @media screen and (max-width: 991px) { .navtree-side-menu{ min-height: 0px; margin-top:0px; margin-bottom: 0px!important; } #side-nav .panel-body{ margin-top:15px; padding:0px!important; } #side-nav.panel { position: fixed; top: 35px; width: 100%; left: 0; background-color: rgba(255, 255, 255, 0.98); z-index: 1000; } .navtree-side-menu > ul > li > ul { max-height: 400px; overflow: auto; } body:not(.no-subnav){ margin-top:100px!important; } } li.selected>a{ color: #000000; } li a.selected{ font-weight: bold; } .navtree-side-menu ul > li:first-child { } /********************** /local/scope/plugins/buttons/buttons.css **********************/ /* SM 15Oct09: Created on REG3 to fix issues in css being in the backend module (wrong) Compare: /my/events/admin with /my/races/profile */ /* Button Styles */ .greylist, .greylist li { list-style: none; display:inline-block; } /* SM 18Aug10: For Agron buttons on RHS */ #menu_content_right .greylist li a { margin: 2px; } .panelButton ul.greylist a, .panelButton ul.greylist a.current, .panelButton ul.greylist a:active { text-align:left; } /* SM 27/04/2010 4:25:21 PM: Copied from backend.v5.css Which isn't used by theme-driven sites */ .panelButton ul.greylist { float:left; margin:3px 3px 3px 0; padding:0; position:relative; } #content_body_backend ul { margin-bottom:10px; /* padding-left:20px; */ padding-left: 0; } .panelButtonHoriz ul.greylist li { float: left; } /* ------------------------------------------------------------------------------- */ .block .content ul.greylist li { min-height:inherit; margin-bottom:0px; } ul.greylist li a { } ul.greylist li a:hover { } .greylist li a img, .greylist li a .icon { float: left; padding: 5px 12px 0 0; margin-bottom:10px; } .greylist li a .icon { height:16px; background-position: left bottom; background-repeat:no-repeat; } .block .greylist li a { width:200px; } #panelButton ul { list-style:none inside none; /*display:inline-block;*/ float:left; } #panelButton ul li { list-style:none; } /* ---------------- green button ---------------- */ .backend-container-right ul.greylist li#greylist_item_register a, ul.greylist li#greylist_item_rego a, ul.greylist li a.green { background-color: #698C2E; background-image:-moz-linear-gradient(0% 0% 270deg,#A7CF62, #698C2E); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7CF62', endColorstr='#698C2E'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#A7CF62), to(#698C2E)); /* for webkit browsers */ border-color:#547125; text-shadow: 0 1px 2px #393939; color:#fff; } .backend-container-right ul.greylist li#greylist_item_register a:hover, ul.greylist li#greylist_item_rego a:hover, ul.greylist li a.green:hover { background-color:#89A45B; background-image:-moz-linear-gradient(0% 0% 270deg,#BAD884, #89A45B); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BAD884', endColorstr='#89A45B'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#BAD884), to(#89A45B)); /* for webkit browsers */ } #module-page-backend-dashboard .block .content li, .links li { min-height:inherit; border-top:none; list-style: none; /min-height:20px; margin: 0 0 5px; padding: 6px 0 2px; m/in-height:20px; } .links li a img, #module-page-backend .block .links li .sub-block .sub-title img { padding-right:6px; float:left; } .block .links li .sub-block .sub-title img { padding-right:12px; /* to match admin block imgs on dashboard to the style immediately above */ float:left; } .links li a { padding: 4px 5px; } .links li a:hover { text-decoration:none; } /********************** /local/scope/plugins/scrollable/scrollable-horizontal.css **********************/ /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; /* width: 410px; */ /* good for 3 */ /* width: 540px; */ /* good for 4 */ width: 465px; /* good for 4 */ height:120px; /* custom decorations */ /* border:1px solid #ccc; */ /* background:url(h300.png) repeat-x; */ } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } /* single scrollable item */ .scrollable a { float:left; /* margin:20px 5px 20px 21px; */ margin:20px 5px 20px 5px; background-color:#eee; padding:2px; border: 1px solid #fff; cursor:pointer; width:100px; height:75px; -moz-border-radius:4px; -moz-box-shadow: 0 0 5px #000; -webkit-border-radius:4px; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; } /********************** /local/scope/plugins/scrollable/scrollable-buttons.css **********************/ /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(/local/scope/plugins/scrollable/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; } /* right */ /* a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} */ a.right { background-position: 0 -30px; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* up and down */ a.up, a.down { background:url(/local/scope/plugins/scrollable/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } /********************** /local/scope/plugins/scrollable/scrollable.css **********************/ /* SM 27/04/2010 5:08:30 PM jQuery tools scrollable css */ /* get rid of those system borders being generated for A tags */ .scrollable a:active { outline:none; } .scrollable :focus { -moz-outline-style:none; } /* SM 06Jun11: Vertical scrollable panes */ .scrollable_vertpane { /* required settings */ position:relative; overflow:hidden; height:210px; } /* root element for scrollable items */ .scrollable_vertpane .items { position: absolute; height: 20000em; /* this time we have very large space for the height */ } .events_editor2_news #actions .prev-vert { text-indent:15px; width:50px; } .events_editor2_news #actions .next-vert { padding-left:10px; } .events_editor2_news #actions a { text-decoration: none; } .prev-vert .ui-icon { float:left; } .next-vert .ui-icon { float:right; } .events_editor2_news .ui-icon { text-indent:0px; } .events_editor2_news #actions a.prev-vert:hover, .events_editor2_news #actions a.next-vert:hover { text-decoration:none; } .events_editor2_news { *position:relative; } #actions { right: 0; top: 7px; position:absolute; } #actions .prev-vert { border-right: 1px solid #DDDDDD; margin-right: 8px; padding-right: 8px; } #actions .prev-vert, #actions .prev-next { *width:50px; } #actions .prev-vert { border-right: 1px solid #ccc; padding-right: 8px; } /* hacks for IE7 */ #actions { /top:0px; } .next-vert .ui-icon { /float:none; } /********************** /local/scope/plugins/scrollable/tabs-flowplayer-v2.css **********************/ /* everything is constructed with a single background image */ /* SM: No longer! */ /* SM 2/06/2010 3:50:44 PM: Abstract a bunch of these somewhere? */ .border-radius-7 { -moz-border-radius: 7px; -webkit-border-radius: 7px; } /* SM2/06/2010 3:49:49 PM: My wrapper */ #flowpanes_container { border: 5px solid #ccc; width: 730px; /* background-color: #1D7D1F; */ } #flowpanes_container li { margin: 0; } /* root element for tabs */ #flowtabs { /* dimensions */ /* width:760px; */ height:31px !important; margin:0 !important; padding:0; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px; border-top: 1px solid #ccc; } /* single tab */ #flowtabs li { float:left; margin:0; padding:0; text-indent:0; list-style-type:none; } /* a- tag inside single tab */ #flowtabs li a { /* background: url(/local/scope/plugins/scrollable/blue_panes.jpg) no-repeat; */ display:block; height: 31px; width: 189px; padding:0px; margin:0px; /* font decoration */ /* color:#000; */ font-size:12px; line-height:33px; text-align:center; text-decoration:none; } /* adjust the background image position on each tab */ #flowtabs #t1 { background-position: 0 0; } #flowtabs #t2 { background-position: -189px 0; } #flowtabs #t3 { background-position: -378px 0; } #flowtabs #t4 { background-position: -567px 0; } /* mouseover state */ #flowtabs a:hover { /* color:#fff; */ } #flowtabs #t1:hover { background-position: 0 -33px; } #flowtabs #t2:hover { background-position: -189px -33px; } #flowtabs #t3:hover { background-position: -378px -33px; } #flowtabs #t4:hover { background-position: -567px -33px; } /* currently selected tabs */ #flowtabs a.current { cursor:default; /* color:#fff; */ line-height:34px; } #flowtabs #t1.current { background-position: 0 -66px; } #flowtabs #t2.current { background-position: -189px -66px; } #flowtabs #t3.current { background-position: -378px -66px; } #flowtabs #t4.current { background-position: -567px -66px; } /* panes */ #flowpanes { /* background: url(/local/scope/plugins/scrollable/blue_panes.jpg) no-repeat 0 -100px; */ /* width:660px; */ /* height:450px; */ height:300px; } /* single pane */ #flowpanes div { display:none; /* color:#fff; */ margin:20px 40px; } /* some decorations for elements inside single pane */ #flowpanes div h2 { font-weight:normal; /* color:#ddd; */ letter-spacing:1px; margin:10px 0 0 0; font-size:22px; } #flowpanes a { /* color:#cc9; */ /*font-size:14px;*/ } #flowpanes p, #flowpanes samp { /* color:#ccc; */ } #flowpanes .narrow { padding-right:160px; } /********************** /local/scope/plugins/scrollable/flowpanes.css **********************/ /* override the root element to enable scrolling */ #flowpanes { position:relative; overflow:hidden; clear:both; } /* override single pane */ #flowpanes div { float:left; display:block; width:670px; font-size:14px; } /* our additional wrapper element for the items */ #flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; } #flowpanes .less, #flowpanes .less a { /* color:#999 !important; */ font-size:11px; } .yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main { margin-top:5px; } #flowpane_full_width { height:229px; } #flowpanes_container { color:#000; border:medium none; width:950px; } .border-radius-7 { -moz-border-radius:0 0 0 0; } #flowpanes div { width:950px; margin:0 20px; } #flowpanes { height:229px; } #flowtabs { height:41px !important; width:950px; border-top:none; } #flowpanes div h2 { color:#000; font-style:italic; } #flowtabs li { width:33.3%; } #flowtabs li a { height:40px; line-height:40px; width:100%; color:#000; background:transparent; font-size:18px; } #flowtabs li a.current { height:40px; line-height:40px; -moz-border-radius: 0px 0px 10px 10px; color:#333; } #flowtabs li #t1 a, #flowtabs li #t2 a { border-left:1px solid #666; } #flowtabs li #t3 a { border-left:1px solid #666; border-right:1px solid #666; } ul.more-info { margin-left:0px; } ul.more-info li { list-style:none; margin-left:0px; } .more-info li a { -moz-border-radius:8px; -moz-box-shadow:0 1px 6px #999999; z-index:1; background: url("/assets/icons/silk/buttons.gif") repeat-x scroll 0 -281px #FFFFFF; border-color:#ccc ; border-left:1px solid #ccc; border-right:1px solid #ccc; border-style:solid; border-width:1px; height: 32px; width: 250px; _width:300px; /* hack for IE6 */ display:inline-block; color:#333; padding:9px 5px 5px; text-align:center; text-decoration:none; text-shadow:0 2px 0 #ccc; font-style:none; font-size:24px; } .more-info li a:hover { background:url("/assets/icons/silk/buttons.gif") repeat-x scroll 0 -261px #FFFFFF; } /* -------------------------------------------------------------------------------------------------------------------- */ /* --------------------- v1 columns ---------------------- */ .v1-columns #pane1 { background: url("/images/flowpane1.png") no-repeat scroll 0 0 transparent; } .v1-columns #pane2 { background: url("/images/flowpane2.png") no-repeat scroll 0 0 transparent; } .v1-columns #pane3 { background: url("/images/flowpane3.png") no-repeat scroll 0 0 transparent; } /*#flowpanes { height:400px; }*/ .v1-columns , .v1-columns #flowpanes { width:100%; height:247px; } .v1-columns #flowpanes div { margin:0; min-height:256px; width:1350px; } .v1-columns #flowpanes div.tabcontent { margin: 0 auto; width: 950px; float:none; } .v1-columns #flowtabs { float:left; position:relative; left:30px; top:-30px; width:100%; z-index:800; } .v1-columns #flowtabs_container { z-index:800; } #content .v1-columns #flowtabs li { -moz-border-radius: 5px 5px 5px 5px; height: 15px; margin-right: 7px; width: 15px; /* float:right;*/ background-image: none; background-position: 0 0.5em; background-repeat: no-repeat; list-style: none outside none; padding: 0px; } .v1-columns #flowtabs li #t1 a, .v1-columns #flowtabs li #t2 a, .v1-columns #flowtabs li #t3 a { border: 1px solid #ADADAD; -moz-border-radius: 0px; height: 10px; margin-right: 7px; width: 10px; float:right; } .v1-columns #flowtabs li a { background: none; border: 1px solid #ADADAD; } .v1-columns #flowtabs li a.current { background: none repeat scroll 0 0 #ff7200; } /*#flowpanes div#pane1 #flowpane-background-top { background:#c7262c; } #flowpanes div#pane2 #flowpane-background-top { background:#d8e019; } #flowpanes div#pane3 #flowpane-background-top { background:#f7941f; }*/ .v1-columns #flowpanes #flowpane-background-top .tabcontent .flowpane-left { width:60%; } .v1-columns #flowpanes #flowpane-background-top .tabcontent .flowpane-left .welcome-tab { -moz-border-radius: 10px 10px 0 0; background: none repeat scroll 0 0 #EFEFEF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; bottom: 0; color: #696969; font-family: century gothic,tahoma,arial; font-style: normal; padding: 10px; position: absolute; } .v1-columns #flowpanes #flowpane-background-top .tabcontent .flowpane-right { width:40%; } .v1-columns #flowpanes div#flowpane-background-bottom { height:175px; background:#efefef; border-bottom:1px solid #bebebe; } .v1-columns #flowpanes div#pane1 div#flowpane-background-bottom .tabcontent { background:url("/red-paint.png") no-repeat scroll top right #efefef; margin-top:-10px; } .v1-columns #flowpanes div#pane2 div#flowpane-background-bottom .tabcontent { background:url("/green-paint.png") no-repeat scroll top right #efefef; margin-top:-10px; } .v1-columns #flowpanes div#pane3 div#flowpane-background-bottom .tabcontent { background:url("/orange-paint.png") no-repeat scroll top right #efefef; margin-top:-10px; } .v1-columns #flowpanes div#flowpane-background-bottom .tabcontent h2 { font-family:century gothic,tahoma,arial; color:#696969; font-style:normal; font-size:330%; width:600px; } .v1-columns #flowpanes div#flowpane-background-bottom .tabcontent h3 { font-family:century gothic,tahoma,arial; color:#696969; font-size:160%; } .v1-columns #flowpanes div#flowpane-background-bottom .tabcontent .button { -moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid; float: right; padding: 12px 70px; font-family:century gothic,tahoma,arial; color:#696969; font-size:150%; margin-top: 55px; } .v1-columns #flowpanes #pane1 div#flowpane-background-bottom .tabcontent .button { background:#d8e019; border-color:#cdd511; } .v1-columns #flowpanes #pane2 div#flowpane-background-bottom .tabcontent .button { background:#f7941f; border-color:#ff4907; color:#fff; } .v1-columns #flowpanes #pane3 div#flowpane-background-bottom .tabcontent .button { background:#c7262c; border-color:#bd131a; color:#fff; } .v1-columns #flowpanes #pane1 div#flowpane-background-bottom .tabcontent .button:hover { background:#cdd511; border-color:#cdd511; } .v1-columns #flowpanes #pane2 div#flowpane-background-bottom .tabcontent .button:hover { background:#ff4907; border-color:#ff4907; color:#fff; } .v1-columns #flowpanes #pane3 div#flowpane-background-bottom .tabcontent .button:hover { background:#bd131a; border-color:#bd131a; color:#fff; } /********************** /local/scope/plugins/scrollable/slideshow.css **********************/ /* container for slides */ .slideshow { /* background:#fff url(/img/global/gradient/h300.png) repeat-x; */ border:1px solid #ccc; position:relative; height:300px; width:650px; float:left; margin:15px; cursor:pointer; /* CSS3 tweaks for modern browsers */ -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 25px #666; -webkit-box-shadow:0 0 25px #666; } /* single slide */ .slideshow div { display:none; position:absolute; top:0; left:0; margin:7px; padding:15px 30px 15px 15px; height:256px; font-size:12px; } /* header */ .slideshow h3 { font-size:22px; font-weight:normal; margin:0 0 20px 0; color:#456; } /* tabs (those little circles below slides) */ .slidetabs { clear:both; margin-left:330px; } /* single tab */ .slidetabs a { width:8px; height:8px; float:left; margin:3px; /* background:url(/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat; */ background-color: lightgrey; display:block; font-size:1px; } /* mouseover state */ .slidetabs a:hover { /* background-position:0 -8px; */ background-color: green; } /* active state (current page state) */ .slidetabs a.current { /* background-position:0 -16px; */ background-color: blue; } /* prev and next buttons */ .slideshow_container .forward, .slideshow_container .backward { float:left; margin-top:140px; /* background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; */ display:block; width:30px; height:30px; cursor:pointer; font-size:1px; text-indent:-9999em; } /* next */ .slideshow_container .forward { background-position: 0 -30px; clear:right; } .slideshow_container .forward:hover { background-position:-30px -30px; } .slideshow_container .forward:active { background-position:-60px -30px; } /* prev */ .slideshow_container .backward:hover { background-position:-30px 0; } .slideshow_container .backward:active { background-position:-60px 0; } /* disabled navigational button. is not needed when tabs are configured with rotate: true */ .disabled { visibility:hidden !important; } /********************** /local/scope/plugins/megamenu/megamenu.css **********************/ /* megamenu css, taken (with thanks) from: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ */ /* megamenu holding containers */ #megamenu_topnav { margin: 0px 0px 0px 0px; z-index: 9990; float: right; position:relative; top:-32px; background:none repeat scroll 0 0 transparent; } /* Container for login widget */ .megamenu-link { z-index: 9990; position:relative; background:none repeat scroll 0 0 transparent; display: block; text-align: right; } /* megamenu css */ ul#megamenu_container { color: #454545; margin: 0; padding: 0; } ul#megamenu_container li.megamenu { position: relative; margin: 0; padding: 0; list-style: none; background-color: #ddd; } ul#megamenu_container li.megamenu table td { padding: 6px 8px 0 6px; width: 300px; } ul#megamenu_container li.megamenu table td ul { list-style: none; margin : 0; padding : 0; width:100%; } ul#megamenu_container li.megamenu table td li { list-style: none; margin : 2px 0; padding : 0; } ul#megamenu_container li.megamenu h4 { letter-spacing: 0; margin: 0; font-size: 12px; font-weight: 600; float: left; display: block; line-height: 18px; } ul#megamenu_container h2 a { color: #999; } ul#megamenu_container li a:hover { text-decoration: underline; } ul#megamenu_container li.megamenu a:hover.dashboard_button { text-decoration: none; } ul#megamenu_container li.megamenu a { text-decoration: none; } ul#megamenu_container li.megamenu a:hover { text-decoration: underline; } ul#megamenu_container div { display : none; font-size : 11px; text-align : left; } ul#megamenu_container div { text-shadow:none; } ul#megamenu_container li.hovering div { display: block; z-index: 18000; *z-index: 300000; /* IE7 hack for megamenu */ } ul#megamenu_container div a { padding: 0; background-image: none; } ul#megamenu_container li div a.more { font-weight: normal; } ul#megamenu_container td h3 { color: #444; font-size: 17px; font-family: arial; font-weight: normal; border-bottom: 3px double #ccc; padding-bottom: 8px; margin: 0 0 8px 0; } ul#megamenu_container div p { margin: 0.2em 0 0.5em 0; padding: 0; font-size: 11px; } ul#megamenu_container div hr { margin: 1.3em 0; padding: 0; } ul#megamenu_container table td { border: 0; vertical-align: top; padding : 0px 0; /* width: 30%; */ } /* Megamenu */ ul#megamenu_container li.megamenu a.dashboard_button:hover { color:#333; } ul#megamenu_container, ul#megamenu_container li.megamenu { background:none repeat scroll 0 0 transparent; } ul#megamenu_container li.hovering a.dashboard_button { -moz-border-radius:7px 7px 0 0; -moz-box-shadow:0 1px 6px #999999; -webkit-box-shadow: 0px 0px 4px #ccc; -webkit-border-radius: 7px 7px 0 0; background:url("/assets/icons/silk/topgradient.gif") repeat-x scroll 0 -120px #EFEFEF; color:#333; text-shadow:0 -1px 0 #CCC; } ul#megamenu_container div.megamenu_body { border:1px solid #CCCCCC; margin:10px 0 0; padding:10px; position:absolute; width:640px; z-index:19000; right: -7px; top: 12px; cursor: default; color: #454545; -moz-border-radius:4px 0 4px 4px; -moz-box-shadow:0 4px 6px #999999; -webkit-box-shadow: 0px 4px 4px #ccc; -webkit-border-radius: 4px 0 4px 4px; box-shadow: 0px 4px 4px #ccc; border-radius: 4px 0 4px 4px; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 65%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(65%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 65%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#ffffff 65%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#ffffff 65%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 65%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } ul#megamenu_container div.megamenu_body span.title { width: 115px; display: inline-block; } ul#megamenu_container li.megamenu table td li div.sub_block { width: 100%; display: block; clear: both; } ul#megamenu_container li.megamenu table td li .children { float:right; display: block; } ul#megamenu_container li.megamenu table td li .children ul { display:inline; } ul#megamenu_container li.megamenu table td li .children ul li { display:inline; border-right: 1px solid #CCCCCC; padding: 0 4px 0 0; } ul#megamenu_container li.megamenu .sub_block .children a { line-height:18px; font-size: 11px; } ul#megamenu_container li.megamenu table td li .children ul li.first a { display: inline-block; text-align: right; } ul#megamenu_container li.megamenu table td li .children ul li.last { border-right: none; } ul#megamenu_container td h3 { border-bottom: 1px solid #CCCCCC; letter-spacing: 0; padding-bottom: 2px; } /* Changed button to a jquery themeroller icon */ ul#megamenu_container div.megamenu_body span { margin-left: -5px; } .ui-icon { background-image: url("/shared/jquery/ui/themes/smoothness/images/ui-icons_888888_256x240.png"); } ul#megamenu_container div.megamenu_body span { margin-left:0px; } /* TODO SM 20Jun11: Only push right cause of the "login" button */ #login ul#megamenu_container { margin-right: 11px; } .login-links ul#megamenu_container li.megamenu { margin-left:7px; } ul#megamenu_container li.hovering a.dashboard_button { background:none; border:none; text-shadow:none; box-shadow:none; } #megamenu_container .ui-icon { background-image: url("/shared/jquery/ui/themes/smoothness/images/ui-icons_888888_256x240.png"); } #megamenu_container .ui-icon { text-indent: 0px; } /********************** /local/themes/bootstrap/global.css **********************/ /* --------------- GLOBAL STYLESHEET FOR ALL SITES ------------------- - this contains all standard grids, laouts, fixes, styles etc for all sites on cirql. - ensure no colours, or other formats that may affect or hinder local styles later on. - we should not ever have to overide any of these styles. */ .scrollable_vertpane { min-height:200px; min-width:100%; width:100%; } #menu_container { margin-bottom:0px; } #menubar .search { margin-top: 15px; } #menubar .search input { padding:5px; } .panel-gallery { width:100%; } /* "No JavaScript" notice. */ .nojavascript { border: 1px solid #900; margin: 10px 0px; background-color: #FCC; font-weight: bold; color: #900; padding: 10px; } .nojavascript h2 { color: #900; } /* Quicksearch Style */ #quicksearch { border: 1px solid #ccc; background: #f7f7f7; padding: 8px 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #quicksearch label { font-weight: bold; /* margin-right: 50px; */ } #quicksearch input { border: 1px solid #777; padding: 3px 5px; font-weight: bold; margin-right: 10px; margin-left:5px; } /* Controls that sit under a field (checkboxes) */ .quicksearch_under { font-size: 0.8em; vertical-align: middle; margin-top: 5px; } #quicksearch .quicksearch_under input { } span.quicksearch_under span input { vertical-align:bottom; margin-top:5px; margin-right:5px; } /* Site Editor Style */ #site_editor_toolbar { padding: 0.5em 0.8em; margin: 0 0 1em; } #menubar #top_nav ul#suckerfish li.first a.nav_selected { background: none; color:#7F7F7F; } /* close button for site flash message */ a.flash_message_close { background:#ccc; padding:2px 5px; float:right; border:1px solid #999; color:#333; } .glist { width: 100%; } .glist th { padding : 3px; border-bottom : 1px solid #eee; font-size : 14px; font-weight : bold; } .glist tr { border-bottom : 1px solid #ddd; } .glist td { padding : 1em 0; } .glist td { } .glist tr td:nth-child(1) { } .glist tr td:last-child, .glist tr th:last-child { text-align: right!important; } @media only screen and (max-width:480px){ .glist tr td:last-child, .glist tr th:last-child { display:none; } .glist tr td:nth-child(1) { width:80%; } .glist tr td:nth-child(2), .glist tr th:nth-child(2) { text-align:right!important; } } @media only screen and (max-width:400px){ .glist tr td:nth-child(1) { width:100%; } .glist tr td:nth-child(2), .glist tr th:nth-child(2) { display: none!important; } } .glist td a{ padding : 1em 0; text-decoration : none; } .race_button_bar a{ padding:6px 12px!important; } /* For YUI3 */ .gc960 { width: 960px; margin: auto; } .gc100 { width: 100%; } /********************** /local/themes/bootstrap/quick_form.css **********************/ /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: 13px Helvetica, Arial, sans-serif; color: #777; margin-bottom: 15px; background: #fff; min-width: 75px; max-width: 100%; } #recaptcha_area input { display:inline-block; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); } label.group-header{ clear:both; display:block; width:100%; } .required_asterisk { color:#ff0000; } div.field.text label, div.field.select label, div.field.password label{ font-weight: normal; float: left; width: 200px; line-height: 30px; } div.field.radio, div.field.checkbox{ padding:0px; display:block; overflow: auto; } div.field.radio input, div.field.checkbox input{ margin-left:0px; margin-top:4px; } div.field.radio label, div.field.checkbox label{ display:inline-block; float:left; margin-right: 10px; } div.form h3{ border-bottom: 1px solid #ddd; margin-top:20px; width:100%; clear:both; } div.form h3 a:first-child{ color:#000; text-decoration: none; } h2.qf_header{ font-size: 20px!important; padding:0px; margin-left:-5px; width:100%; clear:both; } h3.qf_title{ clear:both; } #profile-picture-container input{ float:none; width:200px; display:inline-block; } div.label{ font-size: 13px!important; color:#000!important; text-align: left; line-height: 16px; } textarea.plaintext{ width:100%; height:360px; max-width: 100%; } input.scope_datepicker{ max-width: 150px; display:inline-block; } input.scope_clockpick { max-width:150px; } .field.date label:first-child{ float:left; width:200px; } .advdate-current{ float:left; margin-top:10px!important; } .current-label{ margin:7px 0 0 10px; float:left; } .field.date select{ width:100px; float:left; margin-right:10px; } .field.textarea label{ width:200px; float:left; } #qfh_description_counter{ margin-left:200px; margin-bottom: 20px; } #qf_personal_edit .field.static ul { -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2; column-count:2; -webkit-column-gap:15px; -moz-column-gap:15px; -ms-column-gap:15px; -o-column-gap:15px; column-gap:15px; columns:2; max-width: 400px; width:100%; margin:0px; padding:0px; } .blurb{ margin-left:200px; } .field.static{ margin-left:200px; margin-bottom: 20px; } @media(max-width: 991px) { #register .field.static{ margin-left:0px; } #register label{ min-width:100%!important; } #register input[type="text"], #register input[type="password"], #register input[type="email"], #register textarea, #register select{ min-width: 100%; } } #qf_summary_edit textarea{ min-height: 200px; } #qfh_nousercheck{ display:none; } .positions-page .page-intro{ margin-bottom:20px; } .positions-page .field.text, .positions-page .field.textarea, .positions-page .field.select{ display: table; margin-bottom: 10px; } .positions-page .field.text label, .positions-page .field.textarea label, .positions-page .field.select label{ display:table-cell; vertical-align: top; } .positions-page .text-field-value{ display:table-cell; vertical-align: top; padding-top:5px; } .block-profile-position-actions dd{ margin-bottom: 10px; } .has_error{ margin-bottom: 5px!important; } span.error_message{ margin-left:200px; margin-bottom: 10px; color:#ff0000; display:block; } /* ------------- RJ 30Mar2015 general form layout fixes ------------- */ .positions-page .field.text label{ font-weight:bold; float:initial; } .positions-page .field.textarea label{ font-weight:bold; float:initial; } .positions-page .field.select label{ font-weight:bold; float:initial; } .field.radio label{ font-weight:bold; float:left; padding-left: 0px; } .field.radio { font-weight:bold; padding-left: 0px; } label.group-header { clear: both; display: block; width: 20%; } .module-page-events .field.text label{ font-weight:bold; /*color: blue;*/ } .module-page-events-wizard .qf_form-container .qf_group-header{ font-weight:bold; /*color:green;*/ padding-right:50px; float:left; line-height:25px; clear:left; width:20%; } .module-page-events-wizard .qf_form-container .qf_group{ line-height:25px; float:left; /*border: 1px solid #eee; testing*/ } .module-page-events-wizard .qf_form-container hr{ margin-top: 1em; margin-bottom: 1em; border-top: 1px solid #eee; width:100%; } .module-page-events-wizard .qf_form-container #event_terms___Frame{ /*border:1px solid red!important;*/ width:200%!important; height:333px!important; background-color:#FFF!important; background-image:none!important; } .module-page-events-wizard .qf_form-container #event_description___Frame{ /*border:1px solid red!important;*/ width:200%!important; height:333px!important; } /* RJ 30Mar2015 over-ride bootstrap css for event wizard*/ .form-control { display:inline; width:inherit; font: 13px Helvetica, Arial, sans-serif; height:30px; } .module-page-events-admin_event_edit #frmEventAdmin input[name="test_group_id"] { width:150px; border:1px solid green; } .module-page-events-admin_event_edit #frmEventAdmin textarea, .module-page-events-admin_event_edit #frmEventAdmin input[name="title"]{ width:50%; /*border:1px solid blue;*/ } /* Checkboxes */ .qf_form-container input[type="checkbox"] { width: 20px; height:20px; vertical-align:middle } .qf_form-container label { vertical-align:text-top; margin-left:20px; font-weight: 100; max-width: 600px; } /* ------------- area_edit page labels need more room ------------ */ #qf_area_edit .group-header, #qf_area_edit div.field.text label, #qf_area_edit div.field.select label{ width:250px; } #qf_area_edit #qfh_currency_type , #qf_area_edit #qfh_financial_gst_ratio, #qf_area_edit #qfh_treasurer_id { width:50px; } #qf_membership .field.static{ margin-bottom: 0px; margin-left: 0px; } /* Membership Form */ #qf_membership .summary_area_url-container{ margin:0px 0px 20px 0px!important; } #qf_membership .online_payment-group-header{ display:block; width:100%; } #qf_membership .qf_radio{ margin-left:2px!important; } #qf_membership label.online_payment-label { float: none!important; margin-left: 10px; font-weight: normal!important; line-height: 24px; width:250px; } #qf_membership .legal_disclaimer-container { float: none!important; display: block; width: 100%; clear: both; } #qf_membership .text label, #qf_membership .select label, #qf_membership .date label{ width:130px; } #qf_membership_body{ padding:10px; } @media (max-width:767px){ #qf_membership .text label, #qf_membership .select label, #qf_membership .date label{ width:100%; } #qf_membership .checkbox.verify-container{ margin-left:-8px; padding-left: 0px; } } #qf_membership label[for='qfh_verify']{ margin-left:10px; } #closeWindowLink{ margin-top:3px; display:inline-block; float:right; color:#777; } #qf_user_details .text label, #qf_user_details .select label, #qf_user_details .date label{ width:130px; } #qf_user_details .text input, #qf_user_details .select select{ width:250px; } @media (max-width:767px){ #qf_user_details .text label, #qf_user_details .select label, #qf_user_details .date label{ width:100%; } } #qf_membership_body .field.static.summary_field_1-container, #qf_membership_body .field.static.summary_field_2-container, #qf_membership_body .field.static.static_blurb-container{ margin-left: 0px; } #qf_membership_body .uname-container{ margin-left:0px; } #qf_membership_body .uname-container label{ margin-right:0px; } #qf_membership_body .dob-container{ overflow:auto; width:100%; } #qf_membership_body .dob-container label{ font-weight: normal; } #qf_membership_body #qfh_verify{ margin-top: 3px; margin-right:5px; } #qf_membership_body .field.date select{ width:77px; } #qf_membership_body .field.static{ margin-left:0px; margin-bottom: 10px; } #qf_membership_body .field.static label, #qf_membership_body .reg_type-container label, #qf_membership_body .field.select label, #qf_membership_body .partner_name-container label{ display:inline-block; width:150px; } @media (max-width: 767px) { #qf_membership_body .field.static label, .reg_type-container label, .field.select label, .partner_name-container label{ width:100%!important; } } #qf_membership_body .amount_due-container h3:first-child{ display:none; } #qf_membership_body .amount_due-container #livequote_total{ display:inline-block; } #qf_membership_body .field.radio label{ font-weight: normal; } #qf_membership_body label.online_payment-group-header{ width:100%; display:block; font-weight: bold!important; } #qf_membership_body .creditCardexpiryDate-container label{ font-weight: normal!important; } #qf_membership_body .summary_user_fullname-container strong{ font-weight: normal!important; } #qf_membership_body .field.checkbox label[for='qfh_event_terms_agree']:first-child, #qf_membership_body .field.checkbox label[for='qfh_verify']:first-child { width:100px; display: inline-block; } #qf_membership_body .field.checkbox input{ margin-right:10px; } #qf_membership_body .field.radio input{ margin-right:10px; margin-left:2px; clear:both; margin-top:2px; } .module-page-profile.positions-page label{ min-width:230px; display:inline-block; } .module-page-profile.positions-page .field.textarea label{ min-width: 100%; display:block; } .module-page-profile.positions-page .text-field-value{ display:block; width:100%; margin-bottom: 20px; } .module-page-profile.positions-page .closing_date-container .text-field-value{ display:inline-block; margin-right:5px; width:auto; } .module-page-profile.positions-page .field.radio br{ display:none; } .module-page-profile.positions-page .field.radio tt{ margin-left:-10px; } .module-page-profile.positions-page .field.radio tt:last-child{ margin-left:10px; } #qf_position_register .field.radio br{ display:none; } #qf_position_register .field.radio input[type='radio']{ margin-left:-10px; margin-right: 3px; } #qf_position_register .field.radio input[type='radio']:last-of-type{ margin-left:10px; margin-right: 3px; } #qf_position_register .field.static{ margin-left:200px; } #qf_position_register .field label:first-child{ width:200px!important; } #qf_position_register textarea{ width:500px; height:100px; } #qf_user_details .select label, #qf_user_details .static label, #qf_user_details .date label, #qf_user_details .text label{ display:inline-block; width:200px!important; } #qf_sponsorship .select label, #qf_sponsorship .text label, #qf_sponsorship .static label, #qf_sponsorship .date label { width:200px!important; } #qf_sponsorship h3.header.credit-card-details { display: none; } /********************** /local/themes/bootstrap/blocks.css **********************/ /* --------------- BLOCKS AND MODULES ------------------- - styles for all modules of cirql. this includes events, racechecklists, sponsorship and other ciql modules. */ .block, .module-block { position: relative; margin-bottom: 1.5em; } /* BLOCKS - all blocks contained through the site, such as profile stream, events, connections etc */ .module-page .block-profile-personal, .module-page .block-profile-group, .module-page .block-profile-status /*, .page-container .block */ { background: #fff; padding: 1.5em; position: relative; margin: 0 0 2em; border: 1px solid #f0f0f0; -moz-box-shadow: 0 0 5px rgba(150,150,150,0.1); -webkit-box-shadow: 0 0 5px rgba(150,150,150,0.1); box-shadow: 0 0 5px rgba(150,150,150,0.1); -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; } .block h4, .module-block h4 { font-size: 22px; line-height: 24px; margin-bottom: 1.2em; letter-spacing: -1px; font-weight: 800; } .block .edit-link a { padding: 1px 0 1px 23px;font-size: 12px;line-height: 120%;font-wight: normal;text-decoration: none;} /* Result Styles - includes stream, positions available, articles you may like, upcoming events, my content, people you may know. */ .block .results-list li { margin-bottom: 15px; } .block .results-list li:before, .block .results-list li:after, .block .read-more:before, .block .read-more:after { content: " "; display: table; clear: both; } .block .results-list a { text-decoration: none; } .block .results-list h6 { line-height: 100%; margin: 10px 0 4px; } .block .results-list p { margin: 0; line-height: 100%; } .block .results-list .info { margin: 6px 0; font-size: 12px; } .block .results-list .info span { margin: 0 5px 0 0;} .block .results-list .meta-info { font-size: 11px; } .block .results-list .meta-info span { margin: 0 5px 0 0;} .block .read-more a:after { content: "..."; } /* colours to identify items easily .block h4 { color:#BC3200; } .block h5 { color: #DD8D23; } .block .results-list h6 a { color: #268DBF; } .block .results-list p { color: #1BACD0; } .block .results-list .info { color: #DC4081; } .block .read-more a { color: #98B147; } /* /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .block-container { width: 100%; float: none;} .block-container.block-container-left { margin-right: 0%;} .block-container.block-container-right { margin-left: 0%;} } /* --------------- ADVERTISING BLOCKS ------------------- - styles of advertising seen on positions, groups, network and so on. */ .promo img { width: 100%; } /* --------------- SITE USER CONTROL PANEL ------------------- - styles of login area, logged in section, dashboard links and more */ #loggedin, #login { margin: 1.5em 0 0; float: right; color: #555; } #login ul#megamenu_container { margin-right: 0; } #loggedin .megamenu a, #login .megamenu a { } #login a.dashboard_button, #loggedin a.dashboard_button { font-size: 11px; text-transform: capitalize; font-weight: bold; } #loggedin .megamenu .dashboard_button, #login .megamenu .dashboard_button { } ul#megamenu_container li.megamenu a.dashboard_button:hover, .backend ul#megamenu_container li.megamenu a.dashboard_button:hover, #loggedin a:hover, #login #login-help a:hover, #login input[type="submit"]:hover #loggedin .controls a:hover { } #login .field { float: left; clear: none; width: auto; margin: 0 6px; } #login label { float: left; clear: none; line-height: 25px; text-align: right; font-weight: normal; font-size: 11px; margin: 0; padding: 0 8px 0 0; } #login input { float: left; clear: none; font-size: 11px; padding: 5px 4%; margin: 0; width: 100px; color: #555; } #login #login-help { margin: 8px 0 0 0; float: right; clear: both; } #login-help a.login-link, #login-help .megamenu-link, #loggedin .links .link { margin: 0 0 0 10px; float: left; font-size: 11px; line-height: 15px; text-decoration: none; } #login input[type="submit"] { font-size: 10px; width: auto; float: right; padding: 4px 6px; margin: 1px 0 0; } #loggedin .controls { float: right; } #loggedin .details { font-size: 12px; margin-bottom: 10px; } #loggedin .link a { text-decoration: none; } /* --------------- SLIDER/FLOWPANE STYLES ------------------- - design and style reset of flowpane slider */ #feature-slider { border-top: 1px solid #ccc; padding: 1em 0 0; } #flowpanes_container, #flowpanes { width:100%; } #flowpanes div.tabcontent { margin: 0 auto; max-width: 960px; float:none; } #flowtabs { float: right; position: relative; right: 24px; top: -32px; height: auto !important; } #flowtabs li #t3 a, #flowtabs li #t1 a, #flowtabs li #t2 a { border: none; } #flowtabs li { width: auto; margin: 0 1px; } #flowtabs li a { background: #fff; text-decoration: none; text-indent: -9999px; height: 8px; width: 8px; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #flowtabs li a.current { background: #bbb; text-decoration: none; text-indent: -9999px; height: 8px; width: 8px; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .panel-gallery { width: 100% !important; background-color: transparent !important; height: auto !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .panel-gallery img { width: 100%; } /* LATEST NEWS MODULE */ .events_editor2_news .item { clear: both; list-style: none; margin: 0 0 1em; overflow: hidden; } /* FEATURED EVENT MODULE */ .events_feature { text-align: left; } .events_feature .date { float: left; margin: 4px 1em 5px 0; text-align: center;} .events_feature .date .day { display: block; letter-spacing: -1px; border: 2px solid #333; border-bottom: none; background: #333; color: #fff; padding: 1px 0 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 26px; width:50px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .events_feature .date .month { display: block; border: 2px solid #333; border-top: none; font-weight: bold; padding: 0 5px 2px 5px; color: #333; font-size: 13px; text-transform: uppercase; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .events_feature h4 { margin-bottom: 0; } .events_feature p { margin: 0; } .events_feature .venue { font-weight: bold; margin: 2px 0 0;} .events_feature .event-buttons { width: 100%; margin: 1em 0; clear: both;} /* UPCOMING EVENTS MODULE */ .events_upcoming .list-icons {} /* --------------- SPONSORSHIP MODULE BLOCK ------------------- - styles for minisponsorship summary block */ #menu_content_left .block-races-sponsorship-summary { text-align: left; } #menu_content_right .block-races-sponsorship-summary { text-align: right; } .block-races-sponsorship-summary .title { display:none; } .block-races-sponsorship-summary .bignum { font-size: 250%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; } .block-races-sponsorship-summary .sponsorship-total { font-size: 280%; line-height: 100%; } .block-races-sponsorship-summary .date-start { font-size: 150%; } .block-races-sponsorship-summary .info { margin: 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc; } .block-races-sponsorship-summary .info a { color:#fff; } /* --------------- DASHBOARD MODULE STYLES ------------------- - styles for dashboard page of cirql */ #module-page-backend-dashboard .block { background: #fff; border: 1px solid #eee; padding: 5px; width:100%; overflow:auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); } .module-page-backend .block .title { border-bottom: 1px solid #ddd; overflow: hidden; margin: -5px -5px 5px; padding: 8px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-transform: uppercase; color:#555; font-weight: bold; font-size: 14px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); } .module-page-backend .block .title .links img{ margin-top:-3px; } @media (max-width:989px){ .block-container-right{ width:100%; } } /********************* Module Blocks *******************************/ .module-block.profile_network_news h3 .heading-icon, .module-block.profile_positions_latest h3 .heading-icon, .module-block.events_upcoming h3 .heading-icon { font-size: 24px; color: #777; } .module-block.profile_network_news ul, .module-block.profile_positions_latest ul, .module-block.events_upcoming ul { margin-left: 0px !important; padding-left: 0px !important; } .module-block.profile_network_news ul li { background: url("/assets/icons/silk/table.png") no-repeat 0px 2px; } .module-block.profile_positions_latest ul li { background: url("/assets/icons/silk/calendar.png") no-repeat 0px 2px; } .module-block.events_upcoming ul li { background: url("/assets/icons/silk/comment.png") no-repeat 0px 2px; } .module-block.profile_network_news ul li, .module-block.profile_positions_latest ul li, .module-block.events_upcoming ul li { list-style-type: none; margin: 0px; padding-left: 20px; margin-bottom: 10px; height: 70px; } @media all and (max-width: 479px ) { .module-block.profile_network_news ul li, .module-block.profile_positions_latest ul li, .module-block.events_upcoming ul li { height: auto; } } .module-block.profile_network_news ul li span, .module-block.profile_positions_latest ul li span, .module-block.events_upcoming ul li span { clear: both; display: block; width: 100%; } .module-block.profile_network_news ul li span.title, .module-block.profile_positions_latest ul li a.title, .module-block.events_upcoming ul li a.title { font-weight: bold; } .module-block.profile_network_news ul li span.author { font-style: italic; } .module-block.profile_network_news ul li span.date, .module-block.profile_positions_latest ul li span.date-closing { color: #777; font-size: 11px; } /********************** /local/themes/bootstrap/theme.css **********************/ /* --------------- SITE BACKGROUNDS AND WRAPPERS ------------------- - site background for entire site, recommend html tag for repeating background - recommend body tag for non repreating background on top (in this case, header band */ /* moved to local.css so we can use theme for other sites */ @media (max-width: 1199px){ .body-container{ width:100%; } } .ui-tooltip{ cursor: pointer; background: no-repeat url(/assets/icons/silk/information.png) 0px 3px; display:inline-block; width:20px; height:21px; vertical-align: bottom; } #hd{ margin: 10px 0 0px 0; overflow: visible; } /* --------------- POPUP INTERFACE ----------------- */ #popup-interface-table td{ padding:5px; text-align: left; vertical-align: top; line-height: 29px; } #popup-interface-table td input[type='checkbox']{ margin-top:8px; } #popupHeader{ display:none; height:0px; } #scrollable{ margin-top:0px!important; } #upload-user-form div{ margin-bottom: 10px; margin-top:5px; } #upload-user-form input[type='file']{ margin-top: 10px; } #upload-user-form input[type='checkbox']{ margin-top:2px; } .bad legend{ background-color:#fff; } .bad .fieldset_content{ padding:0px 10px 10px 10px; } .popupHeaderNonePrintable{ display:none; } #add-users-to-group-table td{ vertical-align: top; } #add-users-to-group-table td{ padding:10px 0px; } #add-users-to-group-table td div{ text-align: left!important; } code{ margin-bottom: 10px; display:block; overflow:auto; white-space: normal; line-height: 27px; } /* --------------- LOG SEARCH ----------------- */ #homepage .alert{ margin-top:10px; } .flash_message_icon{ display:none; } .flash_message{ background-color: rgba(0,0,0,0); border:0px; padding:0px; margin:0px; } .flash_message_msg{ margin-left:0px; background-color: rgba(0,0,0,0); color:#DB8407; margin-bottom:15px; } /* --------------- LOG SEARCH ----------------- */ #show-agent-label, #show-referal-label{ float:left; width:140px; clear:both; } div.label{ color:#000!important; } .muted{ color:#777; font-size: 0.9em; } /* --------------- Quicksearch Panel ------------------- */ .bootstrap-left-panel, .block-container.sub{ padding-left:15px!important; margin-bottom: 20px; } #quicksearch_types{ margin:0px!important; } #quicksearch_types li input{ margin-top:4px!important; } .multiselect input.search { height: 25px; padding: 1px; opacity: 1; margin: 4px 4px 4px 20px; width: 100px; display: inline-block; } .multiselect .add-all { float:none; } .selected.connected-list, .available.connected-list{ height:120px!important; border:1px solid #aaa!important; } .actions.multiselect-header{ height:40px; } /* --------------- Tidy Up Edit_Details Form ------------------- */ .emd_fieldname { width: 170px; } #dob-tr #dob_d{ width:70px; display: inline-block; margin-right:5px; } #dob-tr #dob_m{ width:115px; display: inline-block; margin-right:5px; } #dob-tr #dob_y{ width:80px; display: inline-block; } .frm_bulk_emails{ display: inline-block!important; float:none!important; margin:4px 0 0!important; } /* --------------- USER SEARCH ------------------- */ .user-search-col1{ width:150px; } .user-search-col1 div{ text-align: left; } /* --------------- TIDY UP SEARCH SITE CONTENT FORM ------------------ */ form.gsc-search-box .gsc-input{ padding:0px; width:250px; } form.gsc-search-box .gsc-input input{ height: 33px; margin:0px; } table.gsc-search-box td{ vertical-align:top !important; } input.gsc-search-button{ height:32px; padding:0px 10px; } .gsc-clear-button{ margin-top:6px; margin-left:6px!important; display: inline-block;; } /* --------------- HOME PAGE PANELS ------------------- */ #homepage .content ol,#homepage .content ul,#homepage .module-block ol,#homepage .module-block ul { padding-left: 20px; } /* --------------- LOGO STYLES ------------------- - styles of logo and logo text */ body { background: url(/local/themes/bootstrap/images/brillant.png); margin-top: 60px; } h1{ font-size: 26px; margin-bottom: 15px; } h2{ font-size:24px; } #ft{ clear:both; } .next-vert, .prev-vert{ cursor: pointer; } #login .field.submit-container{ margin-right: 0px!important; } .field.date{ overflow:auto; } .navbar-fixed-top{ z-index: 10000; } #site_name_container { display: none; } .navbar-brand{ padding:5px 15px; } .navbar-brand img{ max-height: 40px; } @media (min-width: 768px) and (max-width:991px){ .navbar-fixed-top .container-fluid{ padding:0px 0px; margin:0px; width:100%; } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; padding: 15px 7px; font-size: 13px; } } #login input[type="submit"] { font-size: 10px; width: auto; float: left; padding: 6px 10px; margin: 0px 0 0; } #login input[type='text'], #login input[type='password']{ height:30px; } #login label{ line-height: 30px; } #login-help-splitter{ display:none; margin:5px; } #mobile-signup-link, #mobile-forgot-link{ display:none; } #jGrowl{ z-index: 10001!important; left:auto!important; right:0px!important; } /* --------------- BACKEND --------------- - */ .backend-tabs{ background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #f9f9f9 53%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(53%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); background: linear-gradient(to bottom, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); font-weight:bold; margin-bottom: 20px; } @media (max-width: 991px) { ul.nav.nav-tabs.backend-tabs { background: none; font-size: 12px; padding: 0px; margin: 0 -5px 20px; } ul.nav.nav-tabs.backend-tabs img{ display:none; } ul.nav.nav-tabs.backend-tabs a{ padding:5px 5px; } } .backend-container h1, .module-page-profile h1{ margin-top:10px; padding-bottom:5px; border-bottom:1px solid #eee; font-size: 24px; display:none; } #module-page-backend-dashboard ul,#module-page-backend-dashboard ol{ padding:0px!important; } .module-page-admin form h3, .module-page-financial form h3{ padding:10px; background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #f9f9f9 53%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(53%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); background: linear-gradient(to bottom, #f3f3f3 0%,#f9f9f9 53%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); font-weight:bold; } .module-page-financial .qf_group-header{ display:inline-block; font-weight: bold; margin-top:10px; font-size: 14px; } .module-page-financial select[name='contact[from]']{ margin-top:10px; } .module-page-financial input[name='contact[subject]']{ margin-top:10px; } .module-page-financial input[name='contact[to_group]']{ margin-right:10px; } .module-page-financial input[name='contact[confirm]']{ position:absolute; margin-top:-15px; margin-left:140px; } .module-page-financial .qf_table{ display:none; } .module-page-financial p{ font-size: 13px; line-height: 20px; } .module-page-financial .live-send-label{ margin-top:10px; font-weight: normal; font-size: 12px; display:block; line-height: 20px; } .qf_required{ color:#FF0000; } #TB_iframeContent{ width:100%!important; } .links ul, .links ol{ margin-left:5px!important; } #site_editor_toolbar{ margin:10px 15px!important; } .dash_block_close{ display:none; } /* --------------- QUICKFORMS --------------- */ .qfh_container div.label{ color:#000; font-size: 13px; } /* --------------- EDITORBS ----------------- */ .module-page-editor{ margin-left:-15px; margin-right:-15px; } .modal{ z-index: 10002; } .modal-backdrop{ z-index: 10001; } #bootstrap-modal-iframe{ width:100%; height:450px; overflow: visible; border:0px; } #bootstrap-modal .modal-dialog{ width:auto; max-width: 900px; margin:70px auto; } @media all and (max-width:960px){ #bootstrap-modal .modal-dialog{ margin:70px 30px; } } /* --------------- NETWORK DASHBOARD ------------------- */ ol.status-checklist{ margin-left:0px!important; padding:0px; } #network-container .block{ margin:15px; border-bottom:1px solid #eee; padding-bottom:15px; } .block-profile-status{ border:0px!important; border-radius: 0px!important; padding:0px!important; padding-bottom: 15px!important; -webkit-box-shadow: 0 0 5px rgba(150,150,150,0)!important; box-shadow: 0 0 5px rgba(150,150,150,0)!important; } .block-profile-personal{ padding:0px!important; border:0px!important; -webkit-box-shadow: 0 0 5px rgba(150,150,150,0)!important; box-shadow: 0 0 5px rgba(150,150,150,0)!important; } /* --------------- PROFILE PAGES ------------------- */ .page-container.profile .block-container.right{ float:right; } /* --------------- FEATURE SLIDER -------------------*/ #feature-slider { margin-bottom:20px; border: none; } /* --------------- TOP NAVIGATION ------------------- - top navigation styles for site */ #loggedin { margin-bottom: 10px; } #loggedin .link{ float:right !important; } #logo-image { margin: 0 0 0 0; } #logo-image img { max-width: 100%; margin: 1em 0 0; } #top_nav { margin: 1.5em 0 0 0; float:right; } /* --------------- BODY ------------------- - design of body styles, this is for the single, 2 column (left and aright) and 3 column layouts. - margins given to allow content to breath */ button { transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } hr { margin-top: 3em; margin-bottom: 3em; border-top: 1px solid #efefef; } /* --------------- SIDE NAVIGATION ------------------- - design of sidebar styles including links, navigation, module layouts, welcome messages and advertising. */ #sponsored_links { margin: 0 0 0.5em; padding: 0 0 0.5em; } #nav_tree { margin: 1em 0 0 0; } #nav_tree li.jstree-open a { font-weight: normal; } #nav_tree li li.jstree-closed a, #nav_tree li li.jstree-open a { font-weight: bold; margin: 0.25em 0; } #nav_tree li li.jstree-open li a { font-weight: normal; margin: 0; } #nav_tree ul li ul li { margin: 0.25em 0; } #nav_tree li a { font-size: 18px; } #nav_tree li li a { font-size: 14px; } /* --------------- FOOTER ------------------- - design of footer navigation, contact details and footer styles */ #ft-links, #ft-details { clear: both; overflow: hidden; margin: 15px 0; color: #666; font-size: 85%; } #ft-links ul, #ft-details ul { list-style: none; margin: 0; } #ft-links li, #ft-details li { list-style: none; margin: 0 10px 0 0; float: left; padding: 0 10px 0 0; border-right: 1px solid #ccc; } #ft-links li.last, #ft-details li.last { border-right: none; } #ft-links a, #ft-details a { color: #aaa; font-weight: normal; } #ft-links a:hover, #ft-details a:hover { color: #555; } /* --------------- IMAGE STYLES ------------------- - content images, staff images etc. */ .featureImg { border: 1px solid #BABABA; margin: 0 20px 20px 0; padding: 5px; background: #F5F5F3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* --------------- BUTTON STYLES ------------------- - feature button and icon button styles used throughout the site */ a.big-button, a:visited.big-button { font-size: 20px; line-height: 28px; color: #fff; display: inline-block; font-weight: normal; text-shadow: none; margin: 0 auto 1em auto; padding: 8px 30px; background: #333; text-decoration: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } a.btn-alt, a:visited.btn-alt { background: #6e665a; } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #loggedin{ margin-bottom: 0!important; } #loggedin div{ float:left; clear:both; } #loggedin .link{ margin:0px 10px 0 0!important; } #megamenu-arrow{ display:none; } #feature-slider { margin: -20px; padding: 0px; } #module-page-backend-dashboard .block-container { width: 100%; } #login label{ width:auto; } #loggedin, #login, #login-help { float: none !important; } .block, .module-block { position: relative; margin: 0 0 2em; } .block-container.main, .block-container.sub { width: 98%; padding: 1.5em 0; } #gadminBar, .ui-tabs .ui-tabs-nav, .qf_static ul{ margin:15px 0 0 0; padding:5px; } #gadminBar ul li{ width:auto; margin:0px; } #gadminBar ul li a{ padding:3px 7px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 778px) { .text-right-md{ text-align:right!important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #loggedin{ margin-bottom: 15px!important; } #mobile-dashboard-underline{ margin:0px; } #qf_user_login{ margin:0px; } #login{ width:262px; margin:20px auto 0px auto; } #login-help{ text-align: center; } #login-help .link, #login-help .login-link{ display: inline-block; float:none!important; margin:10px!important; } #login-help-splitter{ display:block; } #mobile-signup-link, #mobile-forgot-link{ display:inline-block; margin: 6px 0 0 30px; font-size: 11px; float:left; } span.megamenu-link{ } #signup-link, #forgot-link{ display:none!important; } #login .field{ clear:both; width:100%; } #login input[type='text'], #login input[type='password']{ width:170px; } #login label{ width:80px; display:block; text-align: left; margin-bottom: 10px; clear:both; } a.login-link{ margin-top:10px !important; } .experience-block, .sub-block { margin: 10px 0 0 0px; } } .block-membership-status h4{ font-size: 16px; } .block-membership-status span{ font-size: 12px; } .block-membership-options h4{ font-size: 16px; } .events-list .upcoming-row{ margin-bottom: 20px; padding-bottom:10px; border-bottom: 1px solid #eee; margin-left:-30px; maring-right:-30px; } .year-title{ font-size: 22px; border-bottom: 1px solid #aaa; } .global-admin-content{ display:inline-block; color:#999; } #qf_events_calendar_search .field.checkbox input{ float:left; clear:both; margin-right:5px; } #qf_events_calendar_search .field.checkbox label{ float:left; line-height: 21px; } .module-page-events-admin_accom .radio br{ display:none; } .module-page-events-admin_accom .radio label{ margin-right:20px!important; } #donate_charity_list li{ margin-bottom: 20px; } #ft{ margin-top:30px; padding-top:30px; border-top: 1px solid #eee; } #ft ul{ margin:0px; padding:0px; } #cache-form-container label{ width:200px; overflow:visible; } #cache-form-container label small{ white-space: nowrap; white-space: nowrap; margin-left:10px; color:#777; } .module-page-admin .quicksearch_table td input[type='checkbox']{ margin-left:20px; } #tickets li{ margin-bottom: 20px; } #tickets li a{ font-weight: bold; } .module-block.profile_network_news ul li .profile_pic{ display:none; } .module-block.profile_positions_latest ul li .profile_pic{ display:none; } .module-block.events_upcoming ul li img{ display:none; } .panelButton.horizontal ul{ padding:0px; } .panelButton.horizontal li{ list-style-type: none; display:inline-block; } .panelButton.horizontal li a{ padding:10px; display:block; } .panelButton.horizontal li a img{ margin-right:10px; } /************ THEME SELECTOR *************/ .admin-item-selector.themes li{ margin-bottom: 30px; } .admin-item-selector.themes li span{ border:1px solid #ddd; min-height: 200px; overflow: auto; display:block; text-align: center; padding-top:5px; border-radius: 10px; cursor: pointer; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1); } .admin-item-selector.themes li span:hover{ background-color: #eee; } .admin-item-selector.themes li.selected span{ background-color: #eee; cursor: default; } .admin-item-selector.themes li span .theme_list_header, .admin-item-selector.themes li span .list_header{ font-weight: bold; text-transform: uppercase; } .admin-item-selector.themes li span .list_desc, .admin-item-selector.themes li span .theme_list_desc{ color:#777; margin-bottom: 10px; } body[spellcheck='false']{ margin-top:10px!important; } .results-list .date-fields{ float:right; margin-top:10px; margin-right:15px; } .results-list li{ padding:20px 10px!important; background-color: #fff; } .results-list h6{ font-size: 16px; } .results-list.positions .date-closing { display: block; float: right; margin-top:15px!important; } .mobile-nav-button{ float: right; margin-top: 8px; width: 45px; text-align: center; border: 1px solid #fff; margin-right:3px; color:#fff; } #hd.row{ height:auto; overflow: visible; } @media screen and (min-width: 768px) { .mobile-nav-button{ display:none; } } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } @media (min-width: 992px) { #breadcrumbs-list { margin: 10px 15px 0px 15px; } } @media (max-width: 991px){ #breadcrumbs-list { display:none; } } #breadcrumbs-list li{ float:left; font-size: 13px; } .breadcrumb-separator { font-size: 11px!important; margin:2px 3px; } .module-block.publishing h3{ display:none; } #site-search-textbox{ width:100%; } #ft #site-search-textbox{ max-width: 300px; } #qf_user_rego_captcha .select label, #qf_user_rego_captcha .text label{ display:inline-block; width:200px!important; } .gsc-control { width:100%!important; } .event-info-row{ display:block; margin-bottom: 15px; } .event-info-label.inline{ font-weight: bold; display:inline-block; width:75px; } .event-info-label.extended{ width:160px; } .event-info-value.inline{ font-weight: normal; display: inline-block; } .event-info-list{ margin-bottom: 15px; } .event-info-list li{ margin-bottom: 5px; } .event-info-list li i{ font-size: 6px; margin-top: 6px; float: left; margin-right: 10px; margin-left: 4px; opacity: 0.4; } .event-races-actions{ margin-top:40px; margin-bottom: 40px; } #race-checklist{ padding-left: 0px!important; } #homepage #block_races_checklist .header{ display:none; } .main-page-container img{ max-width: 100%; } @media (max-width:767px) { .user-edit-table tr > td:first-child{ width:200px; } .user-edit-table tr > td:last-child{ } .user-edit-table tr > td:last-child input, .user-edit-table tr > td:last-child select{ width: 100%!important; } } @media (max-width:480px) { .user-edit-table tr > td:first-child{ width:100px; } } /********************** /theme/local.css **********************/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); .orange { color: #EE8222; } .btn-danger { color: #fff; background-color: #EE8222; border-color: #dE7212; padding: 0.7em 2em; } .btn-danger:hover { background-color: #6b5f50; border-color: #7b6f60; } body { color: #7b6f60; } #logo-image img { max-width: none; } a { color: #5f6d30; text-decoration: none; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } a:hover { color: #7f9240; text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #6d3730; margin-bottom: 1em; line-height: 100%; font-family: 'Open Sans', sans-serif; } h1 { font-size: 28px; font-weight: 300; } h1 strong { font-weight: normal; } h2 { line-height: 110%; } h3, .h3 { font-size: 1.87em; font-weight: 600; letter-spacing: -1px; color: #6d3730; } h4 { font-size: 20px; line-height: 26px; font-weight: 400; } h5 { font-size: 19px; letter-spacing: 0; font-weight: 400; line-height: 19px; text-transform: none; margin-bottom: 1em; font-family: Constantia, "Lucida Bright", "sans-serif", Georgia, serif; } h6 { letter-spacing: 0; font-weight: 700; } p { margin: 0 0 1em; } .dynamic-content-row { margin-bottom: 15px; } #logo-image{ margin-top: 0px; } #loggedin, #login { color: #6b5f50; } button.pull-left { border-color: #dE7212; background: #EE8222; color: #fff; font-weight:bold; } button:hover.pull-left { background: #6b5f50; border-color: #5b4f40; color: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle.active { background: #5b4f40; } /* Footer */ #ft-links a:hover, #ft-details a:hover { color: #EE8222; } .module-block.profile_network_news h3 .heading-icon, .module-block.profile_positions_latest h3 .heading-icon, .module-block.events_upcoming h3 .heading-icon { font-size: 24px; color: #777; } .module-block.profile_network_news ul, .module-block.profile_positions_latest ul, .module-block.events_upcoming ul { margin-left: 0px !important; padding-left: 0px !important; } .module-block.profile_network_news ul li { background: url("/shared/assets/icons/famfamfam/silk/table.png") no-repeat 0px 2px; } .module-block.profile_positions_latest ul li { background: url("/shared/assets/icons/famfamfam/silk/calendar.png") no-repeat 0px 2px; } .module-block.events_upcoming ul li { background: url("/shared/assets/icons/famfamfam/silk/comment.png") no-repeat 0px 2px; } .module-block.profile_network_news ul li, .module-block.profile_positions_latest ul li, .module-block.events_upcoming ul li { list-style-type: none; margin: 0px; padding-left: 20px; margin-bottom: 10px; height: 70px; } @media all and (max-width: 479px ) { .module-block.profile_network_news ul li, .module-block.profile_positions_latest ul li, .module-block.events_upcoming ul li { height: auto; } } .module-block.profile_network_news ul li span, .module-block.profile_positions_latest ul li span, .module-block.events_upcoming ul li span { clear: both; display: block; width: 100%; } .module-block.profile_network_news ul li span.title, .module-block.profile_positions_latest ul li a.title, .module-block.events_upcoming ul li a.title { font-weight: bold; } .module-block.profile_network_news ul li span.author { font-style: italic; } .module-block.profile_network_news ul li span.date, .module-block.profile_positions_latest ul li span.date-closing { color: #777; font-size: 11px; } .btn img { display: none; } .btn-default { color: #FFFFFF; background-color: #A19176; border-color: #6b5f50; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #FFFFFF; background-color: #A19176; border-color: #6b5f50; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #A19176; border-color: #6b5f50; } .btn-default .badge { color: #A19176; background-color: #FFFFFF; } /***************** NAV BAR *****************/ .navbar-default { border-color: #5f6d30; background-color: rgba(127, 146, 64, 0.88); } .navbar-default .navbar-nav>li>a { color: #F6F4F1; } .navbar-default .navbar-nav .open .dropdown-menu { background-color: rgba(127, 146, 64, 0.88); } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #F6F4F1!important; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #e6e4e1!important; background: #5f6d30; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #F6F4F1; background-color: rgba(161,145,118,0.1); } @media (max-width: 767px){} .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #FFF; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #DDD; } /***************** HOME PAGE SLIDER *****************/