UI Schema

Typography

Code

You can manually adjust the size by Ctrl + + or Ctrl + -.

<p class="ui-text-lowercase">Lowercased text.</p>
<p class="ui-text-uppercase">Uppercased text.</p>
<p class="ui-text-capitalize">Capitalized text.</p>
<!-- Inline code -->
<p>You can manually adjust the size by <code class="ui-color-emphasis"><kbd>Ctrl</kbd> + <kbd>+</kbd></code> or <code class="ui-color-emphasis"><kbd>Ctrl</kbd> + <kbd>-</kbd></code>.</p>

<!-- Code block -->
<pre><code><p class="ui-text-lowercase">Lowercased text.</p>
<p class="ui-text-uppercase">Uppercased text.</p>
<p class="ui-text-capitalize">Capitalized text.</p></code></pre>

Blockquotes

Education is a self organising system, where learning is an emergent phenomenon.

— Sugata Mitra, TED Talks: The Child-driven Education (2010).
<blockquote>
  <p>Education is a self organising system, where learning is an emergent phenomenon.</p>
  <footer>
    &mdash; Sugata Mitra, <cite>TED Talks: The Child-driven Education (2010)</cite>.
  </footer>
</blockquote>

Lists

Why can't I receive my private key for each email confirmation?
In consideration of security, you can only receive you private key in the first three emails. You should keep it confidential and never share with others unless requested by our website.
When the eprints are daily updated?
We update the eprints from arXiv.org at 1:40 and 4:40 in Greenwich Mean Time. There are no daily updates at weekends.
  1. I. Gonzalez, I. Schmidt, Optimized negative dimensional integration method (NDIM) and multiloop Feynman diagram calculation, Nucl. Phys. B 769 (2007) 124-173.
  2. T. Amdeberhan et. al., Ramanujan's Master Theorem, Ramanujan J. 29 (2012) 29:103-120.
<!-- Inline list -->
<ul class="ui-list-inline">
  <li><a href="http://arxitics.com/site/about">About</a></li>
  <li><a href="http://arxitics.com/site/terms">Terms</a></li>
  <li><a href="http://arxitics.com/site/privacy">Privacy</a></li>
  <li><a href="http://arxitics.com/site/disclaimer">Disclaimer</a></li>
</ul>

<!-- FAQ -->
<dl class="ui-list-indent ui-list-numbered">
  <dt>Why can't I receive my private key for each email confirmation?</dt>
  <dd>In consideration of security, you can only receive you private key in the first three emails. You should keep it confidential and never share with others unless requested by our website.</dd>
  <dt>When the eprints are daily updated?</dt>
  <dd>We update the eprints from arXiv.org at 1:40 and 4:40 in Greenwich Mean Time. There are no daily updates at weekends.</dd>
</dl>

<!-- Bibliography -->
<ol class="ui-list-bibliography">
  <li>I. Gonzalez, I. Schmidt, <em>Optimized negative dimensional integration method (NDIM) and multiloop Feynman diagram calculation</em>, <a href="http://dx.doi.org/10.1016/j.nuclphysb.2007.01.031" target="_blank">Nucl. Phys. B <strong>769</strong> (2007) 124-173</a>.</li>
  <li>T. Amdeberhan <em>et. al.</em>, <em>Ramanujan's Master Theorem</em>, <a href="http://dx.doi.org/10.1007/s11139-011-9333-y" target="_blank">Ramanujan J. <strong>29</strong> (2012) 29:103-120</a>.</li>
</ol>

Labels

Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
1 23 a bc A BC
<span class="ui-text-label">Default</span>
<span class="ui-text-label ui-label-primary">Primary</span>
<span class="ui-text-label ui-label-success">Success</span>
<span class="ui-text-label ui-label-info">Info</span>
<span class="ui-text-label ui-label-warning">Warning</span>
<span class="ui-text-label ui-label-danger">Danger</span>

<span class="ui-text-tag">Default</span>
<span class="ui-text-tag ui-label-primary">Primary</span>
<span class="ui-text-tag ui-label-success">Success</span>
<span class="ui-text-tag ui-label-info">Info</span>
<span class="ui-text-tag ui-label-warning">Warning</span>
<span class="ui-text-tag ui-label-danger">Danger</span>

<span class="ui-text-badge">1</span>
<span class="ui-text-badge ui-label-primary">23</span>
<span class="ui-text-badge ui-label-success">a</span>
<span class="ui-text-badge ui-label-info">bc</span>
<span class="ui-text-badge ui-label-warning">A</span>
<span class="ui-text-badge ui-label-danger">BC</span>

List Group

  • Success
  • Info
  • Warning
  • Danger
<!-- Linkify list group items by using anchor tags -->
<div class="ui-list-group">
  <a href="./navigation.html">Navigation</a>
  <a href="./menus.html">Menus</a>
  <a class="ui-state-active" href="./typography.html">Typography</a>
  <a href="./forms.html">Forms</a>
</div>

<!-- Use contextual classes to style list items -->
<ul class="ui-list-group">
  <li class="ui-item-success">Success</li>
  <li class="ui-item-info">Info</li>
  <li class="ui-item-warning">Warning</li>
  <li class="ui-item-danger">Danger</li>
</ul>

Panels

Basic Information

Name Zan Pan
Location Beijing, China
Website http://github.com/photino
<!-- Panel with list groups -->
<div class="ui-content-panel">
  <div class="ui-panel-header">
    <h4>Links</h4>
  </div>
  <div class="ui-panel-body">
    <ul class="ui-list-group">
      <li><a href="http://arxiv.org/abs/1212.5605">Abstract on arXiv.org</a></li>
      <li><a href="http://arxiv.org/pdf/1212.5605">View preprint PDF</a></li>
      <li><a href="http://arxiv.org/e-print/1212.5605">Download TeX source</a></li>
    </ul>
  </div>
</div>

<!-- Panel with tables -->
<div class="ui-content-panel">
  <div class="ui-panel-header">
    <h4>Basic Information</h4>
  </div>
  <div class="ui-panel-body">
    <table class="ui-table-fluid ui-table-columns-2">
      <tr>
        <td>Name</td>
        <td>Zan Pan</td>
      </tr>
      <tr>
        <td>Location</td>
        <td>Beijing, China</td>
      </tr>
      <tr>
        <td>Website</td>
        <td><a href="http://github.com/photino" rel="external" target="_blank">http://github.com/photino</a></td>
      </tr>
    </table>
  </div>
</div>

Alerts

×

ArXiv Analytics is a web portal that offers more features and a better user interface for reading and discussing arXiv eprints.

Accessibility is one of important features of our design. You are recommended to use keyboard navigation to be more efficient.

Our website is built upon some cutting edge web technologies. Please use the latest browsers to get a better user experience.

We encourage frank, open, and constructive conversation, but frankness doesn't mean lack of civility or lack of respect for others.

<div class="ui-content-alert ui-alert-success">
  <span class="ui-nav-right" data-schema-dismiss>&times;</span>
  <p>ArXiv Analytics is a web portal that offers more features and a better user interface for reading and discussing <a href="http://arxiv.org/" rel="external" target="_blank">arXiv eprints</a>.</p>
</div>
<div class="ui-content-alert ui-alert-info">
  <p>Accessibility is one of important features of our design. You are recommended to use <a href="http://arxitics.com/help/keyboard">keyboard navigation</a> to be more efficient.</p>
</div>
<div class="ui-content-alert ui-panel-warning">
  <p>Our website is built upon some cutting edge web technologies. Please use the <a href="http://arxitics.com/help/browsers">latest browsers</a> to get a better user experience.</p>
</div>
<div class="ui-content-alert ui-panel-danger">
  <p>We encourage frank, open, and constructive conversation, but frankness doesn't mean lack of civility or lack of respect for others.</p>
</div>

Content Links

<div class="ui-content-link">
  <a class="ui-zoom-huge ui-phone-half" href="http://arxitics.com/search">
    <div class="ui-box-small ui-text-center">
      <i data-schema-icon="search"></i>
      <h4 class="ui-header-compact">Search</h4>
    </div>
    <div class="ui-text-active">
      <p>Advanced search interface to find articles</p>
    </div>
  </a>
</div>

Jumbotron

403 Forbidden: You need login to join the chat room.

Please contact help@arxitics.com if you think this should not happen again.

<div class="ui-content-jumbotron">
  <h3>403 Forbidden: <span class="ui-text-muted">You need login to join the chat room.</span></h3>
  <p>Please contact <strong>help<span aria-hidden="true">.855322</span>@arxitics.com</strong> if you think this should not happen again.</p>
</div>

Media Object

desert

Definition of desert

A desert is a barren area of land where little precipitation occurs and consequently living conditions are hostile for plant and animal life.

desert

Definition of desert

A desert is a barren area of land where little precipitation occurs and consequently living conditions are hostile for plant and animal life.

<div class="ui-content-media">
  <div class="ui-media-object">
    <img class="ui-image-thumbnail" width="100" height="100" src="http://oss.arxitics.com/images/emoji/desert.svg" alt="desert">
  </div>
  <div class="ui-media-body">
    <h4>Definition of desert</h4>
    <p>A desert is a barren area of land where little precipitation occurs and consequently living conditions are hostile for plant and animal life.</p>
  </div>
</div>