jsgkj/znjg/trunk/WebContent/css/default-mobile-custom.css

/*
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/***************************************/
/* general styles */
html {
    background: -webkit-gradient(linear, left top, right top,
        from(#c5ccd3),
        to(#cfd5dd),
        color-stop(0.80, #c5ccd3),
        color-stop(0.80, #cfd5dd));
}

.fl-theme-uportal .fl-bevel-black {
    text-shadow: rgba(0,0,0,0.35) 0px -1px 0px;
}
.fl-theme-uportal .fl-bevel-white {
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}

.fl-theme-uportal a {
    -webkit-touch-callout:none; /* prevents iphone popup menu to copy / follow / bookmark a particular link */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-decoration:none;
    color:#000;
}
/***************************************/
/* Navigation Bar */

body::before {
    border-top-color:#ccd6e2;
    border-bottom-color:#000;
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#B0BCCD),
        color-stop(0.5, #889BB3),
        color-stop(0.50, #6D84A2),
        to(#6D84A2)
    );
}
.fl-theme-uportal .fl-navbar {
    color:#fff;
    text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
}

.fl-theme-uportal .fl-navbar h1 {
    color:#fff;
}
.fl-theme-uportal .fl-navbar a {
	color: #fff;
}
.fl-theme-uportal .fl-navbar [class*=fl-button] {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#9aafca),
        color-stop(0.5, #6d8cb3),
        color-stop(0.50, #4b6b90),
        to(#4b6b90)
    );
    -webkit-border-image:none;
}

.fl-theme-uportal .fl-navbar [class*=fl-button]:active {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(149, 184, 239,1)),
        to(rgba(35,109,229,1)),
        color-stop(0.5, rgba(149, 184, 239,1)),
        color-stop(0.50, rgba(75,148,244,1))
    );
}

.fl-theme-uportal .fl-navbar .fl-backButton {
    /* See mobile layout for details */
    -webkit-border-image: url(images/iphone/navbar_back_button_insetShadow.png) 0 15 stretch;
    -webkit-mask-box-image: url(images/iphone/backbutton_mask.png) 0 15 stretch;
}

.fl-theme-uportal .fl-navbar .fl-button-inner {
    -webkit-border-image: url(images/iphone/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
}

/***************************************/
/* iPhone general purpose gel buttons */
/* effect is applied anywhere but the navbar, which has its own button look */
.fl-theme-uportal .fl-button {
    text-decoration:none;
    font-weight:bold;
    -webkit-border-image: url(images/iphone/button_bg_insetShadow.png) 10 stretch;
}
.fl-theme-uportal .fl-button.fl-bevel-white {
    color:#333333;
}
.fl-theme-uportal .fl-button.fl-bevel-black {
    color:#FFFFFF;
}
.fl-theme-uportal .fl-button-white {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(240,240,240,0.25)),
        to(rgba(220,220,220,0.75)),
        color-stop(0.5, rgba(240,240,240,1)),
        color-stop(0.50, rgba(200,200,200,0.8))
    );
}
.fl-theme-uportal .fl-button-black {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(106,106,106,0.25)),
        to(rgba(00,00,00,0.75)),
        color-stop(0.5, rgba(130,130,130,1)),
        color-stop(0.50, rgba(75,75,75,0.8))
    );
}
.fl-theme-uportal .fl-button-green {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(120,190,130,0.2)),
        to(rgba(50,170,60,0.75)),
        color-stop(0.5, rgba(120,190,130,1)),
        color-stop(0.50, rgba(0,150,10,0.8))
    );
}
.fl-theme-uportal .fl-button-blue {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(149, 184, 239,0.2)),
        to(rgba(35,109,229,0.75)),
        color-stop(0.5, rgba(149, 184, 239,1)),
        color-stop(0.50, rgba(75,148,244,0.8))
    );
}
/***************************************/
/* iPhone tabs 1: small general purpose content dividers */

.fl-theme-uportal .fl-tabs li {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#9aafca),
        color-stop(0.5, #6d8cb3),
        color-stop(0.50, #4b6b90),
        to(#4b6b90)
    );
    -webkit-border-image: url(images/iphone/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
    -webkit-border-left-image: none;
    -webkit-background-origin: border;
    -webkit-background-clip: border;
}
.fl-theme-uportal .fl-tabs .fl-tabs-active {
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(149, 184, 239,1)),
        to(rgba(35,109,229,1)),
        color-stop(0.5, rgba(149, 184, 239,1)),
        color-stop(0.50, rgba(75,148,244,1))
    );
}

.fl-theme-uportal .fl-tabs li a,
.fl-theme-uportal .fl-tabs .fl-tabs-active a {
	color:#fff;
    border-right-color:rgba(255,255,255,0.35);
    border-left-color:rgba(0,0,0,0.35);
}

/*************************************************/
/* iPhone list menu styles: Ordered lists, Unordererd lists, Thumbnail lists, Icon lists, Definition lists */
/*************************************************/
/* Default list system setup */

.fl-theme-uportal .fl-listmenu li a {
    -webkit-tap-highlight-color: -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
    background:#fff url(images/iphone/listmenu_arrow.png) no-repeat right 5px;

}
.fl-theme-uportal [class*=fl-list] > li {
	color: #000;
    border-color: rgb(169,173,176);
	background-color:#fff;
}

/* A simulation for a:active on the device, requires JS */
.fl-theme-uportal [class*=fl-list]:not(.fl-list) a:active,
.fl-theme-uportal [class*=fl-list] .fl-link-hilight {
	color: #fff;
    background: url(images/iphone/listmenu_arrow.png) no-repeat right -25px,
                -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
}

.fl-theme-uportal [class*=fl-list] .fl-link-loading {
    color: #fff !important;
    background: url(images/iphone/listmenu_loader.gif) no-repeat 97% center,
		        -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
}

.fl-theme-uportal [class*=fl-list]:not(.fl-list) a:active,
.fl-theme-uportal [class*=fl-list] a:active .fl-link-secondary,
.fl-theme-uportal [class*=fl-list] a:active .fl-link-summary,
.fl-theme-uportal [class*=fl-list] .fl-link-loading * {
    color: #fff !important;
}

/* secondary link info behaviour */
.fl-theme-uportal [class*=fl-list] > li .fl-link-secondary {
    color: rgb(50, 79, 133);
}

 /* summary link info ehaviour */
.fl-theme-uportal [class*=fl-list] > li .fl-link-summary {
    color:#999;
}

.fl-theme-uportal .fl-list a {
    color:#4a94f4;
}

/***************************************/
/* instructional text (usually embossed too)*/
.fl-theme-uportal .fl-note {
    color:#4C566C;
}

/****************************/
/* Collapsing and expanding panels */
.fl-theme-uportal .fl-panel-autoHeading > *:first-child {
    color:#fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
}
.fl-theme-uportal .fl-panel-autoHeading > *:first-child:focus {
    color:#000;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
}

/****************************/
/* Gloss tint for glossy icons/thumbnails */

.fl-theme-uportal .fl-list-glossy > li a::before {
    background-image: -webkit-gradient(radial, 50% -15%, 10, 50% -50%, 45, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,.65)));
}


/*
------------------------------------
  Overrides to jqueryui css.
------------------------------------
*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
.ui-widget {font-size: 1em; font-family:arial,helvetica,clean,sans-serif;}

.ui-tabs .ui-tabs-nav li a {
    font-size: 0.8em;
    padding:0.2em 0.5em;
}

.ui-tabs .ui-tabs-nav {
    padding:0.2em 0.1em 0;
}

/* jQuery tooltip */
#tooltip {background-color: #fffbbf; color: #344461; border: thin solid #b1c6f2;}

/*
*/


#portalWelcome { text-align: right; padding-right: 10px; }
.portlet-content-container { background-color: #fff; padding: 5px; margin: 5px; }

/* Fluid pager component styles */
.fl-theme-uportal .fl-pager ul.fl-pager-ui {text-align:right}
.fl-theme-uportal .fl-pager .fl-pager-ui li {list-style-type:none; display:inline; padding-left:5px}
.fl-theme-uportal .fl-pager .fl-pager-ui a.fl-pager-disabled,
.fl-theme-uportal .fl-pager .fl-pager-ui .fl-pager-disabled a { color: #777777; border: 0; text-decoration: none; cursor: default; }
.fl-theme-uportal .fl-pager .fl-pager-ui a.fl-pager-currentPage,
.fl-theme-uportal .fl-pager .fl-pager-ui .fl-pager-currentPage a { color: #000000; border: 0; text-decoration: none; cursor: default;}

.fl-theme-uportal a { color:#4b6b90; }

.up-mobile-navigation-container a { color:#000; }