/static/styles/layer_cake/style.css
CSS | 742 lines | 587 code | 139 blank | 16 comment | 0 complexity | 47a727574007c35a67b13461b5c63be3 MD5 | raw file
- /* Layout (Torrents page) */
- /* We're going to opt for the category icon method for now, tags_* is also available */
- .cats_applications { width: 28px; height: 28px; background: url('images/apps.png') no-repeat center center; }
- .cats_audiobooks { width: 28px; height: 28px; background: url('images/audiobook.png') no-repeat center center; }
- .cats_comedy { width: 28px; height: 28px; background: url('images/comedy.png') no-repeat center center; }
- .cats_comics { width: 28px; height: 28px; background: url('images/comics.png') no-repeat center center; }
- .cats_ebooks { width: 28px; height: 28px; background: url('images/ebook.png') no-repeat center center; }
- .cats_elearningvideos { width: 28px; height: 28px; background: url('images/elearning.png') no-repeat center center; }
- .cats_music { width: 28px; height: 28px; background: url('images/music.png') no-repeat center center; }
- /* Global */
- * {
- padding: 0em;
- margin: 0em;
- }
- html {
- width: 100%;
- }
- body {
- width: 100%;
- background-color: #E2E2E2;
- font-family: tahoma, helvetica, sans-serif;
- font-size: 8pt;
- color: #000;
- min-width: 850px;
- }
- /* Common elements */
- a {
- text-decoration: none;
- border: none;
- color: #444;
- }
- a:hover {
- text-decoration: underline;
- color: #555;
- }
- h1,h2,h3,h4 {
- margin: 5px 0px;
- font-weight: bold;
- }
- h2 {
- text-align: center;
- font-size: 12pt;
- }
- h4 {
- font-size: 8pt;
- }
- p {
- margin: 10px 5px;
- }
- li {
- margin: 5px 15px;
- }
- input {
- padding: 2px 3px;
- }
- textarea {
- padding: 2px 3px;
- }
- img {
- border: none;
- }
- /* Ratio Colors */
- .r00 { color: #FF0000; }
- .r01 { color: #FF1300; }
- .r02 { color: #FF1300; }
- .r03 { color: #FF2600; }
- .r04 { color: #FF4C00; }
- .r05 { color: #FF5E00; }
- .r06 { color: #FF5E00; }
- .r07 { color: #FF7100; }
- .r08 { color: #FF9700; }
- .r09 { color: #FFAA00; }
- .r10 { color: #74C42E; }
- .r20 { color: #418B00; }
- .r50 { color: #418B00; }
- .r99 { color: #418B00; }
- /* Styles generated by the BBCode parser */
- span.size1 { font-size:0.75em; }
- span.size2 { font-size:1em; }
- span.size3 { font-size:1.25em; }
- span.size4 { font-size:1.5em; }
- span.size5 { font-size:1.75em; }
- span.size6 { font-size:2em; }
- span.size7 { font-size:2.25em; }
- span.size8 { font-size:2.5em; }
- span.size9 { font-size:2.75em; }
- span.size10 { font-size:3em; }
- ul.thin { margin:0px 0px 0px 25px; padding:0px; }
- ul.thin li { margin:0px 0px; padding:0px; }
- /* Layout (Every page) */
- #header {
- width: 100%;
- padding: 0px 0 0 0;
- background: #CCC;
- }
- #content {
- margin: auto;
- margin-top: 100px;
- width: 90%;
- overflow: hidden;
- }
- #footer {
- margin-top: 40px;
- width: 100%;
- text-align: center;
- padding: 1em 0;
- }
- #logo {
- width: 344px;
- height: 197px;
- background: url('images/logo.png') no-repeat top left;
- margin: 0 auto;
- }
- #logo a {
- border: none;
- width: 344px;
- height: 197px;
- display: block;
- }
- #logo a:hover {
- border: none;
- }
- #menu {
- position: absolute;
- top: 226px;
- width: 100%;
- padding: 0.6em 0;
- text-align: center;
- background-color: #666666;
- font-size: 10pt;
- }
- #menu ul li {
- position: relative;
- display: inline;
- }
- #menu ul li a {
- padding: 0.6em 1.1%;
- color: #ccc;
- }
- #menu ul li a.active {
- background-color: #565656;
- }
- #menu ul li a:hover {
- background-color: #565656;
- text-decoration: none;
- }
- #userinfo {
- position: absolute;
- top: 258px;
- background: #D7D7D7;
- color: #444;
- padding: 4px 0px;
- width: 100%;
- text-align: center;
- font-size: 8pt;
- }
- #userinfo img {
- margin-top: -5px;
- }
- #userinfo ul {
- display: inline;
- margin: 0px 0.8%;
- }
- #userinfo ul li {
- position: relative;
- display: inline;
- margin: 0 0.1em;
- line-height: 20px;
- vertical-align: middle;
- padding: 0px;
- }
- #userinfo a {
- color: #222;
- }
- #userinfo a:hover {
- text-decoration: underline;
- }
- #userinfo b a {
- font-weight: normal;
- font-size: 0.9em;
- font-weight: bold;
- }
- #searchbars {
- position: absolute;
- top: 199px;
- width: 100%;
- text-align: center;
- background-color: #999999;
- padding: 4px 0px;
- }
- #searchbars input {
- position: relative;
- border: 1px solid #CCC;
- padding: 2px 2px 2px 4px;
- font-size: 0.9em;
- background-color: #A8A8A8;
- color: #444;
- }
- #searchbars ul {
- margin: 0 auto;
- }
- #searchbars ul li {
- display: inline;
- margin: 0px 1px;
- }
- #searchbars ul li form {
- display: inline;
- }
- #alerts {
- margin-top: 85px;
- margin-bottom: -85px;
- background: #e2e2e2;
- padding: 10px 0px;
- }
- #cat-selector ul {
- width: 100%;
- }
- #cat-selector ul li {
- display: inline;
- width: 12em;
- height: 1em;
- float: left;
- }
- .alertbar {
- border: 1px solid #999;
- background-color: #d7d7d7;
- text-align: center;
- color: #444;
- font-weight: bold;
- font-size: 0.95em;
- width: 350px;
- margin: 0px auto 0px auto;
- padding: 10px;
- }
- .alertbar a {
- color: #555;
- text-decoration: underline;
- }
- .alertbar a:hover {
- color: #777;
- text-decoration: none;
- }
- /* IE doesn't appear to like a simple display:none in our header. Random things start fucking up pretty badly. */
- .hidden {
- position: absolute;
- left: -10000px;
- }
- input.hidden {
- position: absolute;
- display: none;
- }
- /* Layout (Any page) */
- .thin {
- width: 850px;
- margin: 0px auto;
- }
- #userinfo_username .brackets:before {
- content: "[";
- }
- #userinfo_username .brackets:after {
- content: "]";
- }
- #userinfo_major .brackets:before {
- font-weight: bold;
- content: "[";
- }
- #userinfo_major .brackets:after {
- font-weight: bold;
- content: "]";
- }
- div.linkbox {
- text-align:center;
- padding: 5px;
- }
- .center {
- text-align: center;
- }
- .right {
- text-align: right;
- }
- .min_padding {
- padding: 0px;
- margin: 0px 0px;
- }
- p.min_padding {
- margin: 2px 0px;
- }
- .pad {
- padding: 1em;
- }
- .vertical_space {
- margin-bottom: 10px;
- }
- .box {
- font-size: 8pt;
- background-color: #EAEAEA;
- border: 1px solid #666666;
- }
- .pad h3, .pad h4, .padbox h3, .padbox h4 {
- margin-top: 0px;
- padding-top: 0px;
- }
- .sidebar {
- float: right;
- width: 250px;
- height: 100%;
- }
- .sidebar .box {
- margin: 0px 5px 10px 5px;
- }
- .head {
- padding: 4px;
- border-bottom: 1px solid #666;
- background: #E1E1E1;
- color: #333;
- }
- .body {
- padding: 3px 10px 10px 10px;
- }
- .main_column {
- margin: 0px 255px 10px 0px;
- width: 590px;
- }
- .main_column .box, .main_column table {
- margin-bottom: 10px;
- }
- .tags {
- padding: 0px 0px 0px 20px;
- font-style: italic;
- }
- .tags a {
- color: #222;
- }
- .tags a:hover {
- color: #444;
- text-decoration: underline;
- }
- .noborder {
- border: none;
- }
- ul.nobullet {
- list-style-type: none;
- }
- table {
- width: 100%;
- border-collapse: collapse;
- border: 1px solid #666666;
- }
- tr {
- border: 1px solid #666666;
- background-color: #EEE;
- }
- tr.rowa {
- background-color: #DDD;
- }
- td {
- border: 1px solid #666666;
- padding: 5px;
- text-align: left;
- }
- .colhead {
- background: #BBB;
- font-weight: bold;
- color: #ffffff;
- }
- td.colhead, .colhead td {
- padding-left: 10px;
- padding-right: 10px;
- }
- .colhead .sign, .colhead_dark .sign {
- padding: 0px 8px 0px 8px;
- vertical-align:middle;
- text-align:center;
- font-size: 12pt;
- font-weight: bold;
- }
- .colhead .sign {
- padding: 0px 8px 0px 8px;
- font-size: 12pt;
- font-weight: bold;
- }
- .colhead_dark {
- background: #E1E1E1;
- color: #333;
- }
- td.label {
- font-weight: bold;
- text-align: right;
- width: 180px;
- }
- table.slice {
- margin-top: -1px;
- }
- .error_message {
- border: 1px solid #666;
- padding: 3px 0px 3px 0px;
- background-color: #AF2525;
- text-align: center;
- color: white;
- font-weight: bold;
- }
- .save_message {
- border: 1px solid #666;
- padding: 3px 0px 3px 0px;
- background-color: #F4E649;
- text-align: center;
- color: #492802;
- font-weight: bold;
- }
- .elem_error {
- border: 3px solid #B00D0D;
- }
- .hidden {
- display:none;
- }
- /* Layout (home page) */
- ul.stats li {
- padding: 0px 0px 1px 0px;
- }
- ul.poll li {
- padding: 0px 0px 0px 10px;
- margin: 0px;
- }
- ul.poll li.graph {
- margin-bottom: 3px;
- padding-left: 20px;
- }
- /* Layout (Torrents page) */
- .show_torrents {
- width: 28px;
- height: 28px;
- background: url('images/show.png') no-repeat center center;
- }
- .hide_torrents {
- width: 28px;
- height: 28px;
- background: url('images/hide.png') no-repeat center center;
- }
- .show_torrents_link {
- border: none;
- width: 28px;
- height: 28px;
- display: block;
- }
- .filter_torrents {
- width:750px;
- margin:auto;
- }
- .filter_torrents .submit {
- text-align:right;
- padding-top:5px;
- }
- .cat_list tr td {
- border:none;
- }
- .torrent_table tr {
- vertical-align:top;
- }
- .torrent_table tr.torrent, .torrent_table tr.group {
- font-weight:bold;
- }
- .torrent_table tr.group {
- background-color:#cfcfcf;
- }
- .torrent_table tr.group_torrent {
- background-color:#fafafa;
- }
- .torrent_table tr.torrent {
- background-color:#ddd;
- }
- .torrent_table div.tags {
- font-weight:normal;
- }
- .torrent_table tr .center {
- vertical-align:middle;
- text-align:center;
- }
- .group_torrent span {
- float: right;
- }
- .torrent span {
- font-weight:normal;
- float:right;
- }
- .nobr {
- white-space:nowrap;
- }
- /* Layout (Forums) */
- .last_read {width: 15px; height: 15px; background: url(images/go_last_read.png) no-repeat center center; margin-left: 5px;}
- .last_read a { border: none; width: 100%; height: 100%; display: block; }
- .last_read a:hover { border: none; }
- .unread_locked_sticky{background: url(images/locked_sticky_unread.png) no-repeat center center;}
- .read_locked_sticky{background: url(images/locked_sticky_read.png) no-repeat center center;}
- .read_sticky{background: url(images/sticky_read.png) no-repeat center center;}
- .unread_sticky{background: url(images/sticky_unread.png) no-repeat center center;}
- .unread_locked{background: url(images/locked_unread.png) no-repeat center center;}
- .read_locked{background: url(images/locked_read.png) no-repeat center center;}
- .unread{background: url(images/unread.png) no-repeat center center;}
- .read{background: url(images/read.png) no-repeat center center;}
- table.forum_post {
- margin: 10px 0px;
- }
- table.forum_post td {
- border: 1px solid #666;
- }
- table.forum_unread {
- border: 2px solid #F0BBD6;
- }
- td.avatar {
- width: 150px;
- padding: 0px;
- }
- table.forum_post td.body {
- width:690px;
- }
- blockquote {
- margin: 10px;
- padding: 10px;
- border: 1px dashed #666;
- }
- /* Layout (Inbox) */
- tr.unreadpm {
- background-color: #ECC;
- }
- /* Layout (Permission Page) */
- .permission_head {
- width:400px;
- margin-left:auto;
- margin-right:auto;
- }
- .permissions {
- width:930px;
- margin-left:auto;
- margin-right:auto;
- }
- .permission_container {
- float:left;
- width:300px;
- padding:5px;
- }
- .permission_container input {
- margin:0px 3px 5px 0px;
- vertical-align:top;
- }
- .submit_container {
- clear:both;
- text-align:right;
- }
- /* Layout (Invite tree) */
- ul .invitetree {
- margin: 0px 0px 0px 25px;
- }
- .invitetree li {
- list-style: none;
- margin: 10px 2px;
- }
- /* Layout (MISC) */
- #left_poll {
- width: 2px;
- height: 9px;
- background: url('images/bar_left.gif') no-repeat center center;
- float: left;
- margin: 0px;
- padding: 0px;
- }
- #center_poll {
- height: 9px;
- background: url('images/bar.gif') repeat;
- float: left;
- margin: 0px;
- padding: 0px;
- }
- #right_poll {
- width: 2px;
- height: 9px;
- background: url('images/bar_right.gif') no-repeat center center;
- float: left;
- margin: 0px;
- padding: 0px;
- }
- .curtain {
- position: fixed;
- top: 0%;
- left: 0%;
- width: 100%;
- height: 100%;
- background-color: black;
- z-index:1001;
- -moz-opacity: 0.8;
- opacity:.80;
- filter: alpha(opacity=80);
- }
- .lightbox {
- position: fixed;
- text-align: center;
- top: 5%;
- left: 5%;
- width: 90%;
- height: 90%;
- padding: 0px;
- z-index:1002;
- overflow: auto;
- }