{$menu} {style} {literal} body.ow_admin_area { background: #573b7e; color:#333; } .ow_content_menu { border-bottom: none; } .ow_content_menu li { border: none; } .ow_content_menu li.active { border-color: transparent; } .ow_content_menu li a { color: #fff; } .ow_content_menu li a:hover { color: #f7f7f7; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #fff; } .ow_admin_menu_wrap { border-right: none; } .rocket { width: 100px; height: 100px; position: absolute; left:200px; bottom:0; -webkit-animation-name: bootstrap; /* Chrome, Safari, Opera */ -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */ animation-name: bootstrap; animation-duration: 4s; transition: all 0.5s ease; } .rocket img { transition: all 0.5s ease; } .rocket:hover img { } /* Chrome, Safari, Opera */ @-webkit-keyframes bootstrap { 0% {left:0px; bottom:-100px;} 25% {left:400px; top:400px;} 50% {left:800px; top:200px;-webkit-transform: rotate(-50deg);} 75% {left:1000px; top:0px;-webkit-transform: rotate(-100deg);} 100% {left:800px; top:100px;-webkit-transform: rotate(-170deg);} } /* Standard syntax */ @keyframes bootstrap { 0% {left:0px; bottom:-100px;} 25% {left:400px; top:400px;} 50% {left:800px; top:200px;transform: rotate(-50deg);} 75% {left:1000px; top:0px;transform: rotate(-100deg);} 100% {left:800px; top:100px;transform: rotate(-170deg);} } {/literal} {/style}
Bootstrap has been insstalled on your server. Get started by reading Bootstrap tutorial on W3schools. Also checkout Bootstrap cheatsheet for glyphicons.
{form name='bootstrap_settings'}{text key='bootstrap+general_setting_label'} | ||
---|---|---|
{label name='css_maxcdn'} | {input name='css_maxcdn'}{error name='css_maxcdn'} | {desc name='css_maxcdn'} |
{label name='js_maxcdn'} | {input name='js_maxcdn'}{error name='js_maxcdn'} | {desc name='js_maxcdn'} |
{label name='css_order'} | {input name='css_order'}{error name='css_order'} | {desc name='css_order'} |
{label name='custom_css'} | {input name='custom_css'}{error name='custom_css'} | {desc name='custom_css'} |