at path:
ROOT
/
css
/
component.css
run:
R
W
Run
editor
DIR
2024-11-20 09:13:11
R
W
Run
basic.css
3.66 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
bootstrap.min.css
97.62 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
ca.css
2.1 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
component.css
6.79 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
dashboard.css
6.33 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
header.css
3.16 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
jquery.bxslider.css
3.55 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
jquery.fancybox.css
4.79 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
jquery.motionCaptcha.0.2.css
1.86 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
login.css
1.13 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
pgwslider-v167.css
1.62 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
style.css
37.35 KB
2024-11-20 09:13:11
R
W
Run
Delete
Rename
error_log
up
📄
component.css
Save
@font-face { font-family: 'bpmenu'; src:url('../fonts/bpmenu/bpmenu.eot'); src:url('../fonts/bpmenu/bpmenu.eot?#iefix') format('embedded-opentype'), url('../fonts/bpmenu/bpmenu.woff') format('woff'), url('../fonts/bpmenu/bpmenu.ttf') format('truetype'), url('../fonts/bpmenu/bpmenu.svg#bpmenu') format('svg'); font-weight: normal; font-style: normal; } /* Main menu wrapper */ .cbp-hsmenu-wrapper { position: relative; } /* Common style for all lists */ .cbp-hsmenu-wrapper ul { list-style: none; padding: 0; margin: 0 auto; margin-left: 10px; } /* 100% width bar for menu */ .cbp-hsinner { background: #00799; position: relative; z-index: 100; } /* Main menu style */ .cbp-hsmenu-wrapper .cbp-hsmenu { width: 100%; margin: 0 auto; } .cbp-hsmenu > li { padding: 0 20px; display: inline-block; /*border-right: 2px solid #fff*/ } .cbp-hsmenu > li:first-child { margin-left: 0; padding-left: 0; } /* Main menu link style */ .cbp-hsmenu > li > a { color: #fff; font-size: 16px; line-height: 50px; display: inline-block; position: relative; z-index: 10000; outline: none; text-transform: uppercase; } /* Add an arrow to the main menu link if it has a submenu (not the only child) */ .cbp-hsmenu > li > a:not(:only-child):before { display: inline-block; font-family: 'bpmenu'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f107"; font-size: 80%; margin-right: 0.3em; opacity: 0.4; vertical-align: middle; } .cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before { content: "\f106"; } /* Add a triangle to currently open menu item link */ .cbp-hsmenu > li.cbp-hsitem-open > a:after { top: 96%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #00799c; border-width: 10px; left: 50%; margin-left: -10px; } /* Submenu style */ .cbp-hssubmenu { position: absolute; left: 0; top: 100%; width: 100%; z-index: 0; text-align: left; /* for aligning the sub items */ visibility: hidden; padding-bottom: 10px; } .cbp-hssubmenu h2{ margin: 0; font-size: 20px; border-bottom: 1px dashed #CCC; padding: 12px 20px; } .cbp-hssubmenu:before, .cbp-hssubmenu:after { content: " "; display: table; } .cbp-hssubmenu:after { clear: both; } /* Let's allow 6 item in a row */ .cbp-hssubmenu > li { width: 16.2%; display: inline-block; vertical-align: top; /*box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;*/ opacity: 0; -webkit-transition: opacity 0.1s 0s; -moz-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; } /* First 6 items don't have upper box shadow */ .cbp-hssubmenu > li:nth-child(-n+6) { /*box-shadow: -28px 0 0 -27px #ddd;*/ } /* Every 7th item does not have a left box shadow */ .cbp-hssubmenu > li:nth-child(6n+1) { /*box-shadow: 0 -28px 0 -27px #ddd;*/ } /* The first one does not have any box shadow */ .cbp-hssubmenu > li:first-child { box-shadow: none; } .cbp-hssubmenu > li a { display: block; text-align: center; color: #a2a2a2; outline: none; padding: 2em 1em 1em 1em; } .no-touch .cbp-hssubmenu > li a:hover, .no-touch .cbp-hssubmenu > li a:focus { color: #888; } .cbp-hssubmenu > li a img { border: none; outline: none; display: inline-block; margin: 0; max-width: 100%; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .no-touch .cbp-hssubmenu > li a:hover img { opacity: 0.5; } .cbp-hssubmenu > li a span { display: block; min-height: 3em; margin-top: 0.4em; } .cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu { z-index: 1000; visibility: visible; position: absolute; background: #f7f7f7; top: 50px; } .cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li { opacity: 1; -webkit-transition: opacity 0.5s 0.1s; -moz-transition: opacity 0.5s 0.1s; transition: opacity 0.5s 0.1s; } /* Helper div for animating the background */ .cbp-hsmenubg { background: #f7f7f7; position: absolute; width: 100%; top: 100%; left: 0; z-index: 0; height: 0px; } .no-touch .cbp-hsmenubg { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } @media screen and (max-width: 65em){ .cbp-hsmenu-wrapper { font-size: 80%; } } @media screen and (max-width: 47.938em){ .cbp-hsmenu-wrapper { font-size: 100%; } .cbp-hsmenu-wrapper .cbp-hsmenu { padding: 0; max-width: none; width: 100%; } .cbp-hsmenu > li { border-top: 1px solid rgba(255,255,255,0.5); text-align: center; margin: 0 auto; display: block; } .cbp-hsmenu > li .home{ margin: 0 auto; padding: 15px 0; } .cbp-hsmenu > li:first-child { border-top: none; } .cbp-hsmenu > li > a { display: block; } .cbp-hsmenu > li > a:not(:only-child):before { line-height: 1.8; right: 0; position: absolute; font-size: 200%; } .cbp-hsmenubg { display: none; } .cbp-hssubmenu { background: #f7f7f7; position: relative; overflow: hidden; height: 0; } .cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu { height: auto; } /* Let's only allow 3 item in a row now */ .cbp-hssubmenu > li { width: 30%; } /* Reset box shadows for the 6 items in row case */ .cbp-hssubmenu > li:nth-child(-n+6), .cbp-hssubmenu > li:nth-child(6n+1) { /*box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;*/ } /* First 4 items don't have upper box shadow */ .cbp-hssubmenu > li:nth-child(-n+3) { /*box-shadow: -28px 0 0 -27px #ddd;*/ } /* Every 5th item does not have a left box shadow */ .cbp-hssubmenu > li:nth-child(3n+1) { /*box-shadow: 0 -28px 0 -27px #ddd;*/ } } @media screen and (max-width: 25em){ /* Let's only allow 1 item in a row now */ .cbp-hssubmenu > li { width: 100%; display: block; } .cbp-hsmenu-wrapper .cbp-hssubmenu > li { /*box-shadow: 0 1px #cecece;*/ text-align: left; } .cbp-hssubmenu > li a { text-align: left; line-height: 50px; padding: 0.4em 1em; } .cbp-hssubmenu > li a img { float: left; max-height: 50px; } .cbp-hssubmenu > li a span { min-height: 0; margin: 0; } }