stylesheets/base.css in app-themer-0.4.1 vs stylesheets/base.css in app-themer-0.4.6

@@ -66,111 +66,135 @@
 
 /*
  * base styles
  */
 
- body {
-   font:13px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; *font-size:small; *font:x-small; line-height:1.22;
-   line-height: 160%;
-   background-color: #e5e5e5;
- }
- body, select, input, textarea { color:#111; }
- a {color: #111;}
- h1 {font-size: 197%; letter-spacing: -1px;}
- h2 {font-size: 182%;margin: 15px 0;letter-spacing: -1px;}
- p {margin: 15px 0;}
- .small {font-size: 85%;}
- .gray {
-   color: #999;
-   font-style: italic;
-   font-family: Georgia, serif;
- }
+body {
+ font:13px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; *font-size:small; *font:x-small; line-height:1.22;
+ line-height: 160%;
+ background-color: #e5e5e5;
+}
+body, select, input, textarea { color:#111; }
+a {color: #111;}
+h1 {font-size: 197%; letter-spacing: -1px;}
+h2 {font-size: 182%;margin: 15px 0;letter-spacing: -1px;}
+p {margin: 15px 0;}
+.small {font-size: 85%;}
+.gray {
+ color: #999;
+ font-style: italic;
+ font-family: Georgia, serif;
+}
 
- .highlight {
-   color: #363636;
-   background-color: #ff8;
-   font-weight: bold;
- }
+.highlight {
+ color: #363636;
+ background-color: #ff8;
+ font-weight: bold;
+}
 
- nav ul li {
-   float: left;
-   padding: 0 15px;
- }
+nav ul li {
+ float: left;
+ padding: 0 15px;
+}
 
- nav ul li a {
-   text-decoration: none;
- }
+nav ul li a {
+ text-decoration: none;
+}
 
- #wrapper {
-   padding: 20px;
- }
+#wrapper {
+ padding: 20px;
+}
 
- #main {
-   float:left;
-   width:71%;
- }
+#main {
+ float:left;
+ width:71%;
+}
 
- .pagination a, .pagination span, .pagination em {
-   padding: 2px 5px;
-   margin-right: 5px;
-   display: block;
-   float: left;
-   border-style: solid;
-   border-width: 1px;
- }
+.pagination a, .pagination span, .pagination em {
+ padding: 2px 5px;
+ margin-right: 5px;
+ display: block;
+ float: left;
+ border-style: solid;
+ border-width: 1px;
+}
 
- .pagination em {
-   font-weight: bold;
- }
+.pagination em {
+ font-weight: bold;
+}
 
- .pagination a {
-   text-decoration: none;
- }
+.pagination a {
+ text-decoration: none;
+}
 
- a.button:link, a.button:visited, a.button:hover, a.button:active, button.button {
-   color: #222;
-   display:block;
-   float:left;
-   margin:0 7px 0 0;
-   background-color: #eee;
-   border:1px solid #bfbfbf;
-   font-size: 1em;
-   line-height: 1.3em;
-   font-weight:bold;
-   cursor:pointer;
-   padding:5px 10px 6px 7px;
-   text-decoration: none;
- }
+a.button:link, a.button:visited, a.button:hover, a.button:active, button.button {
+ color: #222;
+ display:block;
+ float:left;
+ margin:0 7px 0 0;
+ background-color: #eee;
+ border:1px solid #bfbfbf;
+ font-size: 1em;
+ line-height: 1.3em;
+ font-weight:bold;
+ cursor:pointer;
+ padding:5px 10px 6px 7px;
+ text-decoration: none;
+}
 
- button.button {
-   width:auto;
-   overflow:visible;
-   padding:4px 10px 3px 7px; /* IE6 */
- }
- button.button[type] {
-   padding:5px 10px 5px 7px; /* Firefox */
-   line-height:17px; /* Safari */
- }
+button.button {
+ width:auto;
+ overflow:visible;
+ padding:4px 10px 3px 7px; /* IE6 */
+}
+button.button[type] {
+ padding:5px 10px 5px 7px; /* Firefox */
+ line-height:17px; /* Safari */
+}
 
- *:first-child+html button.button[type] {
-   padding:4px 10px 3px 7px; /* IE7 */
- }
+*:first-child+html button.button[type] {
+ padding:4px 10px 3px 7px; /* IE7 */
+}
 
- button.button img, a.button img {
-   margin:0 3px -3px 0 !important;
-   padding:0;
-   border:none;
-   width:16px;
-   height:16px;
- }
+button.button img, a.button img {
+ margin:0 3px -3px 0 !important;
+ padding:0;
+ border:none;
+ width:16px;
+ height:16px;
+}
 
- button.button:hover, a.button:hover {
-   background-color:#dedede;
- }
+button.button:hover, a.button:hover {
+ background-color:#dedede;
+}
 
- button.button:active, a.button:active {
-   background-color:#e5e5e5;
- }
+button.button:active, a.button:active {
+ background-color:#e5e5e5;
+}
+
+/* box */
+
+#box {
+ width: 500px;
+ margin: 50px auto;
+}
+
+#box h1 {
+  margin-bottom: 15px;
+}
+
+#box section {
+ margin-bottom: 20px;
+}
+
+#box section h2 {
+ padding: 10px 15px;
+ margin: 0;
+}
+
+#box section .content {
+ padding: 10px 20px;
+}
 
 /*
  * print styles
  */
 @media print {