|
/* FreeNetIS - CSS Document
|
|
*
|
|
* Author: Ondřej Fibich
|
|
* Purpose: Stylesheet for mobile devices
|
|
* Tested: Opera Mini 4.2 and Opera Mini 5
|
|
* See: http://dev.opera.com/articles/view/evolving-the-internet-on-your-phone-des/
|
|
*/
|
|
|
|
* {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
color: #464646;
|
|
}
|
|
html {
|
|
width: 99%;
|
|
height:100%;
|
|
margin: 0 auto;
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
overflow: auto;
|
|
background-color: white;
|
|
}
|
|
body {
|
|
text-align:center;
|
|
height:100%;
|
|
}
|
|
table, input, textarea {
|
|
font-size:100%;
|
|
}
|
|
|
|
table {
|
|
border-width: 0px 0px 0px 0px;
|
|
border-spacing: 0px;
|
|
}
|
|
table.extended {
|
|
float: none ! important;
|
|
width: auto ! important;
|
|
margin: 0 0 4px 0 ! important;
|
|
}
|
|
table th {
|
|
border-width: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
table td {
|
|
border-width: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
|
|
table.picturebox {
|
|
|
|
border-width: 0px 0px 0px 0px;
|
|
border-spacing: 0px;
|
|
border-style: outset outset outset outset;
|
|
border-collapse: separate;
|
|
width: 100%;
|
|
}
|
|
|
|
table.picturebox td {
|
|
border-width: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-style: inset inset inset inset;
|
|
width: 100%;
|
|
color:#990000;
|
|
}
|
|
|
|
.error {
|
|
color:#CC0000;
|
|
}
|
|
|
|
label.error {
|
|
display: block;
|
|
}
|
|
|
|
.dispNone {
|
|
display:none;
|
|
}
|
|
.clear {
|
|
clear:both;
|
|
}
|
|
.center { text-align:center; }
|
|
.left { text-align:left; }
|
|
.right { text-align:right; }
|
|
.justify { text-align:justify; }
|
|
.bold { font-weight:bold; }
|
|
|
|
.ajax-loader {
|
|
position:absolute;
|
|
margin-left:10px;
|
|
margin-top:2px;
|
|
}
|
|
/* ------------------------ */
|
|
/* -------- LAYOUT -------- */
|
|
/* ------------------------ */
|
|
#main {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
#header {
|
|
width: auto;
|
|
height:auto;
|
|
padding: 5px;
|
|
background: #f6f6f6;
|
|
border-bottom:1px #CCCCCC solid;
|
|
text-align: left;
|
|
}
|
|
#middle {
|
|
padding-bottom:50px;
|
|
}
|
|
|
|
#menu {
|
|
/* can be enabled by #a_show_menu */
|
|
display: none;
|
|
width:auto;
|
|
text-align:left;
|
|
}
|
|
#menu-padd {
|
|
padding:5px;
|
|
}
|
|
|
|
#content {
|
|
width:auto;
|
|
border-top: 2px solid #ccc;
|
|
text-align:justify;
|
|
}
|
|
#content-padd {
|
|
padding:5px;
|
|
}
|
|
|
|
#footer {
|
|
width:auto;
|
|
height:auto;
|
|
padding: 5px;
|
|
border-top:1px #CCCCCC solid;
|
|
background: #f6f6f6;
|
|
}
|
|
#footer-padd {
|
|
text-align:left;
|
|
}
|
|
|
|
/* -----#end LAYOUT-------- */
|
|
/* ------------------------ */
|
|
|
|
/* ------------------------ */
|
|
/* ------- BOXES ------ */
|
|
/* ------------------------ */
|
|
#header .separator1 {
|
|
}
|
|
#header .map {
|
|
}
|
|
#header .status {
|
|
}
|
|
.status table {
|
|
margin-top:5px;
|
|
}
|
|
#header .logout {
|
|
}
|
|
#header .logout span {
|
|
background:url(../images/layout/ico_logout.jpg) left center no-repeat;
|
|
padding-left:22px;
|
|
}
|
|
#header .logout a {
|
|
color:#FF833D;
|
|
}
|
|
#header .logout a:hover {
|
|
text-decoration:none;
|
|
}
|
|
|
|
.pagination {
|
|
padding:10px 0 0px 0;
|
|
}
|
|
.pagination strong {
|
|
border:1px #FF833D solid;
|
|
padding:0 5px 0 5px;
|
|
}
|
|
.message {
|
|
border:1px #FF833D solid;
|
|
background:#F7F7F7;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
margin:10px 0 10px 0;
|
|
padding:10px 0 10px 0;
|
|
}
|
|
/* -----#end BOXES-------- */
|
|
/* ------------------------ */
|
|
|
|
#statesbox
|
|
{
|
|
width: 500px;
|
|
margin-left: 140px;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
#statesbox div
|
|
{
|
|
text-align: center;
|
|
background:#F7F7F7;
|
|
padding: 0px;
|
|
border:3px #666666 solid;
|
|
width: 450px;
|
|
height: 140px;
|
|
}
|
|
|
|
|
|
/* -------------------------------- */
|
|
/* ------- HEADLINES & Texts ------ */
|
|
/* -------------------------------- */
|
|
|
|
.flags {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
h1#logo {
|
|
display: inline-block;
|
|
margin: 5px 2px 5px 2px;
|
|
padding-left: 20px;
|
|
background: left center url(../images/favicon.png) no-repeat;
|
|
font-size: 200%;
|
|
}
|
|
h1#logo span {
|
|
color: black;
|
|
}
|
|
h1#logo span em {
|
|
font-style: normal;
|
|
color: #f15900;
|
|
}
|
|
h2 {
|
|
padding-bottom:5px;
|
|
font-size: 17px;
|
|
}
|
|
h3 {
|
|
padding-bottom:5px;
|
|
}
|
|
.status span {
|
|
background: url(../images/layout/ico_user.gif) no-repeat;
|
|
padding-left:20px;
|
|
color:#B3B3B3;
|
|
}
|
|
.status .orange {
|
|
color:#FF833D;
|
|
}
|
|
a:hover {
|
|
color: #EC7A04;
|
|
text-decoration:none;
|
|
}
|
|
/* ----#end HEADLINES------ */
|
|
/* ------------------------ */
|
|
|
|
/* ------------------------ */
|
|
/* --------- MENU --------- */
|
|
/* ------------------------ */
|
|
#menu ul ul {
|
|
margin:0 0 5px 5px;
|
|
list-style-type:none;
|
|
}
|
|
#menu ul ul li {
|
|
display: inline;
|
|
padding-bottom: 4px;
|
|
}
|
|
#menu ul ul li:after {
|
|
content: ', ';
|
|
}
|
|
#menu li h2 {
|
|
color:#544A5C;
|
|
font-size:120%;
|
|
font-weight:bold;
|
|
padding: 0 0 2px 5px;
|
|
}
|
|
#menu li.account, #menu li.transfer, #menu li.users, #menu li.approval, #menu li.networks, #menu li.administration, #menu li.redirection, #menu li.backup, #menu li.help {
|
|
list-style-type:none;
|
|
background: #fdfdfd;
|
|
border-top:1px #ebebeb solid;
|
|
}
|
|
.help_16 {
|
|
cursor: help;
|
|
}
|
|
#a_show_menu {
|
|
display: block;
|
|
padding: 5px;
|
|
font-size: 110%;
|
|
text-align: left;
|
|
}
|
|
|
|
/* -------#end MENU-------- */
|
|
/* ------------------------ */
|
|
|
|
#htaccess {
|
|
width: 250px;
|
|
height: 200px;
|
|
}
|
|
|
|
.popup {
|
|
border: 1px solid black;
|
|
padding: 20px;
|
|
margin: 20px;
|
|
}
|
|
|
|
.ico_add {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.grid_table tr td .textarea {
|
|
width: 200px;
|
|
}
|
|
|
|
th.header {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.grid_mail_from {
|
|
width: 180px;
|
|
}
|
|
|
|
.grid_mail_subject {
|
|
width: 490px;
|
|
}
|
|
|
|
.grid_mail_time {
|
|
text-align: center;
|
|
}
|
|
|
|
ul.tabs {
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
width: auto;
|
|
float: left;
|
|
border-bottom: 1px solid black;
|
|
padding: 0px;
|
|
}
|
|
|
|
ul.tabs li {
|
|
float: left;
|
|
list-style: none;
|
|
border: 1px solid black;
|
|
margin: 0px 2px -1px 2px;
|
|
padding: 3px;
|
|
}
|
|
|
|
ul.tabs li a {
|
|
text-decoration: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
ul.tabs li.current {
|
|
border-bottom: 1px solid white;
|
|
}
|
|
|
|
.mail_to_field {
|
|
width: auto;
|
|
}
|
|
|
|
.mail_subject_field {
|
|
width: auto;
|
|
}
|
|
|
|
.button_link {
|
|
border: 1px solid black;
|
|
padding: 5px;
|
|
margin: 0px 10px 0px 0px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#mark_all {
|
|
margin-right: 5px;
|
|
width: 20px;
|
|
}
|
|
|
|
.mark_all_label {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#operation {
|
|
margin-right: 20px;
|
|
width: 190px;
|
|
}
|