| [vhffs-dev] [1896] Cleanup style. |
[ Thread Index |
Date Index
| More vhffs.org/vhffs-dev Archives
]
Revision: 1896
Author: beuss
Date: 2011-07-25 23:00:45 +0200 (Mon, 25 Jul 2011)
Log Message:
-----------
Cleanup style.
Removed all the font-size mess.
Modified Paths:
--------------
trunk/vhffs-themes/light-grey/main.css
Modified: trunk/vhffs-themes/light-grey/main.css
===================================================================
--- trunk/vhffs-themes/light-grey/main.css 2011-07-25 21:00:34 UTC (rev 1895)
+++ trunk/vhffs-themes/light-grey/main.css 2011-07-25 21:00:45 UTC (rev 1896)
@@ -8,7 +8,7 @@
/* SECTION 1 - MAIN BODY */
/*************************/
body {
- font-size: 10px;
+ font-size: 9pt;
margin: 0px auto;
padding: 0px;
background: rgb(227, 227, 227);
@@ -95,18 +95,19 @@
height: 14px;
}
-/*----------------------------*/ /* 2.3 - Navigation - Level 1 */
- /*----------------------------*/
+/*----------------------------*/
+/* 2.3 - Navigation - Level 1 */
+/*----------------------------*/
.nav1 {
width: 750px;
top: 35px;
position: absolute;
z-index: 3;
- background: transparent;;
- font-family: verdana, arial, sans serif;;
- font-size: 10px;;
- text-align: right;;
- padding: 2px 0px 20px 0px;;
+ background: transparent;
+ font-family: verdana, arial, sans serif;
+ font-size: 8pt;
+ text-align: right;
+ padding: 2px 0px 20px 0px;
font-weight: bold;
}
@@ -116,7 +117,6 @@
border-right: solid 1px rgb(115, 162, 182);
color: rgb(115, 162, 182);
text-decoration: none;
- font-size: 10px;
}
.nav1 a:first-child {
@@ -136,7 +136,6 @@
margin: 0px;
padding: 0px;
font-family: verdana, arial, sans serif;
- font-size: 10px;
margin-bottom: 60px;
min-height: 27px;
background-color: rgb(127, 162, 202);
@@ -160,7 +159,6 @@
#top-menu a {
text-transform: uppercase;
text-decoration: none;
- font-size: 100%;
color: rgb(255, 255, 255);
display: inline-block;
}
@@ -208,10 +206,6 @@
top: 0;
}
-#top-menu>ul ul {
- font-size: 100%;
-}
-
#top-menu>ul ul ul {
padding-bottom: 5px;
}
@@ -229,7 +223,6 @@
padding: 0px;
color: rgb(75, 75, 75);
background-color: rgb(255, 255, 255);
- font-size: 10px;
float: left;
}
@@ -242,7 +235,6 @@
padding: 0px;
color: rgb(75, 75, 75);
background-color: rgb(255, 255, 255);
- font-size: 10px;
}
div#left-menu h1,div#right-menu h1 {
@@ -267,7 +259,7 @@
border-top: solid 1px rgb(200, 200, 200);;
color: rgb(75, 75, 75);
font-weight: bold;
- font-size: 120%;;
+ font-size: 120%;
cursor: pointer;
}
@@ -290,7 +282,6 @@
border-left: solid 7px rgb(219, 230, 241);
color: rgb(75, 75, 75);
text-decoration: none;
- font-size: 120%;
}
div#left-menu a:hover {
@@ -444,7 +435,6 @@
}
div.tags-menu p.more-tags,div#public-content p.more-group {
- font-size: 12px;
text-align: center
}
@@ -453,15 +443,14 @@
}
/******************************************************************************/
- /* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
- /******************************************************************************/
+/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
+/******************************************************************************/
#public-content {
width: 410px;
min-height: 500px;
margin: 0px 0px 0px 0px;
padding: 0px 180px 10px 180px;
color: rgb(75, 75, 75);
- font-size: 10px;
}
#public-content h2 {
@@ -472,10 +461,6 @@
margin: 5px 0px 10px;
}
-#public-content p {
- font-size: 120%
-}
-
img.group-avatar {
width: 70px;
height: 100px;
@@ -545,10 +530,15 @@
color: rgb(75, 75, 75);
}
-/*********************************/ /* SECTION 6 - COMMON PARAMETERS */
- /*********************************/ /*--------------------*/
- /* 6.1 - Content Area */ /*--------------------*/
- /* Titles and textboxes*/
+/*********************************/
+/* SECTION 6 - COMMON PARAMETERS */
+/*********************************/
+
+/*--------------------*/
+/* 6.1 - Content Area */
+/*--------------------*/
+
+/* Titles and textboxes*/
h1 {
overflow: hidden;
margin: 0px 0px 10px 0px;
@@ -556,7 +546,7 @@
border-bottom: solid 3px rgb(88, 144, 168);
color: rgb(88, 144, 168);
font-weight: bold;
- font-size: 180%;
+ font-size: 120%;
}
h1 a {
@@ -571,7 +561,7 @@
padding: 0px;
color: rgb(88, 144, 168);
font-weight: bold;
- font-size: 160%;
+ font-size: 115%;
}
h3 {
@@ -580,7 +570,7 @@
padding: 0px;
color: rgb(88, 144, 168);
font-weight: bold;
- font-size: 140%;
+ font-size: 110%;
}
h4 {
@@ -588,7 +578,7 @@
padding: 0px;
color: rgb(88, 144, 168);
font-weight: bold;
- font-size: 120%;
+ font-size: 105%;
}
p.subtitle {
@@ -606,7 +596,6 @@
margin: 0px 0px 10px 0px;
padding: 0px 0px 2px 0px;
font-weight: bold;
- font-size: 200%;;
border: none;
}
@@ -631,7 +620,6 @@
background-color: rgb(235, 235, 235);
color: rgb(30, 30, 30);
border: 1px solid rgb(150, 150, 150);;
- font-size: 12px;
}
input[type=submit],button,input[type=submit]:focus {
@@ -671,10 +659,6 @@
height: 150px;
}
-label {
- font-size: 12px;
-}
-
label.own-line {
display: block;
margin-bottom: 0.2em;
@@ -709,9 +693,8 @@
border: 1px solid rgb(150, 150, 150);
background-color: rgb(240, 240, 240);
max-width: 500px;
- min-height: 50px;;
- font-size: 12px;;
- z-index: 200
+ min-height: 50px;
+ z-index: 200;
}
div.infoCentered {
@@ -723,10 +706,6 @@
padding: 10px 10px 1px 10px;
}
-div.info div.content ul {
- font-size: 12px
-}
-
div.info div.content p.info {
font-style: italic;
}
@@ -777,189 +756,6 @@
font-weight: bold;
}
-.content-title-noshade-size1 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 130%;
-}
-
-.content-title-noshade-size2 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 150%;
-}
-
-.content-title-noshade-size3 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 160%;
-}
-
-.content-title-noshade-size4 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 180%;
-}
-
-.content-title-noshade-size5 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 200%;
-}
-
-.content-title-shade-size1 {
- margin: 0px;
- padding: 0px 10px 0px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(100, 100, 100);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 130%;
-}
-
-.content-title-shade-size2 {
- margin: 0px;
- padding: 0px 10px 0px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 150%;
-}
-
-.content-title-shade-size3 {
- margin: 0px;
- padding: 0px 10px 0px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 160%;
-}
-
-.content-title-shade-size4 {
- margin: 0px;
- padding: 0px 10px 0px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 180%;
-}
-
-.content-title-shade-size5 {
- margin: 0px;
- padding: 0px 10px 0px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 200%;
-}
-
-.content-subtitle-noshade-size1 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 110%;
-}
-
-.content-subtitle-noshade-size2 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 120%;
-}
-
-.content-subtitle-noshade-size3 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 130%;
-}
-
-.content-subtitle-noshade-size4 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 140%;
-}
-
-.content-subtitle-noshade-size5 {
- margin: 0px;
- padding: 0px;
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 150%;
-}
-
-.content-subtitle-shade-size1 {
- margin: 0px;
- padding: 0px 10px 3px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 110%;
-}
-
-.content-subtitle-shade-size2 {
- margin: 0px;
- padding: 0px 10px 3px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 120%;
-}
-
-.content-subtitle-shade-size3 {
- margin: 0px;
- padding: 0px 10px 3px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 130%;
-}
-
-.content-subtitle-shade-size4 {
- margin: 0px;
- padding: 0px 10px 3px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 140%;
-}
-
-.content-subtitle-shade-size5 {
- margin: 0px;
- padding: 0px 10px 3px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(88, 144, 168);
- font-weight: bold;
- font-size: 150%;
-}
-
-.content-txtbox-noshade {
- margin: 0px;
- padding: 7px 0px 0px 0px;
- background-color: rgb(255, 255, 255);
-}
-
-.content-txtbox-shade {
- margin: 0px;
- padding: 7px 10px 5px 10px;
- background-color: rgb(235, 235, 235);
-}
-
hr {
color: rgb(200, 200, 200);
background-color: rgb(200, 200, 200);
@@ -977,88 +773,17 @@
font-family: arial, sans serif;
}
-p.readmore {
- margin: 1.0em 0px 0.5em 0px;
- padding: 0px;
- line-height: 1.2em;
- font-size: 110%;
-}
-
-p.quote {
- margin: 0em 30px 0.6em 30px;
- line-height: 120%;
- font-size: 120%;
-}
-
-p.embed {
- float: left;
- width: 120px;
- margin: 7px 7px 5px 0px;
- padding: 5px 5px 5px 5px;
- background-color: rgb(238, 237, 249);
- font-style: italic;
- font-weight: bold;
- line-height: 1.2em;
- font-size: 140%;
-}
-
-p.embed-caption {
- float: left;
- margin: 5px 0px 0px 0px;
- padding: 0px;
- font-style: italic;
- font-weight: normal;
- line-height: 1.2em;
- font-size: 70%;
-}
-
-/* Quote */
-p.quote {
- clear: left;
- margin: 0em 30px 0.6em 30px;
- line-height: 120%;
- font-size: 110%;
-}
-
-/* Embedded emphasis */
-.embed {
- float: left;
- width: 120px;
- margin: 2px 7px 2px 0px;
- padding: 5px 5px 5px 5px;
- background-color: rgb(238, 237, 249);
- font-style: italic;
- font-weight: bold;
- line-height: 1.2em;
- font-size: 140%;
-}
-
-.embed-caption {
- float: left;
- margin: 5px 0px 0px 0px;
- padding: 0px;
- font-style: italic;
- font-weight: normal;
- line-height: 1.2em;
- font-size: 70%;
-}
-
/* Lists */
ul {
margin: 0px 0px 7px 15px;
padding: 0px 0px 0px 15px;
font-family: arial;
- font-size: 120%;
}
ul li {
list-style-image: url('img/bullet.png');
}
-#public-content ul li p {
- font-size: 12px
-}
-
#public-content a.webarea-link,
#public-content a.webcvs-link,
#public-content a.websvn-link,
@@ -1074,25 +799,8 @@
padding: 0px 0px 0px 25px;
list-style-type: decimal;
list-style-position: outside;
- font-size: 120%;
}
-ul.linklist-noindent {
- margin: -0.3em 0px 0.5em 0px;
- padding: 0px;
- list-style-type: none;
- line-height: 1.2em;
- font-size: 120%;
-}
-
-ul.linklist-indent {
- margin: -0.3em 0px 0.5em 0px;
- padding: 0px 0px 0px 10px;
- list-style-type: none;
- line-height: 1.2em;
- font-size: 120%;
-}
-
/* Tables */
table {
border: solid 1px rgb(150, 150, 150);
@@ -1110,7 +818,6 @@
padding: 2px 7px 2px 7px;
border: solid 1px rgb(150, 150, 150);
text-align: left;
- font-size: 120%;
}
table th {
@@ -1119,7 +826,6 @@
border: solid 1px rgb(150, 150, 150);
empty-cells: show;
text-align: left;
- font-size: 120%;
}
table.moderation th {
@@ -1137,123 +843,9 @@
padding-bottom: 5px
}
-table.moderation tr.buttons td input {
- font-size: 11px;
-}
-
-/* Images */
-.img-left-noborder-notopmargin {
- float: left;
- margin: 0px 10px 0px 0px;
-}
-
-.img-left-noborder-topmargin {
- float: left;
- margin: 3px 10px 0px 0px;
-}
-
-.img-left-border-notopmargin {
- float: left;
- margin: 0px 10px 0px 0px;
- border: solid 1px rgb(150, 150, 150);
-}
-
-.img-left-border-topmargin {
- float: left;
- margin: 3px 10px 0px 0px;
- border: solid 1px rgb(150, 150, 150);
-}
-
-.img-right-noborder-notopmargin {
- float: right;
- margin: 0px 0px 0px 10px;
-}
-
-.img-right-noborder-topmargin {
- float: right;
- margin: 3px 0px 0px 10px;
-}
-
-.img-right-border-notopmargin {
- float: right;
- margin: 0px 0px 0px 10px;
- border: solid 1px rgb(150, 150, 150);
-}
-
-.img-right-border-topmargin {
- float: right;
- margin: 3px 0px 0px 10px;
- border: solid 1px rgb(150, 150, 150);
-}
-
-/*--------------------*/ /* 6.2 - Sidebar Area */
- /*--------------------*/
-.sidebar {
- overflow: hidden;
- float: right;
- width: 160px;
- min-height: 500px;
- margin: 0px;
- padding: 0px 0px 10px 0px;
- text-align: left;
- color: rgb(75, 75, 75);
-}
-
-.sidebar-maintitle {
- margin: 0px 0px 10px 0px;
- padding: 3px 10px 2px 10px;
- background-color: rgb(156, 186, 214);
- color: rgb(255, 255, 255);
- text-transform: uppercase;
- font-weight: bold;
- font-size: 120%;
-}
-
-.sidebar-title-noshade {
- margin: 0px;
- padding: 2px 10px 3px 10px;
- border-top: solid 1px rgb(215, 215, 215);
- color: rgb(75, 75, 75);
- font-weight: bold;
- font-size: 120%;
-}
-
-.sidebar-title-shade {
- margin: 0px;
- padding: 2px 10px 3px 10px;
- background-color: rgb(215, 215, 215);
- color: rgb(75, 75, 75);
- font-weight: bold;
- font-size: 120%;
-}
-
-.sidebar-txtbox-noshade {
- margin: 0px 0px 10px 0px;
- padding: 2px 10px 3px 10px;
-}
-
-.sidebar-txtbox-shade {
- margin: 0px 0px 10px 0px;
- padding: 2px 10px 3px 10px;
- background-color: rgb(235, 235, 235);
-}
-
-.sidebar-txtbox-noshade p {
- margin: 0px 0px 5px 0px;
- padding: 0px;
- line-height: 1.25em;
- font-size: 110%;
-}
-
-.sidebar-txtbox-shade p {
- margin: 0px 0px 5px 0px;
- padding: 0px;
- line-height: 1.25em;
- font-size: 110%;
-}
-
-/*--------------------*/ /* 6.3 - Footer Area */
- /*--------------------*/
+/*--------------------*/
+/* 6.3 - Footer Area */
+/*--------------------*/
#footer {
overflow: hidden;
clear: both;
@@ -1264,7 +856,6 @@
border-top: solid 1px rgb(125, 125, 125);
background-color: rgb(128, 161, 202);
color: rgb(255, 255, 255);
- font-size: 10px;
}
#footer p {
@@ -1272,10 +863,11 @@
padding: 0px;
text-align: center;
line-height: 1.3em;
- font-size: 110%;
}
-/*-------------------*/ /* 6.4 - Hyperlinks */ /*-------------------*/
+/*-------------------*/
+/* 6.4 - Hyperlinks */
+/*-------------------*/
a {
color: rgb(75, 75, 75);
text-decoration: underline;
@@ -1300,9 +892,13 @@
text-decoration: none;
}
-/*******************************/ /* SECTION 7 - GENERIC CLASSES */
- /*******************************/ /*-----------------------------*/
- /* 7.2 - Horizontal alignments */ /*-----------------------------*/
+/*******************************/
+/* SECTION 7 - GENERIC CLASSES */
+/*******************************/
+
+/*-----------------------------*/
+/* 7.2 - Horizontal alignments */
+/*-----------------------------*/
.align-left {
text-align: left;
}
@@ -1315,57 +911,9 @@
text-align: center;
}
-/*------------------*/ /* 7.3 Text colors */ /*------------------*/
-.txt-white {
- color: rgb(255, 255, 255);
-}
-
-.txt-black {
- color: rgb(0, 0, 0);
-}
-
-.txt-grey01 {
- color: rgb(242, 242, 242);
-}
-
-.txt-grey02 {
- color: rgb(230, 230, 230);
-}
-
-.txt-grey03 {
- color: rgb(217, 217, 217);
-}
-
-.txt-grey04 {
- color: rgb(204, 204, 204);
-}
-
-.txt-grey05 {
- color: rgb(191, 191, 191);
-}
-
-.txt-grey06 {
- color: rgb(178, 178, 178);
-}
-
-.txt-grey07 {
- color: rgb(153, 153, 153);
-}
-
-.txt-grey08 {
- color: rgb(127, 127, 127);
-}
-
-.txt-grey09 {
- color: rgb(89, 89, 89);
-}
-
-.txt-grey10 {
- color: rgb(51, 51, 51);
-}
-
-/*****************************/ /* SECTION 8 - MISCELLANEOUS */
- /*****************************/
+/*****************************/
+/* SECTION 8 - MISCELLANEOUS */
+/*****************************/
.clear {
clear: both;
}
@@ -1397,7 +945,6 @@
padding: 0px;
color: rgb(88, 144, 168);
font-weight: bold;
- font-size: 140%;
border: none;
}