Revize 935
Přidáno uživatelem Michal Kliment před více než 13 roky(ů)
| freenetis/branches/comments/media/css/style.css | ||
|---|---|---|
|
/* CSS Document */
|
||
|
* {
|
||
|
margin:0px;
|
||
|
padding:0px;
|
||
|
border:0px;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
color: #464646;
|
||
|
}
|
||
|
body, img, a {
|
||
|
|
||
|
}
|
||
|
html {
|
||
|
font-size: 11px;
|
||
|
line-height: 16px;
|
||
|
height:100%;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
body {
|
||
|
text-align:center;
|
||
|
height:100%;
|
||
|
}
|
||
|
table, input, textarea {
|
||
|
font-size:100%;
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
border-width: 0px 0px 0px 0px;
|
||
|
border-spacing: 0px;
|
||
|
}
|
||
|
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 {
|
||
|
position:relative;
|
||
|
width:1000px;
|
||
|
margin:auto;
|
||
|
background:#ffffff url(../images/bg-main250.jpg) left top repeat-y;
|
||
|
|
||
|
|
||
|
height:auto;
|
||
|
_height:100%; /* IE 6- */
|
||
|
min-height:100%;
|
||
|
}
|
||
|
|
||
|
#header {
|
||
|
position:relative;
|
||
|
height:90px;
|
||
|
background: url(../images/bg_header.jpg) repeat-x;
|
||
|
border-bottom:1px #CCCCCC solid;
|
||
|
}
|
||
|
#middle {
|
||
|
padding-bottom:50px;
|
||
|
}
|
||
|
|
||
|
#menu {
|
||
|
float:left;
|
||
|
display:inline;
|
||
|
width:250px;
|
||
|
text-align:left;
|
||
|
}
|
||
|
#menu-padd {
|
||
|
padding:10px;
|
||
|
}
|
||
|
|
||
|
#content {
|
||
|
width:750px;
|
||
|
float:left;
|
||
|
display:inline;
|
||
|
text-align:justify;
|
||
|
}
|
||
|
#content-padd {
|
||
|
padding:10px;
|
||
|
}
|
||
|
|
||
|
#footer {
|
||
|
position:absolute;
|
||
|
height:35px;
|
||
|
bottom:0px;
|
||
|
left:0px;
|
||
|
background: url(../images/bg_footer.jpg) top repeat-x;
|
||
|
border-top:1px #CCCCCC solid;
|
||
|
width:1000px;
|
||
|
}
|
||
|
#footer-padd {
|
||
|
padding-top:10px;
|
||
|
text-align:left;
|
||
|
}
|
||
|
|
||
|
/* -----#end LAYOUT-------- */
|
||
|
/* ------------------------ */
|
||
|
|
||
|
/* ------------------------ */
|
||
|
/* ------- BOXES ------ */
|
||
|
/* ------------------------ */
|
||
|
#header .separator1 {
|
||
|
background:url(../images/header_separator.jpg);
|
||
|
width:3px;
|
||
|
height:77px;
|
||
|
position:absolute;
|
||
|
left:248px;
|
||
|
top:11px;
|
||
|
}
|
||
|
#header .map {
|
||
|
position:absolute;
|
||
|
top:11px;
|
||
|
right:110px;
|
||
|
background:url(../images/header_map.jpg) no-repeat;
|
||
|
width:332px;
|
||
|
height:77px;
|
||
|
}
|
||
|
#header .status {
|
||
|
position:absolute;
|
||
|
left:260px;
|
||
|
top:20px;
|
||
|
text-align:left;
|
||
|
}
|
||
|
.status table {
|
||
|
margin-top:5px;
|
||
|
}
|
||
|
#header .logout {
|
||
|
position:absolute;
|
||
|
right:0;
|
||
|
top:43px;
|
||
|
width:110px;
|
||
|
}
|
||
|
#header .logout span {
|
||
|
background:url(../images/ico_logout.jpg) right 0px no-repeat;
|
||
|
padding-right: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 {
|
||
|
position:absolute;
|
||
|
top:24px;
|
||
|
left:18px;
|
||
|
background:url(../images/logo_freenetis.jpg);
|
||
|
width:212px;
|
||
|
height:49px;
|
||
|
}
|
||
|
h1#logo span {
|
||
|
visibility:hidden;
|
||
|
}
|
||
|
h2 {
|
||
|
padding-bottom:5px;
|
||
|
font-size: 17px;
|
||
|
}
|
||
|
h3 {
|
||
|
padding-bottom:5px;
|
||
|
}
|
||
|
.status span {
|
||
|
background: url(../images/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 {
|
||
|
|
||
|
}
|
||
|
#menu ul ul {
|
||
|
margin:0 0 10px 10px;
|
||
|
list-style-type:none;
|
||
|
}
|
||
|
#menu ul ul li {
|
||
|
background:url(../images/bull.gif) 0px 6px no-repeat;
|
||
|
padding-left:15px;
|
||
|
}
|
||
|
#menu li h2 {
|
||
|
color:#544A5C;
|
||
|
font-size:140%;
|
||
|
font-weight:normal;
|
||
|
padding-bottom: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 {
|
||
|
padding-left:45px;
|
||
|
padding-top:10px;
|
||
|
list-style-type:none;
|
||
|
background: #FFFFFF url(../images/bg-gray2.gif) repeat-x;
|
||
|
border:1px #ebebeb solid;
|
||
|
margin-bottom:10px;
|
||
|
}
|
||
|
|
||
|
#menu li.account {
|
||
|
background: #FFFFFF url(../images/menu/stock_contact.png) 10px 10px no-repeat;
|
||
|
}
|
||
|
#menu li.transfer {
|
||
|
background: #FFFFFF url(../images/menu/emblem-money.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.users {
|
||
|
background: #FFFFFF url(../images/menu/kuser.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.approval {
|
||
|
background: #FFFFFF url(../images/menu/approval.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.networks {
|
||
|
background: #FFFFFF url(../images/menu/gnome-fs-network.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.administration {
|
||
|
background: #FFFFFF url(../images/menu/administration.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.redirection {
|
||
|
background: #FFFFFF url(../images/menu/redirection.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.backup {
|
||
|
background: #FFFFFF url(../images/menu/backup.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#menu li.help {
|
||
|
background: #FFFFFF url(../images/menu/help.png) 5px 5px no-repeat;
|
||
|
}
|
||
|
#a_show_menu {
|
||
|
/* only for mobile phones */
|
||
|
display: none;
|
||
|
}
|
||
|
.help_16 {
|
||
|
cursor: help;
|
||
|
}
|
||
|
|
||
|
/* -------#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: 700px;
|
||
|
float: left;
|
||
|
border-bottom: 1px solid black;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
ul.tabs li {
|
||
|
float: left;
|
||
|
list-style: none;
|
||
|
border: 1px solid black;
|
||
|
margin: 0px 5px -1px 5px;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
|
||
|
ul.tabs li a {
|
||
|
text-decoration: none;
|
||
|
margin: 0px;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
ul.tabs li.current {
|
||
|
border-bottom: 1px solid white;
|
||
|
}
|
||
|
|
||
|
.mail_to_field {
|
||
|
width: 630px;
|
||
|
}
|
||
|
|
||
|
.mail_subject_field {
|
||
|
width: 650px;
|
||
|
}
|
||
|
|
||
|
.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;
|
||
|
}
|
||
|
|
||
|
.right {
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
#show_application_password_link {
|
||
|
float: right;
|
||
|
margin-right: 40px;
|
||
|
}
|
||
| freenetis/branches/comments/media/css/installation.css | ||
|---|---|---|
|
/* CSS Document */
|
||
|
* {
|
||
|
margin:0px;
|
||
|
padding:0px;
|
||
|
border:0px;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
color:#464646;
|
||
|
}
|
||
|
|
||
|
code {
|
||
|
font-family: Monospace;
|
||
|
}
|
||
|
|
||
|
html {
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
text-align:center;
|
||
|
color:#5B5B5B;
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
span {
|
||
|
color: #808080;
|
||
|
}
|
||
|
|
||
|
span.current {
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
ol, ul {
|
||
|
padding: 5px 5px 5px 22px;
|
||
|
}
|
||
|
|
||
|
.green {
|
||
|
color: green;
|
||
|
}
|
||
|
|
||
|
.red {
|
||
|
color: red;
|
||
|
}
|
||
|
|
||
|
#main {
|
||
|
position:relative;
|
||
|
text-align:left;
|
||
|
width:780px;
|
||
|
margin:55px auto 20px auto;
|
||
|
}
|
||
|
|
||
|
#main h1 {
|
||
|
background:url(../images/logo_freenetis2.jpg);
|
||
|
width:229px;
|
||
|
height:49px;
|
||
|
/*margin: 25px;*/
|
||
|
}
|
||
|
|
||
|
#main h1 em {
|
||
|
font-style: normal;
|
||
|
color: #f15900;
|
||
|
}
|
||
|
|
||
|
#main h1 span {
|
||
|
visibility:hidden;
|
||
|
}
|
||
|
|
||
|
#main h2 {
|
||
|
margin-bottom: 25px;
|
||
|
font-size:150%;
|
||
|
}
|
||
|
|
||
|
#main #main-padd {
|
||
|
padding:0px;
|
||
|
border:1px #CCCCCC solid;
|
||
|
position:relative;
|
||
|
margin:0px;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
#main #main-padd #left{
|
||
|
float: left;
|
||
|
width: 200px;
|
||
|
}
|
||
|
|
||
|
#main #main-padd #content{
|
||
|
float: left;
|
||
|
margin: 30px;
|
||
|
}
|
||
|
|
||
|
#main #main-padd #content p {
|
||
|
line-height: 18px;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
#main #main-padd #content ol, ul {
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
#main #main-padd #content ol li, #main #main-padd #content ul li {
|
||
|
line-height: 18px;
|
||
|
}
|
||
|
|
||
|
.clear {
|
||
|
clear:both;
|
||
|
}
|
||
|
|
||
|
#requirements td {
|
||
|
width: 280px;
|
||
|
|
||
|
}
|
||
|
|
||
|
input {
|
||
|
font-size: 15px;
|
||
|
padding: 2px;
|
||
|
line-height: 20px;
|
||
|
border: 1px solid #CCC;
|
||
|
}
|
||
|
|
||
|
#form {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
table.form {
|
||
|
border: 0px solid black;
|
||
|
width: 700px;
|
||
|
}
|
||
|
|
||
|
table.form th {
|
||
|
padding: 16px 10px 10px;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
width: 110px;
|
||
|
vertical-align: top;
|
||
|
border-bottom: 8px solid white;
|
||
|
}
|
||
|
|
||
|
table.form td {
|
||
|
border-bottom: 8px solid white;
|
||
|
padding: 0px 10px;
|
||
|
}
|
||
|
|
||
|
table.form tr {
|
||
|
background-color: #F1F1F1;
|
||
|
}
|
||
|
|
||
|
.submit, #submit {
|
||
|
cursor: pointer;
|
||
|
margin: 30px 0px;
|
||
|
padding: 6px 12px;
|
||
|
font-weight: bold;
|
||
|
background-color: white;
|
||
|
border: 1px solid #CCC;
|
||
|
border-radius: 15px;
|
||
|
-moz-border-radius: 15px;
|
||
|
}
|
||
|
|
||
|
textarea {
|
||
|
border: 1px solid black;
|
||
|
font-family: Monospace;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
div.flags {
|
||
|
text-align:right;
|
||
|
float:right;
|
||
|
}
|
||
|
|
||
|
th.group {
|
||
|
text-align: center;
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
p.error {
|
||
|
color: red;
|
||
|
}
|
||
|
|
||
|
#lock {
|
||
|
float:left;
|
||
|
width:120px;
|
||
|
height:120px;
|
||
|
background: url(../images/lock.png) top left no-repeat;
|
||
|
margin: 40px 0 0 20px;
|
||
|
}
|
||
|
|
||
|
div#login_div {
|
||
|
float: right;
|
||
|
/* margin-left: 20px;*/
|
||
|
}
|
||
|
|
||
|
p.registration {
|
||
|
float: right;
|
||
|
margin-top: 15px;
|
||
|
margin-right: 15px;
|
||
|
}
|
||
|
|
||
|
div#error {
|
||
|
background: url(../images/warning.gif) left top no-repeat;
|
||
|
padding:5px 5px 5px 40px;
|
||
|
margin:5px 0 5px 0;
|
||
|
}
|
||
|
|
||
|
div#error strong {
|
||
|
color:#CC0000;
|
||
|
}
|
||
|
|
||
|
.warning {
|
||
|
color: red;
|
||
|
}
|
||
|
|
||
|
.error {
|
||
|
color:#CC0000;
|
||
|
}
|
||
|
|
||
|
label.error {
|
||
|
display: block;
|
||
|
}
|
||
| freenetis/branches/comments/media/css/jquery.validate.password.css | ||
|---|---|---|
|
.password-meter {
|
||
|
position:relative;
|
||
|
width: 180px;
|
||
|
}
|
||
|
.password-meter-message {
|
||
|
text-align: right;
|
||
|
font-weight: bold;
|
||
|
color: #676767;
|
||
|
}
|
||
|
.password-meter-bg, .password-meter-bar {
|
||
|
height: 4px;
|
||
|
}
|
||
|
.password-meter-bg {
|
||
|
top: 8px;
|
||
|
background: #e0e0e0;
|
||
|
}
|
||
|
|
||
|
.password-meter-message-very-weak {
|
||
|
color: #aa0033;
|
||
|
}
|
||
|
.password-meter-message-weak {
|
||
|
color: #f5ac00;
|
||
|
}
|
||
|
.password-meter-message-good {
|
||
|
color: #6699cc;
|
||
|
}
|
||
|
.password-meter-message-strong {
|
||
|
color: #008000;
|
||
|
}
|
||
|
|
||
|
.password-meter-bg .password-meter-very-weak {
|
||
|
background: #aa0033;
|
||
|
width: 30px;
|
||
|
}
|
||
|
.password-meter-bg .password-meter-weak {
|
||
|
background: #f5ac00;
|
||
|
width: 60px;
|
||
|
}
|
||
|
.password-meter-bg .password-meter-good {
|
||
|
background: #6699cc;
|
||
|
width: 135px;
|
||
|
}
|
||
|
.password-meter-bg .password-meter-strong {
|
||
|
background: #008000;
|
||
|
width: 180px;
|
||
|
}
|
||
| freenetis/branches/comments/media/css/forms.css | ||
|---|---|---|
|
/* CSS Document */
|
||
|
|
||
|
/* ------------------------ */
|
||
|
/* -------- FORMS --------- */
|
||
|
/* ------------------------ */
|
||
|
|
||
|
table.form {
|
||
|
font-size:95%;
|
||
|
width:730px;
|
||
|
/*width:450px;*/
|
||
|
}
|
||
|
.form th {
|
||
|
background-color:#F1F1F1;
|
||
|
width:200px;
|
||
|
padding:5px 0 5px 2px;
|
||
|
text-align:left;
|
||
|
}
|
||
|
.form th.group {
|
||
|
margin-top:20px;
|
||
|
background:#ebebeb;
|
||
|
text-align:center;
|
||
|
color:#990000;
|
||
|
border:1px #CCCCCC solid;
|
||
|
width:auto;
|
||
|
}
|
||
|
input, .submit, select, textarea {
|
||
|
border:1px #CCCCCC solid;
|
||
|
vertical-align:middle;
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
input {
|
||
|
width:200px;
|
||
|
padding:2px;
|
||
|
}
|
||
|
textarea {
|
||
|
width:330px;
|
||
|
padding:2px;
|
||
|
}
|
||
|
|
||
|
option {
|
||
|
padding:1px 2px 1px 2px;
|
||
|
}
|
||
|
|
||
|
textarea {
|
||
|
height:50px;
|
||
|
overflow:auto;
|
||
|
}
|
||
|
.submit {
|
||
|
width:100px;
|
||
|
margin-top:0px;
|
||
|
background-color:#ffffff;
|
||
|
font-weight:bold;
|
||
|
padding:0px;
|
||
|
}
|
||
|
|
||
|
.form .submit {
|
||
|
width:100px;
|
||
|
margin-top:10px;
|
||
|
background-color:#ffffff;
|
||
|
font-weight:bold;
|
||
|
padding:2px;
|
||
|
}
|
||
|
|
||
|
.required {
|
||
|
background: url(../images/required.gif) top right no-repeat;
|
||
|
}
|
||
|
input:focus, select:focus, textarea:focus {
|
||
|
border-color: #FFA500;
|
||
|
background-color: #FAFAD2;
|
||
|
}
|
||
|
|
||
|
.checkbox, .radio {
|
||
|
width:auto;
|
||
|
margin:5px 0 5px 0;
|
||
|
}
|
||
|
/* ------#end FORMS-------- */
|
||
|
/* ------------------------ */
|
||
|
|
||
| freenetis/branches/comments/media/css/m.style.css | ||
|---|---|---|
|
/* 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/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_16x16.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/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;
|
||
|
}
|
||
| freenetis/branches/comments/media/css/m.forms.css | ||
|---|---|---|
|
/* FreeNetIS - CSS Document
|
||
|
*
|
||
|
* Author: Ondřej Fibich
|
||
|
* Purpose: Stylesheet of forms 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/
|
||
|
*/
|
||
|
|
||
|
/* ------------------------ */
|
||
|
/* -------- FORMS --------- */
|
||
|
/* ------------------------ */
|
||
|
|
||
|
table.form {
|
||
|
font-size:95%;
|
||
|
width:auto;
|
||
|
}
|
||
|
.form th {
|
||
|
background-color:#F1F1F1;
|
||
|
width: auto;
|
||
|
padding:5px 0 5px 2px;
|
||
|
text-align:left;
|
||
|
}
|
||
|
.form th.group {
|
||
|
margin-top:20px;
|
||
|
background:#ebebeb;
|
||
|
text-align:center;
|
||
|
color:#990000;
|
||
|
border:1px #CCCCCC solid;
|
||
|
width:auto;
|
||
|
}
|
||
|
input, .submit, select, textarea {
|
||
|
border:1px #CCCCCC solid;
|
||
Také k dispozici: Unified diff
Vetev s podporou komentovani takrka cehokoliv ve freenetisu. Implementace http://vyuka.slfree.net/mod/forum/discuss.php?d=1389 a http://vyuka.slfree.net/mod/forum/discuss.php?d=1644