mattgipson

/* SPECIFIC MEDIA QUERY BREAKPOINTS FOR DEVICES */
/* USE WITH CUSTOM CSS ON THE DUDA PLATFORM (Duda.co)  */

/* WIDE DESKTOP */
@media only screen and (min-width: 1400px) {

}
/* NORMAL DESKTOP */
@media only screen and (max-width: 1025px) and (min-width: 1399px) {

mattgipson

{% block demoEligView %}
    <script id="demographicViewTpl" type="text/x-jsrender">
        <h3>Eligibility</h3>
        <table cellpadding="0" cellspacing="0" class="dataTable">
            <tr>
                <td class="label">
                    Member:
                </td>
                <td>
                    [[>FirstName]]&#160;[[>LastName]]

mattgipson

Helper Classes

Panel/Card style wrapper

Use this to give components the panel style seen in the RBT

<div class="panel-style"></div>

Use this to give components alt panel style (no background but simple padding/margin added)

mattgipson

/* arrow fades in and out, use for a 'scroll down' indicator for example */
#godown {
    position:absolute;
    bottom:20px;
    left:50%;
    margin-left:-10px;
    width:20px;height:20px;
    display:block;
    transform: rotate(45deg) ;
    -webkit-transform: rotate(45deg) ;

mattgipson

/*  Drupal admin menu show/hide 
    If you are logged in as an administrator, the admin menu bar
    will be invisible. Upon hovering the top area, the menu magically 
    appears. */

#admin-menu {
    opacity:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;