khanat-opennel-code/code/web/api/data/css/ryzom_iphone.css

/* Copyright (C) 2009 Winch Gate Property Limited
 *
 * This file is part of ryzom_api.
 * ryzom_api is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * ryzom_api is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with ryzom_api.  If not, see <http://www.gnu.org/licenses/>.
 */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {  
    margin:0;  
    padding:0;  
    -webkit-text-size-adjust: none;  
}

body {
    font-size: 14px;  
	background: black;
	font-family: Helvetica;
}  

ul li {
	padding: 0px 4px 10px 2px;
	list-style: circle outside;
}
ol li {
	padding: 0px 4px 10px 2px;
}
.ryzom-ui p {
	padding-bottom:8px;
}

#main {
	clear: both;
	padding-top: 0px;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left
}
.error {
	padding:.5em;
	background:#ff5555;
	color:white;
	font-weight:bold
}
/*-----------------------------
	ORIENTATION
-----------------------------*/

.content_wide,
.content_normal {
	display:none;
}

.show_normal {
	width: 320px;
}

.show_wide {
	width: 480px;
}

.show_wide .content_wide,
.show_normal .content_normal {
	display: block;
}

/* ---------------------- */


.ryzom-ui {
	color: white;
}
.ryzom-ui input, .ryzom-ui select {
	border-top: 1px solid #030403;
	border-right: 1px solid #6e7f57;
	border-bottom: 1px solid #889e6c;
	border-left: 1px solid #272d1f;
	background-color: #37402b;
	color: #ddd;
	font-size: 16px;
	margin: 2px 0 5px 0;
}
.ryzom-ui input[type=text] {
	width: 96%;
}

.ryzom-ui textarea {
	width: 96%;
	background-color: black;
	color: white;
	font-size: 16px;
	font-family: Helvetica;
}
/* input[type=submit] will make IE6 to ignore whole CSS rule, so cant combine this with .ryzom-ui-button below */
input[type=submit] {
	border-bottom: 1px solid #030403;
	border-left: 1px solid #6e7f57;
	border-top: 1px solid #889e6c;
	border-right: 1px solid #272d1f;
	background-color: #435120;
}
input.ryzom-ui-button, .ryzom-ui-button {
	border-bottom: 1px solid #030403;
	border-left: 1px solid #6e7f57;
	border-top: 1px solid #889e6c;
	border-right: 1px solid #272d1f;
	background-color: #435120;
}

a, a:visited {color:orange}

a:hover {color:orange}

a.ryzom-ui-button, a.ryzom-ui-button:visited {
	color: white;
	padding: 0 .5em;
	text-decoration: none;
}
a.ryzom-ui-button:hover {
	background: #536130;
	color: #ddd;
}
/* window without title - just borders */
.ryzom-ui-tl {
}
.ryzom-ui-tr {
}
.ryzom-ui-t {
	background-image: url(skin_t.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 8px;
	margin: 0;
}
/* window with proper header */
.ryzom-ui-header .ryzom-ui-tl {
	margin: 0px 0px;
	height: 32px;
}
.ryzom-ui-header .ryzom-ui-tr {
	height: 32px;
}
.ryzom-ui-header .ryzom-ui-t {
	background-image: url(skin_header_m.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 7px 0 0 12px;
	height: 32px;
	text-transform: uppercase;
	color: white;
	border-top: 1px solid #030403;
}
/* window body */
.ryzom-ui-l {
}
.ryzom-ui-r {
}
.ryzom-ui-m {
	margin: 0 0px;
	padding: 0px;
	background-image: url(skin_blank.png);
	background-repeat: repeat;
}
.ryzom-ui-body {
	background-image: url(skin_blank_inner.png);
	background-repeat: repeat;
	/* leave 5px room after bottom border */
	margin: 0 8px 5px 2px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #030403;
	border-right: 1px solid #6e7f57;
	border-bottom: 1px solid #889e6c;
	border-left: 1px solid #272d1f;
}
/* window bottom border */
.ryzom-ui-bl {
	height: 8px;
}
.ryzom-ui-br {
	height: 8px;
}
.ryzom-ui-b {
	height: 8px;
	margin: 0 8px;
}
.ryzom-ui-notice {
	margin: 0px;
	padding: 0px;
	color: #999;
	text-align: center;
}
a.ryzom-ui-notice, a.ryzom-ui-notice:visited {
	margin: 0px;
	padding: 0px;
	color: #BBB;
	padding: 0 .5em;
	text-decoration: underline;
}
a.ryzom-ui-notice:hover {
	color: gray;
}

.ryzom-ui-t .ryzom-ui-text-button {
    font-size: 85%;
}
a.ryzom-ui-text-button, a:visited.ryzom-ui-text-button {
    color:#FFFF11;
    text-decoration:none;
}

.ryzom-ui-text-button {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.ryzom-ui-text-button {
    padding: 0;margin: 0;
    border-color: #ff8 #ff3 #ff3 #ff8;
    border-width: 1px;
    border-style: solid;
    padding: 0px 4px;
    color: white;
}

.ryzom-ui-wrap-ul {
	float: left;
	text-align: center;
	padding: 0;
	list-style: none;
}

.ryzom-ui-wrap-li {
	float: left;
	margin: 0 0 10px 5px;
	width: 6.1em;
	list-style: none;
	height: 70px;
}