Main Avalanche Network server application. Built with Ruby on Rails.

styleguide.html 9.0KB

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <meta content="authenticity_token" name="csrf-param"> <meta content="dk5vPU6n/mDtA2sWAqQ0Ux4Rh8inxTlp/HYiJtGGjxI=" name="csrf-token"> <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script> <![endif]--> <link href="/assets/application.css?body=1" media="all" rel="stylesheet"> <link href="/assets/flatstrap/bootstrap.css?body=1" media="all" rel="stylesheet"> <link href="/assets/font-awesome.css?body=1" media="all" rel="stylesheet"> <link href="/assets/rails_bootstrap_forms.css?body=1" media="all" rel="stylesheet"> <link href="/assets/bootstrap3-switch.css?body=1" media="all" rel="stylesheet"> <link href="/assets/jasny-bootstrap.css?body=1" media="all" rel="stylesheet"> <link href="/assets/jasny-bootstrap-responsive.css?body=1" media="all" rel="stylesheet"> <link href="/assets/summernote.css?body=1" media="all" rel="stylesheet"> <link href="/assets/admin_panel.css?body=1" media="all" rel="stylesheet"> <link href="/assets/agents.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avalanche_icons.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avalanche_theme.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/buttons.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/colors.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/cover.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/footer.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/forms.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/panel.css?body=1" media="all" rel="stylesheet"> <link href="/assets/avl2_theme/typography.css?body=1" media="all" rel="stylesheet"> <link href="/assets/blog_posts.css?body=1" media="all" rel="stylesheet"> <link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet"> <link href="/assets/checkbox.css?body=1" media="all" rel="stylesheet"> <link href="/assets/dashboard.css?body=1" media="all" rel="stylesheet"> <link href="/assets/mission_editor.css?body=1" media="all" rel="stylesheet"> <link href="/assets/missions.css?body=1" media="all" rel="stylesheet"> <link href="/assets/start.css?body=1" media="all" rel="stylesheet"> <link href="/assets/subscription.css?body=1" media="all" rel="stylesheet"> <link href="/assets/uploads.css?body=1" media="all" rel="stylesheet"> <!-- For third-generation iPad with high-resolution Retina display: --> <!-- Size should be 144 x 144 pixels --> <link href="/images/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" type="image/png"> <!-- For iPhone with high-resolution Retina display: --> <!-- Size should be 114 x 114 pixels --> <link href="/images/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" type="image/png"> <!-- For first- and second-generation iPad: --> <!-- Size should be 72 x 72 pixels --> <link href="/images/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" type="image/png"> <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> <!-- Size should be 57 x 57 pixels --> <link href="/images/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" type="image/png"> <!-- For all other devices --> <!-- Size should be 32 x 32 pixels --> <link href="/assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"> <script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script> <script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script> <script src="/assets/jquery.js?body=1"></script> <script src="/assets/jquery.turbolinks.js?body=1"></script> <script src="/assets/jquery_ujs.js?body=1"></script> <script src="/assets/jquery-ui/core.js?body=1"></script> <script src="/assets/jquery-ui/widget.js?body=1"></script> <script src="/assets/jquery-ui/mouse.js?body=1"></script> <script src="/assets/jquery-ui/sortable.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1"></script> <script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1"></script> <script src="/assets/twitter/bootstrap.js?body=1"></script> <script src="/assets/bootstrap-switch.js?body=1"></script> <script src="/assets/jasny-bootstrap.js?body=1"></script> <script src="/assets/summernote.js?body=1"></script> <script src="/assets/turbolinks.js?body=1"></script> <script src="/assets/google_analytics.js?body=1"></script> <script src="/assets/jquery_nested_form.js?body=1"></script> <script src="/assets/admin_panel.js?body=1"></script> <script src="/assets/agents.js?body=1"></script> <script src="/assets/blog_posts.js?body=1"></script> <script src="/assets/bootstrap.js?body=1"></script> <script src="/assets/contact_messages.js?body=1"></script> <script src="/assets/mission_editor.js?body=1"></script> <script src="/assets/missions.js?body=1"></script> <script src="/assets/start.js?body=1"></script> <script src="/assets/subscription.js?body=1"></script> <script src="/assets/uploads.js?body=1"></script> <script src="/assets/application.js?body=1"></script> </head> <body> <div class="container top-container"> <div class="row"> <div class="span12"> <div class="centered"> <h3>Buttons</h3> </div> <div class="centered" style="margin-top: 25px;"> <a href="#" class="btn btn-small">Default</a> <a href="#" class="btn btn-small btn-primary">Primary</a> <a href="#" class="btn btn-small btn-success">Success</a> <a href="#" class="btn btn-small btn-danger">Danger</a> <a href="#" class="btn btn-small btn-alert">Alert</a> </div> <div class="centered" style="margin-top: 25px;"> <a href="#" class="btn">Default</a> <a href="#" class="btn btn-primary">Primary</a> <a href="#" class="btn btn-success">Success</a> <a href="#" class="btn btn-danger">Danger</a> <a href="#" class="btn btn-alert">Alert</a> </div> <div class="centered" style="margin-top: 25px;"> <a href="#" class="btn btn-large">Default</a> <a href="#" class="btn btn-large btn-primary">Primary</a> <a href="#" class="btn btn-large btn-success">Success</a> <a href="#" class="btn btn-large btn-danger">Danger</a> <a href="#" class="btn btn-large btn-alert">Alert</a> </div> <div class="centered" style="margin-top: 25px;"> <a href="#" class="btn btn-huge">Default</a> <a href="#" class="btn btn-huge btn-primary">Primary</a> <a href="#" class="btn btn-huge btn-success">Success</a><br> <a href="#" class="btn btn-huge btn-danger">Danger</a> <a href="#" class="btn btn-huge btn-alert">Alert</a> </div> <div class="centered" style="margin-top: 25px;"> <a href="#" class="btn btn-link">Default</a> <a href="#" class="btn btn-link btn-primary">Primary</a> <a href="#" class="btn btn-link btn-success">Success</a> <a href="#" class="btn btn-link btn-danger">Danger</a> <a href="#" class="btn btn-link btn-alert">Alert</a> </div> </div> </div> <div class="row" style="margin-top: 55px;" > <div class="span12"> <div class="centered" ><h3>Mission Status</h3></div> <div class="centered" style="width: 525px; margin-top: 25px;"> <div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-canceled">Canceled</div> <div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-failed">Failed</div> <div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-completed">Completed</div> <div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-launched">Launched</div> <div style="margin-left: 10px; margin-right: 10px;" class="mission-status pull-right status-planning">Planning</div> </div> </div> </div> </div> </body> </html>