Developing Mobile Applications with Force.com and Sencha Touch - Part 1, Step 5: Build a Visualforce Custom Component to host our Application Specific Styles.

PocketCRM_CSS1.component

<apex:component>
    <style type="text/css">
        /**
        * Example of an initial loading indicator.
        * It is recommended to keep this as minimal as possible to provide instant feedback
        * while other resources are still being loaded for the first time
        */
        html, body {
            height: 100%;
            background-color: #1985D0
        }
        #appLoadingIndicator {
            position: absolute;
            top: 50%;
            margin-top: -15px;
            text-align: center;
            width: 100%;
            height: 30px;
            -webkit-animation-name: appLoadingIndicator;
            -webkit-animation-duration: 0.5s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: linear;
        }
        #appLoadingIndicator > * {
            background-color: #FFFFFF;
            display: inline-block;
            height: 30px;
            -webkit-border-radius: 15px;
            margin: 0 5px;
            width: 30px;
            opacity: 0.8;
        }
        @-webkit-keyframes appLoadingIndicator {
            0% {
                opacity: 0.8
            }
            50% {
                opacity: 0
            }
            100% {
                opacity: 0.8
            }
        }
        /**
        * PocketCRM Custom styles
        */
        .x-title {
            padding: 0 .3em;
        }
        .x-title .x-innerhtml {
            padding: 0;
        }
        /* Increase height of list item so title and narrative lines fit */
        .x-list .x-list-item .x-list-item-label {
            min-height: 3.5em!important;
        }
        /* Move up the disclosure button to account for the list item height increase */
        .x-list .x-list-disclosure {
            position: absolute;
            bottom: 0.85em;
            right: 0.44em;
        }
        .list-item-line-1 {
            float:left;
            width:100%;
            font-size:90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right:25px;
            line-height:150%;
        }
        .list-item-line-2 {
            float:left;
            width:95%;
            color:#666666;
            font-size:80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right:25px;
        }
        .x-item-selected .list-item-name {
            color:#ffffff;
        }
        .x-item-selected .list-item-email {
            color:#ffffff;
        }
        .leads-list-empty-text {
            padding:10px;
        }
    </style>
</apex:component>