openidec

style.css (5024B)

---

 .text {
     overflow-wrap: break-word;
 }
 
 body {
     background: #fffff9;
 }
 
 .rss {
     color: #ee802f;
     font-weight: bold;
     text-decoration: none;
 }
 
 .code {
     overflow-x: auto;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
     background: #eaffff;
     padding: 1em;
 }
 
 #body {
     max-width: 60em;
     margin-left:auto;
     margin-right:auto;
 }
 .fsmaller {
     font-size: smaller;
 }
 
 #pager {
 //    font-size: smaller;
     padding: 0.5em;
     margin-left:auto;
     margin-right:auto;
 }
 
 #pager a, #pager a:visited {
     color: #777777;
     text-decoration: none;
 }
 
 #pager a:hover {
     color: #000000;
 }
 
 #pager .selected {
     color: #ffffff;
     background: #55aaaa;
     text-decoration: none;
 }
 
 #echolist, #topiclist, #profile, #login, #error {
     margin: 0;
     margin-left:auto;
     margin-right:auto;
     padding: 0;
     border: 1px solid #55aaaa;
     border-collapse: collapse;
 }
 #echolist a,#echolist a:visited,#echolist a:hover,#topiclist a, #topiclist a:visited, #topiclist a:hover {
     color: #000000;
     text-decoration: underline;
 }
 #echolist th,#topiclist th {
     text-align: left;
     color: white;
     font-weight: bold;
 }
 
 #echolist .echo, #topiclist .topic {
     font-weight: normal;
     text-align: left;
     width: 60%;
 }
 
 #echolist .count, #echolist .topics, #topiclist .topics, #topiclist .posts {
     text-align: center;
 }
 
 #echolist .info, #topiclist .info {
     color: #555555;
     font-size: smaller;
     min-width: 40%;
 }
 
 .today {
     color: #555555;
     font-weight: bold;
 }
 
 #echolist .subj {
 }
 
 #echolist th, #echolist td, #topiclist th, #topiclist td {
     margin: 0;
     padding: 0.5em;
 }
 
 #echolist .title, #topiclist .title {
     background: #55aaaa;
     padding: 0;
     margin: 0;
 }
 .alert {
     background: #ea5555;
     color: white;
     font-weight: bold;
     text-align: center;
 }
 
 .even {
     background: #ffffea;
 }
 
 .odd {
     background: #eaffff;
 }
 #topic .echo {
     font-weight: bold;
 }
 
 #topic .echo a, #topic .echo a:visited {
     color: #555555;
 }
 
 #topic .msg {
     background-color: #ffffea;
     margin-bottom: 1em;
     text-align: left;
     padding: 1em;
     border: 1px solid #55aaaa;
 //    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
     overflow: auto;
 }
 .center {
     text-align: center;
 }
 #edit {
     text-align: center;
     width: 100%;
     margin-right: auto;
     margin-left: auto;
     margin-top: 1em;
     background: #ffffea;
     border: 1px solid #55aaaa;
 }
 
 #edit textarea, #edit input, #profile textarea {
     font-size: larger;
     margin: 10px;
     padding: 10px;
     border: none;
     overflow: auto;
     width: 90%;
     border: 1px solid #55aaaa;
 }
 #profile textarea {
     width: auto;
 }
 #edit textarea, #profile textarea {
     background-color: #ffffea;
     min-height: 20em;
     font-size: x-large;
 }
 
 #topic .selected {
     background: #eaffff;
 }
 #topic .subj a, #topic .subj a:hover, #topic .subj a:visited {
     color: #000000;
     font-size: large;
     font-weight: bold;
     text-decoration: none;
 }
 #topic .reply a, #topic .reply a:hover, #topic .reply a:visited  {
     color: #ea5555;
     text-decoration: none;
 }
 #topic .info {
     color: #555555;
     font-size: smaller;
 }
 
 #topic .info a {
     color: #555555;
 }
 
 #header {
     margin: 0;
     margin-left:0;
     margin-right:0;
     width: 100%;
     padding: 0;
     border: 0;
     border-collapse: collapse;
 }
 
 #header .title {
     padding: 0 0 0.5em 0;
 }
 #header tr {
     vertical-align: bottom;
 }
 #header .title .logo {
     font-size: xx-large;
     font-weight: bold;
     vertical-align: bottom;
 }
 
 .logo img {
     max-height: 1em;
 }
 
 #header .logo a {
     text-decoration: none;
     color: black;
 }
 #header .title .info {
     font-size: small;
     color: #555555;
     font-style: italic;
     font-weight: bold;
 }
 
 #header .title .info a {
     color: #333377;
 }
 
 #header .links {
     padding: 0 1em 0.5em 0;
     text-align: right;
 }
 
 .links a, .links a:visited {
     color: #ea5555;
 }
 #footer {
     text-align: right;
     font-size: smaller;
     font-style: italic;
     margin-top: 1em;
 }
 .quote {
     color: #555555;
 }
 
 .text .img {
     min-width: 8em;
     height: auto;
     image-rendering: auto;
     image-rendering: crisp-edges;
     image-rendering: pixelated;
 }
 
 .more {
     color: black;
     color: #ea5555;
     text-decoration: underline;
     font-weight: bold;
     font-size: smaller;
 }
 
 .avatar {
     width: 4em;
     float: left;
     height: auto;
     margin: 0.5em;
     image-rendering: auto;
     image-rendering: crisp-edges;
     image-rendering: pixelated;
     border: none;
 }
 
 .comment {
     color: #555555;
     font-style: italic;
 }
 
 .header {
     font-weight: bold;
 }
 
 .spoiler {
     color: #cccccc;
 }
 #profile td, #login td, #error td {
     padding: 0.5em;
 }
 #profile .links, #login .links, #error .links {
     text-align: center;
 }
 
 .msgid {
     color: #ea5555;
     text-decoration: none;
 }
 
 @media (max-width: 640px) {
       .extra {
 	  display: none;
       }
 }