IntenseWebs/freeipa
3
0
Fork 0
mirror of https://salsa.debian.org/freeipa-team/freeipa.git synced 2025-02-25 18:55:28 -06:00
Code Issues Packages Projects Releases Wiki Activity

px to em

Browse Source 
Making all of the page elements based on the font size.
Also, set the font to the defauklt for the browser.
By default, most brosers have Font set to 16px.
This commit is contained in:
Adam Young
2010-11-15 15:06:43 -05:00
committed by Endi Sukma Dewata
parent 9ea16ebce5
commit 455bf4d288
1 changed files with 37 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
install/static/ipa.css
View File

@@ -7,14 +7,15 @@
body{ body{
font: 62.5% "Trebuchet MS", sans-serif; margin: 5px; font: 1em "Trebuchet MS", sans-serif;
margin: .2em;
} }
.demoHeaders { margin-top: 2em; } .demoHeaders { margin-top: 2em; }
.input_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative; cursor: pointer; } .input_link {padding: .4em 1em .4em 1.5em;text-decoration: none;position: relative; cursor: pointer; }
.input_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} .input_link span.ui-icon {margin: 0 0.4em 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
@@ -23,7 +24,7 @@ div.header {
background-image: url(header_background.png); background-image: url(header_background.png);
background: -moz-linear-gradient(top, #65646e, #1f1f1f); background: -moz-linear-gradient(top, #65646e, #1f1f1f);
background-color: #1f1f1f; background-color: #1f1f1f;
height: 25px; height: 2em;
width: 100%; width: 100%;
} }
@@ -42,13 +43,12 @@ div.header a:visited {
} }
div.header span.header-logo { div.header span.header-logo {
# float: left; padding-left: 6em;
padding-left: 100px;
} }
div.header span.header-logo a img { div.header span.header-logo a img {
border: 0; border: 0;
height: 25px; height: 1.8em;
} }
div.header span.header-loggedinas { div.header span.header-loggedinas {
@@ -76,6 +76,7 @@ h1 {
} }
div#content { div#content {
margin-top: 0.4em;
position: relative; position: relative;
width: 100%; width: 100%;
} }
@@ -197,7 +198,7 @@ span.attrhint {
.ui-tabs .ui-tabs-nav li { .ui-tabs .ui-tabs-nav li {
height: 30px; height: 2em;
margin: 0 0 0 0; margin: 0 0 0 0;
padding: 0 0 0 0; padding: 0 0 0 0;
border-width: 0; border-width: 0;
@@ -230,13 +231,14 @@ span.attrhint {
.tabs2 .ui-tabs-nav { .tabs2 .ui-tabs-nav {
background-image: url(Subnav-background.png); background-image: url(Subnav-background.png);
padding-top: 0px; padding-top: 0;
margin: 0; margin: 0;
height: 1.8em;
} }
.tabs2 .ui-tabs-nav li a{ .tabs2 .ui-tabs-nav li a{
height: 10%; height: 9%;
background-image: url(Subnav-background.png); background-image: url(Subnav-background.png);
color: white; color: white;
} }
@@ -247,16 +249,17 @@ span.attrhint {
.tabs2 .ui-tabs-nav li{ .tabs2 .ui-tabs-nav li{
height: 10%; height: 20%;
background-image: url(Subnav-background.png); background-image: url(Subnav-background.png);
color: white; color: white;
} }
.tabs2 .ui-tabs-nav li.ui-tabs-selected a{ .tabs2 .ui-tabs-nav li.ui-tabs-selected a{
-moz-border-radius: 15px; -moz-border-radius: 2em;
border-radius: 15px; border-radius: 2em;
background-image: url(Subnav-onbutton.png); background-image: url(Subnav-onbutton.png);
color: white; color: white;
height: 0.8em;
} }
span.sub-nav-off > a:link, span.sub-nav-off > a:visited{ span.sub-nav-off > a:link, span.sub-nav-off > a:visited{
@@ -269,7 +272,7 @@ span.main-nav-off > a:link, span.main-nav-off > a:visited{
span.main-separator{ span.main-separator{
background: #333339; background: #333339;
padding:1px; padding:0.1em;
} }
@@ -278,21 +281,23 @@ span.main-separator{
.entity-container{ .entity-container{
position: relative; position: relative;
margin: 10px; width: 80%;
padding: 10px; margin: 0.06em;
padding: 0.06em;
background: #e8e8e8; background: #e8e8e8;
} }
.action-panel { .action-panel {
position:relative; position:relative;
left: -20px; left: -1.2em;
border-width: thin; border-width: thin;
border-style: solid; border-style: solid;
border-color: black; border-color: black;
float: left; float: left;
margin-top:75px; margin-top: 5em;
margin-left: 40px; margin-left: 2.5em;
padding-bottom: 1em;
} }
.action-panel h3{ .action-panel h3{
@@ -304,11 +309,12 @@ span.main-separator{
} }
.action-panel li { .action-panel li {
height: 25px; height: 2em;
padding: 0.2em;
} }
.client { .client {
margin-top: 0.4em;
float: left; float: left;
} }
@@ -319,7 +325,7 @@ span.main-separator{
height: 25px; height: 25px;
background:#a5a5a5; background:#a5a5a5;
position: relative; position: relative;
padding: 10px; padding: 0.7em;
} }
.search-table > a:link,a:visted{ .search-table > a:link,a:visted{
@@ -327,7 +333,7 @@ span.main-separator{
} }
.search-table{ .search-table{
padding: 0px; padding: 0;
width:100%; width:100%;
border-width: thin; border-width: thin;
border-style: solid; border-style: solid;
@@ -356,7 +362,7 @@ span.main-separator{
.entity-views li { .entity-views li {
display:inline; display:inline;
cursor: pointer; cursor: pointer;
padding: 3px; padding: 0.4em;
} }
.strikethrough { text-decoration: line-through; } .strikethrough { text-decoration: line-through; }
@@ -383,22 +389,22 @@ span.main-separator{
dl.modal { dl.modal {
clear: both; clear: both;
margin-left: 15px; margin-left: 1em;
margin-top: 18px; margin-top: 1em;
white-space: nowrap; white-space: nowrap;
} }
dl.modal dt { dl.modal dt {
clear: left; clear: left;
float: left; float: left;
padding-bottom: 0px; padding-bottom: 0;
padding-right: 0px; padding-right: 0;
text-align: right; text-align: right;
width: 150px; width: 10em;
} }
dl.modal dd { dl.modal dd {
float: left; float: left;
padding-bottom: 0px; padding-bottom: 0;
margin-left: 10px; margin-left: 0.8em;
} }