torrentpier/styles/templates/default/css/globals.css
Roman Kelesidis 29eb01b958
Disabled resizing for textarea tag (#1638)
* Disabled resizing for textarea tag

* Update CHANGELOG.md
2024-09-19 21:12:03 +07:00

1001 lines
15 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
* TorrentPier Bull-powered BitTorrent tracker engine
*
* @copyright Copyright (c) 2005-2024 TorrentPier (https://torrentpier.com)
* @link https://github.com/torrentpier/torrentpier for the canonical source repository
* @license https://github.com/torrentpier/torrentpier/blob/master/LICENSE MIT License
*/
hr {
height: 0;
border: 0 solid #B7C0C5;
border-top-width: 1px;
}
.hr1 {
border-top: 1px #B7C0C5 solid;
}
form {
display: inline;
}
label {
cursor: pointer;
white-space: nowrap;
}
img {
border: 0;
}
wbr {
display: inline-block;
}
.highlight {
color: #FF0000;
background: #FFFFE0;
}
/* ---------------------------------- *
Links
* ---------------------------------- */
:link:focus, :visited:focus {
color: #DD6900;
}
:link {
color: #006699;
text-decoration: none !important;
}
:visited {
color: #006699;
text-decoration: none !important;
}
:link:hover, :visited:hover {
color: #DD6900;
}
:link:active, :visited:active {
color: #DD6900;
}
.a-like {
color: #006699 !important;
cursor: pointer;
}
.a-like:hover {
color: #DD6900 !important;
text-decoration: underline !important;
}
.colorAdmin, a.colorAdmin, a.colorAdmin:visited {
color: #A00 !important;
}
.colorSuperMod, a.colorSuperMod, a.colorSuperMod:visited {
color: #0080FF !important;
}
.colorMod, a.colorMod, a.colorMod:visited {
color: #009900 !important;
}
.colorGroup, a.colorGroup, a.colorGroup:visited {
color: #476996 !important;
}
.colorUser, a.colorUser, a.colorUser:visited {
color: #006699 !important;
}
.colorCPH, a.colorCPH, a.colorCPH:visited {
color: #0080FF !important;
}
.adm, a.adm, a.adm:visited {
color: #800000;
text-decoration: none;
font-size: 11px;
}
a.leech, a.leechmed, a.leechsmall, a.leech:visited, a.leechmed:visited, a.leechsmall:visited {
color: #800000;
text-decoration: none;
}
a.seed, a.seedmed, a.seedsmall, a.seed:visited, a.seedmed:visited, a.seedsmall:visited {
color: #006600;
text-decoration: none;
}
a.points, a.pointsmed, a.pointssmall, a.points:visited, a.pointsmed:visited, a.pointssmall:visited, .points {
color: blue;
text-decoration: none;
}
/* Poster name in viewtopic */
.nick, .nick a {
color: #005A88 !important;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
/* Nav links */
.nav {
margin: 0.3em 0;
font-size: 11px;
font-weight: bold;
}
.nav a {
text-decoration: none;
}
.nav em {
color: #660000;
font-style: normal;
}
/* Topic titles */
.topictitle, a.topictitle {
font-size: 11px;
text-decoration: none;
font-weight: bold;
}
.torTopic, a.torTopic {
font-size: 11px;
text-decoration: none;
}
a.topictitle:visited, a.torTopic:visited, a.tLink:visited {
color: #444;
}
/* ---------------------------------- *
Backgrounds
* ---------------------------------- */
.row1, .row1 td {
background: #EFEFEF;
}
.row2, .row2 td {
background: #DEE3E7;
}
.row3, .row3 td {
background: #D1D7DC;
}
.row4, .row4 td {
background: #ECECEC;
}
.row5, .row5 td {
background: #E7E7E7;
}
.row6, .row6 td {
background: #DDDDDD;
}
.prow1 {
background: #ECECEC;
}
.prow2 {
background: #E7E7E7;
}
.prow3 {
background: #DEE3E7;
}
.p-body tr {
background: #ECECEC;
}
.p-body tr:hover {
background: #DEE3E7;
}
/* ---------------------------------- *
Headers
* ---------------------------------- */
h1 {
font-size: 18px;
font-weight: bold;
margin: 0.2em 0 0.5em;
}
h2 {
font-size: 16px;
font-weight: bold;
margin: 0.2em 0 0.5em;
}
h3 {
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
}
h4 {
font-size: 12px;
font-weight: bold;
}
h5 {
font-size: 12px;
font-weight: normal;
}
h6 {
font-size: 11px;
font-weight: normal;
}
/* Page title and toptic title */
.maintitle, .pagetitle {
font-family: "Trebuchet MS", Verdana, sans-serif;
color: #3C3C3C;
padding: 0 4px;
margin: 0.2em 0 0.5em;
}
.maintitle a, .pagetitle a {
text-decoration: none;
}
.maintitle {
font-size: 22px;
}
/* ---------------------------------- *
General text
* ---------------------------------- */
.gen, .seed, .leech, .gen td {
font-size: 12px;
}
.med, .genmed, .seedmed, .leechmed, .med td {
font-size: 11px;
}
.small, .gensmall, .seedsmall, .leechsmall, .small td {
font-size: 10px;
}
.tiny, .tiny td {
font-size: 10px;
letter-spacing: -1px;
}
td.gen {
font-size: 12px !important;
}
td.med {
font-size: 11px !important;
}
td.small {
font-size: 10px !important;
}
.gen, .med, .genmed, .small, .gensmall {
color: #000000;
}
a.gen, a.med, a.genmed, a.small, a.gensmall {
color: #006699;
text-decoration: none;
}
/* ---------------------------------- *
Post elements
* ---------------------------------- */
.post-align, .post-br, .post-hr, .postImgAligned {
display: block;
}
.sp-wrap, .post-hr {
margin: 8px auto;
}
.c-wrap, .q-wrap {
margin: 8px auto;
}
.c-wrap, .q-wrap, .sp-wrap {
width: 98%;
clear: both;
}
.q-wrap .q-wrap, .sp-wrap .sp-wrap {
margin: 2px auto 4px;
}
.c-head, .q-head {
padding: 0 1px;
font-size: 11px;
color: #444444;
}
.c-body, .q, .sp-wrap, .sp-head, .sp-body {
border: solid #C3CBD1;
border-width: 1px 1px 1px 2px;
clear: both;
}
.c-body, .q, .sp-body {
padding: 2px 6px;
}
.c-head, .q-head, .sp-head {
text-align: left !important;
}
.post-align {
margin: 8px auto;
}
.post-br {
line-height: 12px;
}
.post-b {
font-weight: bold;
}
.post-u {
text-decoration: underline;
}
.post-i {
font-style: italic;
}
.post-s {
text-decoration: line-through;
}
.post-box-default {
display: inline-block;
vertical-align: top;
}
.post-box {
display: inline-block;
border: 1px solid #a7b4ba;
border-radius: 3px;
line-height: 150%;
margin: 1px 5px;
padding: 0 8px 1px;
}
.post-indent {
margin-left: 2em;
}
.post-acronym {
text-decoration: none;
border-bottom: 1px dashed green;
cursor: help;
color: darkgreen;
display: inline-block;
}
/* ---------------------------------- *
Code blocks
* ---------------------------------- */
.c-body {
font-size: 13px;
font-family: "Courier New", Courier, monospace;
color: #006600;
background: #FAFAFA;
}
/* ---------------------------------- *
Quote blocks
* ---------------------------------- */
.q {
background: #FAFAFA;
color: #2E2E2E;
max-height: 350px;
overflow: auto;
}
.q .q {
background: #F5F5F5;
max-height: 100%;
overflow: visible;
}
.q .q .q {
background: #FAFAFA;
}
.q .q .q .q {
background: #F5F5F5;
}
.q .q .q .q .q {
background: #FAFAFA;
}
.q .q .q .q .q .q {
background: #F5F5F5;
}
/* ---------------------------------- *
Spoiler
* ---------------------------------- */
.sp-wrap {
padding: 0;
background: #E9E9E6;
width: auto;
}
.sp-head {
border-width: 0;
font-size: 11px;
padding: 1px 14px 3px;
margin-left: 6px;
line-height: 15px;
font-weight: bold;
color: #2A2A2A;
cursor: pointer;
width: auto;
}
.sp-body {
border-width: 1px 0 0 0;
display: none;
font-weight: normal;
background: #F5F5F5;
border-bottom: 1px solid #C3CBD1;
}
.sp-fold {
width: 98%;
margin: 0 auto;
text-align: right;
font-size: 10px;
color: #444444;
}
/* ---------------------------------- *
List
* ---------------------------------- */
.post_body ul, .post_body ol {
margin: 8px auto 8px 8px;
}
.post_body li {
margin: 0 4px 1px 24px;
}
ul[type="1"] {
list-style-type: decimal;
}
ul[type="a"] {
list-style-type: lower-alpha;
}
ul[type="i"] {
list-style-type: lower-roman;
}
/* ---------------------------------- *
Post images
* ---------------------------------- */
img.smile, img.postImg {
vertical-align: text-bottom;
}
img.postImg {
margin: 2px 2px 0 0;
max-width: 100%;
height: auto;
}
img.postImgAligned {
margin: 4px 4px 2px;
}
var.img-left {
float: left;
clear: left;
}
var.img-right {
float: right;
clear: right;
}
/* ---------------------------------- *
Other BBCode related
* ---------------------------------- */
.post_body pre {
border: none;
background: transparent;
padding: 0;
margin: 0;
}
.post-pre {
white-space: pre;
font-family: monospace;
}
a.postLink-name, a.postLink-name:visited {
text-decoration: none;
}
/* ---------------------------------- *
Infoboxes
* ---------------------------------- */
.infobox {
border: 1px #B7C0C5 solid;
background: #EFEFEF;
padding: 1px;
}
.infobox h1 {
background: #D1D7DC;
font-size: 1.2em;
padding: 0 0.6em 2px;
}
/* ---------------------------------- *
Inputs, buttons, forms
* ---------------------------------- */
input, textarea, select {
font-family: Verdana, sans-serif;
}
input.post, textarea.post {
}
select, input {
font-size: 11px;
}
textarea {
resize: none;
font-size: 12px;
}
input.mainoption, input.main, input.liteoption, input.lite {
font-size: 11px;
border: 1px solid;
background: #FAFAFA;
padding-left: 10px;
padding-right: 10px;
}
input.mainoption, input.main {
font-weight: bold;
}
/* The buttons used for bbCode styling in message post */
input.button, .buttons input {
border: 1px solid;
background: #F5F5F5;
}
input.long {
padding-left: 20px;
padding-right: 20px;
}
.buttons input {
padding-left: 7px;
padding-right: 7px;
}
.buttons input:hover {
border: 1px solid #DEDEDE;
background: #FFF;
}
input.button, .buttons input, input.mainoption, input.main, input.liteoption, input.lite {
color: #000000;
border-color: #ABABAB;
}
input[type="checkbox"], input[type="radio"] {
cursor: pointer;
margin: 1px 2px 1px 1px;
padding: 0;
height: 13px;
width: 13px;
vertical-align: text-top;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
input:disabled {
color: #808080;
}
input.hint {
color: #999999;
font-style: italic;
text-indent: 0.3em;
}
input.error {
color: #FF0000;
font-weight: bold;
}
input.found {
font-weight: bold;
}
.cat input[type="text"] {
background: #FCFCFC;
}
optgroup, option, fieldset, legend {
font-family: Verdana, sans-serif;
}
optgroup {
font-size: 11px;
letter-spacing: 0;
font-weight: bold;
font-style: italic;
color: #005A88;
background: #DEE3E7;
}
optgroup option {
color: #000000;
background: #FFFFFF;
}
option {
font-size: 11px;
}
legend {
padding: 0 2px 2px;
font-size: 11px;
color: #000066;
}
legend a {
text-decoration: none;
}
fieldset > legend {
margin-left: 6px;
}
.root_forum {
}
.has_sf {
color: #333333;
background: #F5F5F5;
font-weight: bold;
}
input.pOrdSel {
border: 0 solid #EFEFEF;
width: 18px;
overflow: hidden;
color: #333333;
background: transparent;
font-size: 12px;
font-family: Arial, sans-serif;
cursor: pointer;
}
textarea.editor {
display: block;
width: 98%;
}
.fieldsets td {
vertical-align: top;
white-space: nowrap;
}
.fieldsets fieldset {
margin: 4px 4px;
}
.fieldsets fieldset div {
padding: 3px 6px 4px;
}
.fieldsets div p {
margin-bottom: 1px;
}
.fieldsets div > p {
margin-bottom: 2px;
}
.fieldsets .select {
margin-bottom: 3px;
}
.fieldsets .radio {
}
.fieldsets .chbox {
}
.fieldsets .input {
}
table.my_downloads {
margin-bottom: 2px;
}
.my_downloads td {
padding: 1px 8px 2px 0 !important;
}
select.text_color option {
background: #ECECEC;
}
select.text_size option.em {
font-weight: bold;
background: #ECECEC;
}
.fldSet1 {
margin: 2px 4px 1px 4px;
padding: 0;
}
.fldSetCont1 {
margin: 0;
padding: 3px 8px 4px 8px;
}
.fldSetCont2 {
margin: 0;
padding: 2px 8px 4px 8px;
}
.fldSetCont3 {
margin: 0;
padding: 6px 8px 8px 8px;
}
.hl_only_new {
color: #993300;
}
.select-action {
background: #F5F5F5;
}
/* ---------------------------------- *
Text replacement for buttons
* ---------------------------------- */
.txtb, .txtb:link, .txtb:visited, .txtb:hover {
color: #003366;
font-size: 11px;
text-decoration: none;
}
.txtb:hover {
text-decoration: underline;
}
/* ---------------------------------- *
Basic tables
* ---------------------------------- */
.bodyline {
background: #FFFFFF;
border: 1px solid #A5AFB4;
}
.bodyline th {
background: #71869F;
color: #F0F8FF;
font-weight: bold;
}
table.forumline {
width: 100%;
background: #B7C0C5;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #B7C0C5;
}
.forumline th {
border: 1px solid #B7C0C5;
border-top-color: #92A3A4;
padding: 6px 3px 4px;
color: #000000;
background-color: #CFD4D8;
font-size: 9px !important;
text-transform: uppercase;
}
.forumline td {
border: 1px solid #B7C0C5;
border-width: 0 1px 1px;
}
.forumline th, .thHead {
padding: 6px 8px 7px;
text-align: center;
color: #D5E4EC;
font-size: 11px;
font-weight: bold;
background: #1C508C;
}
/* "lte IE 6" in page_header.tpl */
.forumline th:first-child {
border-left-color: #92A3A4;
}
.forumline th:last-child {
border-right-color: #92A3A4;
}
.forumline td {
padding: 2px 4px 3px;
}
table.borderless th, table.borderless td {
border: 0 none;
}
table.bordered {
border-collapse: collapse;
border: 1px solid #B7C0C5;
}
.bordered th, .bordered td {
border: 1px solid #B7C0C5;
}
table.message {
margin: 0 auto;
width: 100%;
}
table.message td {
padding: 16px;
text-align: center;
background: #EFEFEF;
}
.cat, td.cat, td.catTitle, td.catHead, td.catBottom {
padding: 5px 4px 6px;
background: #E0E5E9;
}
.catTitle {
font-weight: bold;
letter-spacing: 1px;
color: #333333;
text-align: center;
}
.catTitle a {
text-decoration: none;
}
.catBottom {
text-align: center;
}
#acp_main_nav .catTitle {
padding: 2px 6px 3px;
text-align: left;
font-size: 11px;
letter-spacing: 0;
}
.info_msg_wrap {
margin: 12px 0;
}
table.info_msg {
width: 100%;
border: 1px solid #B7C0C5;
background: #DEE3E7;
margin: 0 auto;
}
table.info_msg .msg {
border: 1px solid #B7C0C5;
background: #EFEFEF;
padding: 20px;
text-align: center;
}
table.error {
width: 100%;
border: 2px solid #993300;
background: #FFD4CC;
margin: 0 auto;
}
table.error .msg {
border: 1px solid #993300;
background: #FAEBD7;
padding: 20px;
color: #A52A2A;
text-align: center;
}
table.search_username {
margin: 12px;
width: 370px;
}
table.pm_box_size {
width: 175px;
margin: 8px 2px;
}
.pm_box_size .progress {
background: #008000;
}
.pm_box_size b {
font-size: 10px;
}
.pm_nav td {
padding: 4px;
font-size: 14px;
font-weight: bold;
}
table.user_contacts th {
text-align: right;
white-space: nowrap;
}
.user_contacts td {
text-align: left;
padding: 2px 6px;
white-space: nowrap;
}
table.user_details th {
padding: 2px 6px;
text-align: right;
vertical-align: top;
}
.user_details td {
width: 70%;
}
table.usercp_register h6 {
margin: 0.3em 0.4em;
color: #444444;
line-height: 100%;
}
table.smilies td {
padding: 3px;
text-align: center;
}