common shimmie styles
This commit is contained in:
Shish
parent
8f020993ac
commit
5dd2886b53
5 changed files with 280 additions and 334 deletions
|
|
@ -1,291 +1,279 @@
|
|||
.noleft{
|
||||
padding-left:20px;
|
||||
}
|
||||
HEADER {
|
||||
margin-bottom:1em;
|
||||
}
|
||||
HEADER #site-title {
|
||||
padding:10px 20px 0;
|
||||
}
|
||||
HEADER ul#navbar {
|
||||
margin:0;
|
||||
padding:5px 20px 2px 10px;
|
||||
}
|
||||
HEADER ul#navbar li {
|
||||
font-size:120%;
|
||||
margin:0;
|
||||
padding:0 10px 2px;
|
||||
}
|
||||
HEADER ul#navbar li.current-page {
|
||||
background-color:#F7F7FF;
|
||||
}
|
||||
HEADER ul#navbar li.current-page a {
|
||||
font-weight:bold;
|
||||
}
|
||||
HEADER ul#subnavbar {
|
||||
background-color:#F7F7FF;
|
||||
margin:0 0 1em;
|
||||
padding:5px 20px 5px 15px;
|
||||
}
|
||||
HEADER ul#subnavbar li {
|
||||
padding:0 5px;
|
||||
}
|
||||
HEADER #site-title {
|
||||
padding:10px 20px 0;
|
||||
}
|
||||
body {
|
||||
-x-system-font:none;
|
||||
background-color:#FFFFFF;
|
||||
font-family:verdana,sans-serif;
|
||||
font-size:80%;
|
||||
font-size-adjust:none;
|
||||
font-stretch:normal;
|
||||
font-style:normal;
|
||||
font-variant:normal;
|
||||
font-weight:normal;
|
||||
line-height:normal;
|
||||
}
|
||||
h1 {
|
||||
font-size:2em;
|
||||
margin-bottom:0;
|
||||
margin-top:0;
|
||||
padding:2px;
|
||||
}
|
||||
h1 a {
|
||||
color:black;
|
||||
}
|
||||
h3 {
|
||||
font-size:1.2em;
|
||||
margin-bottom:0;
|
||||
margin-top:0.5em;
|
||||
padding:1px;
|
||||
}
|
||||
h4 {
|
||||
font-size:1.4em;
|
||||
}
|
||||
h5 {
|
||||
font-size:1.2em;
|
||||
}
|
||||
table.zebra {border-collapse: collapse;border-spacing: 0;}
|
||||
table.zebra > tbody > tr:hover {background: #FFD;}
|
||||
table.zebra th {color: #171BB3; padding-right: 8px;}
|
||||
table.zebra td {border: 1px dotted #EEE;margin: 0;padding-right: 8px;}
|
||||
table.zebra th {margin: 0;text-align: left;}
|
||||
thead {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
font-weight:bold;
|
||||
}
|
||||
td {
|
||||
vertical-align:top;
|
||||
}
|
||||
#subtitle {
|
||||
border-top:medium none;
|
||||
font-size:0.75em;
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
width:256px;
|
||||
}
|
||||
ARTICLE select {
|
||||
width:150px;
|
||||
}
|
||||
td > input[type="submit"] {width: 100%;}
|
||||
td > input[type="text"] {width: 100%;}
|
||||
td > input[type="password"] {width: 100%;}
|
||||
FOOTER {
|
||||
clear:both;
|
||||
color:#CCCCCC;
|
||||
font-size:0.9em;
|
||||
padding-left:10px;
|
||||
padding-top:8px;
|
||||
}
|
||||
[onclick] {
|
||||
cursor:pointer;
|
||||
}
|
||||
img {
|
||||
border:medium none;
|
||||
}
|
||||
form {
|
||||
margin:0;
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
NAV {
|
||||
float:left;
|
||||
text-align:left;
|
||||
width:150px;
|
||||
padding:5px 20px 2px 10px;
|
||||
}
|
||||
NAV table {
|
||||
width:150px;
|
||||
}
|
||||
NAV td {
|
||||
vertical-align:middle;
|
||||
}
|
||||
NAV input {
|
||||
padding:0;
|
||||
width:100%;
|
||||
}
|
||||
NAV select {
|
||||
padding:0;
|
||||
width:100%;
|
||||
}
|
||||
NAV h3 {
|
||||
text-align:left;
|
||||
}
|
||||
#comments p {
|
||||
max-width:150px;
|
||||
overflow:hidden;
|
||||
text-align:left;
|
||||
width:150px;
|
||||
}
|
||||
.tag_count {
|
||||
color:#AAAAAA;
|
||||
}
|
||||
.more {
|
||||
content:"More <20>â";
|
||||
}
|
||||
.comment {
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.comment .meta {
|
||||
width: 150px;
|
||||
color: gray;
|
||||
}
|
||||
.comment TD {
|
||||
text-align: left;
|
||||
}
|
||||
.withleft {
|
||||
margin-left:180px;
|
||||
}
|
||||
div#paginator {
|
||||
clear:both;
|
||||
display:block;
|
||||
font-size:1em;
|
||||
font-weight:bold;
|
||||
padding:2em 0 1em;
|
||||
text-align:center;
|
||||
}
|
||||
.paginator {
|
||||
margin:16px;
|
||||
text-align:center;
|
||||
}
|
||||
div#paginator b {
|
||||
margin:3px;
|
||||
padding:4px 8px;
|
||||
}
|
||||
div#paginator a {
|
||||
border:1px solid #EEEEEE;
|
||||
margin:3px;
|
||||
padding:4px 8px;
|
||||
}
|
||||
div#paginator a:hover {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
background:blue none repeat scroll 0 0;
|
||||
border:1px solid #EEEEEE;
|
||||
color:white;
|
||||
}
|
||||
span.thumb {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
height:220px;
|
||||
text-align:center;
|
||||
width:220px;
|
||||
}
|
||||
#pagelist {
|
||||
margin-top:32px;
|
||||
}
|
||||
#large_upload_form {
|
||||
width:600px;
|
||||
}
|
||||
.setupblock {
|
||||
border:1px solid #AAAAAA;
|
||||
margin:16px;
|
||||
padding:8px;
|
||||
width:350px;
|
||||
}
|
||||
.helpable {
|
||||
border-bottom:1px dashed gray;
|
||||
}
|
||||
.ok {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
background:#AAFFAA none repeat scroll 0 0;
|
||||
}
|
||||
.bad {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
background:#FFAAAA none repeat scroll 0 0;
|
||||
}
|
||||
.comment .username {
|
||||
font-size:1.5em;
|
||||
font-weight:bold;
|
||||
}
|
||||
HEADER {
|
||||
text-align:left;
|
||||
}
|
||||
HEADER h1 {
|
||||
text-align:left;
|
||||
}
|
||||
* {
|
||||
font-family:verdana,sans-serif;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
a:link {
|
||||
color:#006FFA;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:visited {
|
||||
color:#006FFA;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#33CFFF;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:active {
|
||||
color:#006FFA;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul.flat-list {
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
ul.flat-list * {
|
||||
display:inline;
|
||||
text-align:left;
|
||||
}
|
||||
ul.flat-list li {
|
||||
font-weight:bold;
|
||||
list-style-type:none;
|
||||
margin:0 1.3em 0 0;
|
||||
text-align:left;
|
||||
}
|
||||
ul.flat-list li a {
|
||||
font-weight:normal;
|
||||
}
|
||||
#tips {
|
||||
margin-left:16px;
|
||||
}
|
||||
#blotter1 {
|
||||
margin-left:16px;
|
||||
margin-right:16px;
|
||||
font-size: 90%;
|
||||
position: relative;
|
||||
}
|
||||
#blotter2 {
|
||||
margin-left:16px;
|
||||
margin-right:16px;
|
||||
font-size: 90%;
|
||||
}
|
||||
.noleft{
|
||||
padding-left:20px;
|
||||
}
|
||||
HEADER {
|
||||
margin-bottom:1em;
|
||||
}
|
||||
HEADER #site-title {
|
||||
padding:10px 20px 0;
|
||||
}
|
||||
HEADER ul#navbar {
|
||||
margin:0;
|
||||
padding:5px 20px 2px 10px;
|
||||
}
|
||||
HEADER ul#navbar li {
|
||||
font-size:120%;
|
||||
margin:0;
|
||||
padding:0 10px 2px;
|
||||
}
|
||||
HEADER ul#navbar li.current-page {
|
||||
background-color:#F7F7FF;
|
||||
}
|
||||
HEADER ul#navbar li.current-page a {
|
||||
font-weight:bold;
|
||||
}
|
||||
HEADER ul#subnavbar {
|
||||
background-color:#F7F7FF;
|
||||
margin:0 0 1em;
|
||||
padding:5px 20px 5px 15px;
|
||||
}
|
||||
HEADER ul#subnavbar li {
|
||||
padding:0 5px;
|
||||
}
|
||||
HEADER #site-title {
|
||||
padding:10px 20px 0;
|
||||
}
|
||||
body {
|
||||
-x-system-font:none;
|
||||
background-color:#FFFFFF;
|
||||
font-family:verdana,sans-serif;
|
||||
font-size:80%;
|
||||
font-size-adjust:none;
|
||||
font-stretch:normal;
|
||||
font-style:normal;
|
||||
font-variant:normal;
|
||||
font-weight:normal;
|
||||
line-height:normal;
|
||||
}
|
||||
h1 {
|
||||
font-size:2em;
|
||||
margin-bottom:0;
|
||||
margin-top:0;
|
||||
padding:2px;
|
||||
}
|
||||
h1 a {
|
||||
color:black;
|
||||
}
|
||||
h3 {
|
||||
font-size:1.2em;
|
||||
margin-bottom:0;
|
||||
margin-top:0.5em;
|
||||
padding:1px;
|
||||
}
|
||||
h4 {
|
||||
font-size:1.4em;
|
||||
}
|
||||
h5 {
|
||||
font-size:1.2em;
|
||||
}
|
||||
table.zebra {border-collapse: collapse;border-spacing: 0;}
|
||||
table.zebra > tbody > tr:hover {background: #FFD;}
|
||||
table.zebra th {color: #171BB3; padding-right: 8px;}
|
||||
table.zebra td {border: 1px dotted #EEE;margin: 0;padding-right: 8px;}
|
||||
table.zebra th {margin: 0;text-align: left;}
|
||||
thead {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
font-weight:bold;
|
||||
}
|
||||
td {
|
||||
vertical-align:top;
|
||||
}
|
||||
#subtitle {
|
||||
border-top:medium none;
|
||||
font-size:0.75em;
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
width:256px;
|
||||
}
|
||||
FOOTER {
|
||||
clear:both;
|
||||
color:#CCCCCC;
|
||||
font-size:0.9em;
|
||||
padding-left:10px;
|
||||
padding-top:8px;
|
||||
}
|
||||
form {
|
||||
margin:0;
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
NAV {
|
||||
float:left;
|
||||
text-align:left;
|
||||
width:150px;
|
||||
padding:5px 20px 2px 10px;
|
||||
}
|
||||
NAV table {
|
||||
width:150px;
|
||||
}
|
||||
NAV td {
|
||||
vertical-align:middle;
|
||||
}
|
||||
NAV input {
|
||||
padding:0;
|
||||
width:100%;
|
||||
}
|
||||
NAV select {
|
||||
padding:0;
|
||||
width:100%;
|
||||
}
|
||||
NAV h3 {
|
||||
text-align:left;
|
||||
}
|
||||
#comments p {
|
||||
max-width:150px;
|
||||
overflow:hidden;
|
||||
text-align:left;
|
||||
width:150px;
|
||||
}
|
||||
.tag_count {
|
||||
color:#AAAAAA;
|
||||
}
|
||||
.more {
|
||||
content:"More â";
|
||||
}
|
||||
.comment {
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.comment .meta {
|
||||
width: 150px;
|
||||
color: gray;
|
||||
}
|
||||
.comment TD {
|
||||
text-align: left;
|
||||
}
|
||||
.withleft {
|
||||
margin-left:180px;
|
||||
}
|
||||
div#paginator {
|
||||
clear:both;
|
||||
display:block;
|
||||
font-size:1em;
|
||||
font-weight:bold;
|
||||
padding:2em 0 1em;
|
||||
text-align:center;
|
||||
}
|
||||
.paginator {
|
||||
margin:16px;
|
||||
text-align:center;
|
||||
}
|
||||
div#paginator b {
|
||||
margin:3px;
|
||||
padding:4px 8px;
|
||||
}
|
||||
div#paginator a {
|
||||
border:1px solid #EEEEEE;
|
||||
margin:3px;
|
||||
padding:4px 8px;
|
||||
}
|
||||
div#paginator a:hover {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
background:blue none repeat scroll 0 0;
|
||||
border:1px solid #EEEEEE;
|
||||
color:white;
|
||||
}
|
||||
span.thumb {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
height:220px;
|
||||
text-align:center;
|
||||
width:220px;
|
||||
}
|
||||
#pagelist {
|
||||
margin-top:32px;
|
||||
}
|
||||
#large_upload_form {
|
||||
width:600px;
|
||||
}
|
||||
.setupblock {
|
||||
border:1px solid #AAAAAA;
|
||||
margin:16px;
|
||||
padding:8px;
|
||||
width:350px;
|
||||
}
|
||||
.helpable {
|
||||
border-bottom:1px dashed gray;
|
||||
}
|
||||
.ok {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
background:#AAFFAA none repeat scroll 0 0;
|
||||
}
|
||||
.bad {
|
||||
-moz-background-clip:border;
|
||||
-moz-background-inline-policy:continuous;
|
||||
-moz-background-origin:padding;
|
||||
background:#FFAAAA none repeat scroll 0 0;
|
||||
}
|
||||
.comment .username {
|
||||
font-size:1.5em;
|
||||
font-weight:bold;
|
||||
}
|
||||
HEADER {
|
||||
text-align:left;
|
||||
}
|
||||
HEADER h1 {
|
||||
text-align:left;
|
||||
}
|
||||
* {
|
||||
font-family:verdana,sans-serif;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
a:link {
|
||||
color:#006FFA;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:visited {
|
||||
color:#006FFA;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#33CFFF;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:active {
|
||||
color:#006FFA;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul.flat-list {
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
ul.flat-list * {
|
||||
display:inline;
|
||||
text-align:left;
|
||||
}
|
||||
ul.flat-list li {
|
||||
font-weight:bold;
|
||||
list-style-type:none;
|
||||
margin:0 1.3em 0 0;
|
||||
text-align:left;
|
||||
}
|
||||
ul.flat-list li a {
|
||||
font-weight:normal;
|
||||
}
|
||||
#tips {
|
||||
margin-left:16px;
|
||||
}
|
||||
#blotter1 {
|
||||
margin-left:16px;
|
||||
margin-right:16px;
|
||||
font-size: 90%;
|
||||
position: relative;
|
||||
}
|
||||
#blotter2 {
|
||||
margin-left:16px;
|
||||
margin-right:16px;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,15 +45,6 @@ TD {
|
|||
vertical-align: top;
|
||||
text-align: center;
|
||||
}
|
||||
ARTICLE SELECT {width: 150px;}
|
||||
INPUT, TEXTAREA {box-sizing: border-box;}
|
||||
TD>INPUT[type="button"] {width: 100%;}
|
||||
TD>INPUT[type="submit"] {width: 100%;}
|
||||
TD>INPUT[type="text"] {width: 100%;}
|
||||
TD>INPUT[type="password"] {width: 100%;}
|
||||
TD>TEXTAREA {width: 100%;}
|
||||
TD>SELECT {width: 100%;}
|
||||
[onclick] {cursor:pointer;}
|
||||
|
||||
TABLE.zebra {border-spacing: 0px; border: 2px solid #CCC;}
|
||||
TABLE.zebra TD, TABLE.zebra TH {vertical-align: middle; padding: 4px;}
|
||||
|
|
@ -63,10 +54,6 @@ TABLE.zebra TR TD {border-bottom: 1px solid #DDD;}
|
|||
TABLE.zebra TR:nth-child(odd) {background: #EFEFEF;}
|
||||
TABLE.zebra TR:nth-child(even) {background: #E0E0E0;}
|
||||
|
||||
TABLE.form TD, TABLE.form TH {vertical-align: middle;}
|
||||
TABLE.form TBODY TD {text-align: left;}
|
||||
TABLE.form TBODY TH {text-align: right; padding-right: 4px; width: 1%;}
|
||||
|
||||
FOOTER {
|
||||
clear: both;
|
||||
font-size: 0.7em;
|
||||
|
|
@ -75,9 +62,6 @@ FOOTER {
|
|||
border: 1px solid #AAA;
|
||||
}
|
||||
|
||||
*[onclick] {cursor: pointer;}
|
||||
IMG {border: none;}
|
||||
FORM {margin: 0px;}
|
||||
A {text-decoration: none;}
|
||||
A:hover {text-decoration: underline;}
|
||||
|
||||
|
|
|
|||
|
|
@ -28,9 +28,6 @@ FOOTER {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
*[onclick] {cursor: pointer;}
|
||||
IMG {border: none;}
|
||||
FORM {margin: 0px;}
|
||||
A, A:visited {text-decoration: none; color: #0000EE;}
|
||||
A:hover {text-decoration: underline; color: #DD0000;}
|
||||
HR {border: none; border-top: 1px solid #D9BFB7; height: 0px; clear: both;}
|
||||
|
|
|
|||
|
|
@ -133,13 +133,6 @@ CODE {
|
|||
border-top: none;
|
||||
background: #DDD;
|
||||
}
|
||||
ARTICLE SELECT {width: 150px;}
|
||||
TD>INPUT[type="submit"] {width: 100%;}
|
||||
TD>INPUT[type="text"] {width: 100%;}
|
||||
TD>INPUT[type="password"] {width: 100%;}
|
||||
TD>TEXTAREA {width: 100%;}
|
||||
TD>SELECT {width: 100%;}
|
||||
[onclick] {cursor:pointer;}
|
||||
|
||||
TABLE.zebra {border-spacing: 0px; border: 2px solid #C3D2E0;}
|
||||
TABLE.zebra TD, TABLE.zebra TH {vertical-align: middle; padding: 4px;}
|
||||
|
|
@ -173,9 +166,6 @@ FOOTER {
|
|||
background: #E3EFFA;
|
||||
}
|
||||
|
||||
*[onclick] {cursor: pointer;}
|
||||
IMG {border: none;}
|
||||
FORM {margin: 0px;}
|
||||
A {text-decoration: none;}
|
||||
A:hover {text-decoration: underline;}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
3 things common to all pages *
|
||||
* things common to all pages *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
BODY {
|
||||
|
|
@ -50,12 +50,6 @@ CODE {
|
|||
border-top: none;
|
||||
background: #DDD;
|
||||
}
|
||||
ARTICLE SELECT {width: 150px;}
|
||||
INPUT, TEXTAREA {box-sizing: border-box;}
|
||||
TD>INPUT[type="submit"] {width: 100%;}
|
||||
TD>INPUT[type="text"] {width: 100%;}
|
||||
TD>INPUT[type="password"] {width: 100%;}
|
||||
TD>SELECT {width: 100%;}
|
||||
|
||||
TABLE.zebra {border-spacing: 0px; border: 1px solid #B89F7C; }
|
||||
TABLE.zebra TD, TABLE.zebra TH {vertical-align: middle; padding: 4px;}
|
||||
|
|
@ -65,10 +59,6 @@ TABLE.zebra TD {border-top: 1px solid #B89F7C;}
|
|||
TABLE.zebra TR:nth-child(odd) {background: #FCD9A9;}
|
||||
TABLE.zebra TR:nth-child(even) {background: #DABC92;}
|
||||
|
||||
TABLE.form TD, TABLE.form TH {vertical-align: middle;}
|
||||
TABLE.form TBODY TD {text-align: left;}
|
||||
TABLE.form TBODY TH {text-align: right; padding-right: 4px;}
|
||||
|
||||
FOOTER {
|
||||
clear: both;
|
||||
padding: 8px;
|
||||
|
|
@ -78,9 +68,6 @@ FOOTER {
|
|||
background: #FCD9A9;
|
||||
}
|
||||
|
||||
*[onclick] {cursor: pointer;}
|
||||
IMG {border: none;}
|
||||
FORM {margin: 0px;}
|
||||
A {color: #665844; text-decoration: none; font-weight: bold;}
|
||||
A:hover {color: #665844; text-decoration: underline;}
|
||||
A:visited {color: #665844; text-decoration: none}
|
||||
|
|
|
|||
Reference in a new issue