diff --git a/README.md b/README.md index c48cd306e..2a6c78ba9 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ For installation you need to follow a few simple steps: В данной строке указываем ваше доменное имя. Остальные правки в файле вносятся по усмотрению, исходя из необходимости из внесения (ориентируйтесь на описания, указанные у полей). 1. Редактируем указанные файлы: - + **favicon.ico** (меняем на свою иконку, если есть) + + **favicon.png** (меняем на свою иконку, если есть) + **robots.txt** (меняем адреса в строках **Host** и **Sitemap** на свои) + **opensearch_desc.xml** (меняем описание и адрес на свои) + **opensearch_desc_bt.xml** (меняем описание и адрес на свои) diff --git a/favicon.ico b/favicon.ico deleted file mode 100644 index 6685e930e..000000000 Binary files a/favicon.ico and /dev/null differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 000000000..3c6b8feed Binary files /dev/null and b/favicon.png differ diff --git a/opensearch_desc.xml b/opensearch_desc.xml index 8ab8c8681..9a2eeb5b1 100644 --- a/opensearch_desc.xml +++ b/opensearch_desc.xml @@ -3,7 +3,7 @@ TorrentPier (Forum) TorrentPier (Forum) UTF-8 - http://torrentpier.me/favicon.ico + http://torrentpier.me/favicon.png - \ No newline at end of file + diff --git a/opensearch_desc_bt.xml b/opensearch_desc_bt.xml index 64eeb9b66..3551e6192 100644 --- a/opensearch_desc_bt.xml +++ b/opensearch_desc_bt.xml @@ -3,6 +3,6 @@ TorrentPier (Tracker) TorrentPier (Tracker) UTF-8 - http://torrentpier.me/favicon.ico + http://torrentpier.me/favicon.png - \ No newline at end of file + diff --git a/styles/images/logo/logo.png b/styles/images/logo/logo.png index 02ded8c24..8b9391b9c 100644 Binary files a/styles/images/logo/logo.png and b/styles/images/logo/logo.png differ diff --git a/styles/images/logo/logo_summer.png b/styles/images/logo/logo_summer.png deleted file mode 100644 index d7c2fddb9..000000000 Binary files a/styles/images/logo/logo_summer.png and /dev/null differ diff --git a/styles/templates/default/css/admin.css b/styles/templates/default/css/admin.css index 49393ffcd..5007e8d4c 100644 --- a/styles/templates/default/css/admin.css +++ b/styles/templates/default/css/admin.css @@ -22,11 +22,40 @@ * SOFTWARE. */ +body { + background: #E5E5E5; + min-width: 10px; +} -body { background: #E5E5E5; min-width: 10px; } -#body_container { background: #E5E5E5; padding: 0 6px 4px; } -h1, h2, h3 { margin: 0.8em 0; font-size: 16px; } -h4 { margin: 0.1em 0.2em; color: #273F61; font-size: 11px; font-weight: bold; } -h5 { margin: 0.1em 0.6em; color: #333399; font-family: "Courier New"; } -h6 { margin: 0.3em 0.6em; color: #444444; line-height: 100%; } -* html table.forumline { width: 97%; } +#body_container { + background: #E5E5E5; + padding: 0 6px 4px; +} + +h1, h2, h3 { + margin: 0.8em 0; + font-size: 16px; +} + +h4 { + margin: 0.1em 0.2em; + color: #273F61; + font-size: 11px; + font-weight: bold; +} + +h5 { + margin: 0.1em 0.6em; + color: #333399; + font-family: "Courier New", serif; +} + +h6 { + margin: 0.3em 0.6em; + color: #444444; + line-height: 100%; +} + +* html table.forumline { + width: 97%; +} diff --git a/styles/templates/default/css/ajax.css b/styles/templates/default/css/ajax.css new file mode 100644 index 000000000..ff465cbee --- /dev/null +++ b/styles/templates/default/css/ajax.css @@ -0,0 +1,73 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +var.ajax-params { + display: none; +} + +#ajax-loading, #ajax-error { + position: fixed; + top: 0 !important; + z-index: 2000; + padding: 4px; + font-size: 11px; + max-width: 400px; + max-height: 200px; + white-space: nowrap; + display: none; +} + +#ajax-loading { + display: none; + background: rgba(0, 0, 0, 0.5) url(../images/loading_1.gif) no-repeat center center; + float: right; + width: 85px; + height: 30px; + border-bottom-left-radius: 10px; + -webkit-border-bottom-left-radius: 10px; + -khtml-border-bottom-left-radius: 10px; +} + +#ajax-error { + background: #d32031 url(../images/loading_1.gif) no-repeat center center; + float: right; + min-width: 200px; + height: 30px; + border-bottom-left-radius: 10px; + -webkit-border-bottom-left-radius: 10px; + -khtml-border-bottom-left-radius: 10px; +} + +.editable-container { + cursor: pointer; +} + +.editable-container:hover { + background: #E8E9F8; +} + +.loading-1 { + background: transparent url(../images/loading_1.gif) no-repeat left center; + padding-left: 22px; +} diff --git a/styles/templates/default/css/alert.css b/styles/templates/default/css/alert.css new file mode 100644 index 000000000..3fafdedc5 --- /dev/null +++ b/styles/templates/default/css/alert.css @@ -0,0 +1,162 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.alert { + padding: 8px 15px; + margin: 20px auto; + border: 1px solid transparent; + border-radius: 4px; +} + +.alert h4 { + margin-top: 0; + color: inherit; + font-size: 14px !important; +} + +.alert .alert-link { + font-weight: bold; +} + +.alert>p, .alert>ul { + margin: 0 0 1px 15px; +} + +.alert>p+p { + margin-top: 5px; +} + +.alert-dismissable { + padding-right: 35px; +} + +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} + +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-success hr { + border-top-color: #c9e2b3; +} + +.alert-success .alert-link { + color: #2b542c; +} + +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-info hr { + border-top-color: #a6e1ec; +} + +.alert-info .alert-link { + color: #245269; +} + +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #f0d575; +} + +.alert-warning hr { + border-top-color: #f7e1b5; +} + +.alert-warning .alert-link { + color: #66512c; +} + +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} + +.alert-danger hr { + border-top-color: #e4b9c0; +} + +.alert-danger .alert-link { + color: #843534; +} + +.alert-gray { + background-color: #dee3e7; + border-color: #a5afb4; +} + +.alert-gray hr { + border-top-color: #a5afb4; +} + +.alert { + text-shadow: 0 1px 0 rgba(255, 255, 255, .2); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); +} + +.alert-success { + background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); + background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); + background-repeat: repeat-x; + border-color: #b2dba1; +} + +.alert-info { + background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); + background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); + background-repeat: repeat-x; + border-color: #9acfea; +} + +.alert-warning { + background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); + background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); + background-repeat: repeat-x; + border-color: #f0d575; +} + +.alert-danger { + background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); + background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); + background-repeat: repeat-x; + border-color: #dca7a7; +} diff --git a/styles/templates/default/css/globals.css b/styles/templates/default/css/globals.css new file mode 100644 index 000000000..37bb75eff --- /dev/null +++ b/styles/templates/default/css/globals.css @@ -0,0 +1,977 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +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; +} + +/* ---------------------------------- * + 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; +} + +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 { + 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: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="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; +} diff --git a/styles/templates/default/css/images.css b/styles/templates/default/css/images.css new file mode 100644 index 000000000..7c0797f17 --- /dev/null +++ b/styles/templates/default/css/images.css @@ -0,0 +1,58 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +img.forum_icon { + width: auto; + height: auto; +} + +img.topic_icon { + width: 19px; + height: 18px; +} + +img.pm_box_icon { + width: 28px; + height: 25px; +} + +img.icon1 { + width: 12px; + height: 9px; +} + +img.icon2 { + width: 18px; + height: 9px; +} + +img.feed-small { + width: 12px; + height: 12px; +} + +img.spacer { + display: block; + height: 1px; +} diff --git a/styles/templates/default/css/initial.css b/styles/templates/default/css/initial.css new file mode 100644 index 000000000..460e39180 --- /dev/null +++ b/styles/templates/default/css/initial.css @@ -0,0 +1,34 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +/* Clean out MARGIN and PADDING */ +html, body, form, fieldset, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, dd { + margin: 0; + padding: 0; +} + +/* Add LEFT MARGIN */ +blockquote, ul, ol, li, dd { + margin-left: 1em; +} diff --git a/styles/templates/default/css/main.css b/styles/templates/default/css/main.css index 9963e537e..0e70008a4 100644 --- a/styles/templates/default/css/main.css +++ b/styles/templates/default/css/main.css @@ -22,1481 +22,18 @@ * SOFTWARE. */ -/* - * Initial neutralization - * Top Level - * Globals - - * Links - * Backgrounds - * Headers - * General text - - * Code blocks - * Quote blocks - * Spoiler - - * Infoboxes - * Inputs, buttons, forms - * Text replacement for buttons - * Basic tables - - * Page header - - TopMenu, Quick Login, PM Info, Loguot, Search.. - - Logo - - Main navigation - - Latest News - - * Page content - * Sidebar 1 - * Latest News - - * Forums on home page - * Forums on viewforum page - - * Topics on viewtopic page - * Torrent status - * Attachments - * Search Results page - * Tracker - - * Images - * Page footer - * Menus - * Misc - * Shortcuts - * YouTube Panel -*/ - -/* ================================================================ * - Initial neutralization - * ================================================================ */ - -/* Clean out MARGIN and PADDING */ -html, body, form, fieldset, h3, h4, h5, h6, p, pre, blockquote, -ul, ol, dl, li, dd { - margin: 0; padding: 0; -} -/* Add LEFT MARGIN */ -blockquote, ul, ol, li, dd { margin-left: 1em; } - -/* ================================================================ * - Top Level - * ================================================================ */ -html { - min-height: 100.1%; /* always show vertical scrollbar in Mozilla */ -} -body { - min-width: 760px; color: #000000; background: #E3E3E3; -} -body, th, td, font { - font: 12px Verdana,Arial,sans-serif; -} - -#body_container { background: #E3E3E3; padding: 0 0 4px; } - #page_container { - margin: 0 auto; - background: #FFFFFF; border: 1px solid #CFD4D8; - } - #page_header { - position: relative; width: 100%; - } - #page_content { - padding: 12px 10px 0; margin: 0 auto; - clear: both; position: relative; - } - #sidebar1 {} - #sidebar2 { - padding: 0 3px 0 6px; vertical-align: top; - width: 240px; - } - #sidebar1-wrap { margin-top: -8px; width: 210px; } - #sidebar2-wrap {} - #main_content { - vertical-align: top; - } - #main_content_wrap {} - #page_footer { - clear: both; - margin: 12px 0 3px; - } - -/* ================================================================ * - Globals - * ================================================================ */ -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; } -/* ---------------------------------- * - 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; } -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 { 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; /* main submit button */ -} - -/* 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: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="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 url(../images/cellpic1.gif) repeat-x; -} -/* "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 url(../images/cellpic.gif) repeat-x; -} -.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; } - -/* ================================================================ * - Page header - * ================================================================ */ -/* ---------------------------------- * - TopMenu, Quick Login, PM Info, Loguot.. - * ---------------------------------- */ -.topmenu { - background: #eff0f3; border: 1px solid #CFD4D8; - margin: 3px 4px 0; padding: 0 3px; overflow: hidden; -} -.topmenu a:link, .topmenu a:visited { text-decoration: none; } -.topmenu td { padding: 4px; font-size: 11px; white-space: nowrap; } -.new-pm { background: #FFD9B2 !important; border-top-color: #FFD9B2 !important; border-bottom-color: #FFAA51 !important; } -.new-pm-link { color: #993300 !important; font-weight: bold; } -.new-pm-link:hover { color: #591D00 !important; } -/* ---------------------------------- * - Logo - * ---------------------------------- */ -#logo { padding: 2px 4px; min-height: 75px; } - #logo h1 { - margin: 0 300px 0 0; padding-top: 6px; - font-size: 42px; font-variant: small-caps; - } - #logo h6 { - margin: 0 300px 0 0; padding-top: 1px; padding-bottom: 3px; - font-size: 14px; font-variant: small-caps; - } - #logo img { - padding: 7px 7px 6px 5px; - } -/* ---------------------------------- * - Main navigation - * ---------------------------------- */ -#main-nav { - padding: 4px 10px; margin: 0; - border: solid #C3CBD1; border-width: 0 0 1px 0; background: #eff0f3; - } - #main-nav b { padding: 0 4px 0 1px; } - #main-nav a { color: #444; text-decoration: none; } - #main-nav a:hover, #main-nav a:active { - text-decoration: none !important; color: #000000; - } -/* ---------------------------------- * - Latest News - * ---------------------------------- */ -#latest_news { margin-bottom: 8px; } - #latest_news table { - border-collapse: collapse; - } - #latest_news h3 { padding: 0 0 3px 0; color: #333333; } - #latest_news td { vertical-align: top; } - .news_date { - float: right; padding: 1px 8px 1px; - white-space: nowrap; font-family: "Courier New",Courier,monospace; - color: #333333; background: #F2F2F2; border: 1px solid #B4B4B4; - } - .news_title { - padding: 3px 8px 2px; margin-bottom: 2px; - background: transparent url(../images/hr400_ltr_gradient.jpg) no-repeat left top; - } - #latest_news a { text-decoration: none; color: #000000; } - #latest_news .new a { color: #A52A2A; font-weight: bold; } -/* ---------------------------------- * - Search input - * ---------------------------------- */ -#search-text { - background: white; border: 1px solid silver; - padding: 1px; width: 300px; -} -@media screen and (max-width: 1200px) { - #search-text { width: 180px; } -} -#search-text:hover { - border: 1px solid #aaaaaa; -} -#search-text:focus { - border: 1px solid #aaaaaa; -} -/* ================================================================ * - Page content - * ================================================================ */ -/* ---------------------------------- * - Sidebar 1 - * ---------------------------------- */ -#sidebar1 { - margin-top: -8px; width: 210px; padding: 0 6px 0 3px; vertical-align: top; -} -#sidebar1 h3 { - padding: 0 0 4px 0; margin: 8px 0 2px 0; - color: #333333; text-indent: 0.5em; - background: transparent url(../images/hr200_ltr_gradient.jpg) no-repeat left bottom; -} -#sidebar1 h3 a { color: #333333; } -#sidebar1 h5 { padding: 2px 4px 5px; } -#sidebar1 ul { margin: 6px 0 0 10px; } -#sidebar1 li { margin-bottom: 2px; margin-left: 14px; } -#sidebar1 a { text-decoration: none; color: #005A88; } -/* ---------------------------------- * - Sidebar 2 - * ---------------------------------- */ -#sidebar2 { - margin-top: -8px; width: 210px; padding: 0 6px 0 3px; vertical-align: top; -} -#sidebar2 h3 { - padding: 0 0 4px 0; margin: 0 0 2px 0; - color: #333333; text-indent: 0.5em; - background: transparent url(../images/hr200_ltr_gradient.jpg) no-repeat left bottom; -} -#sidebar2 h3 a { color: #333333; } -#sidebar2 h5 { padding: 2px 4px 5px; } -#sidebar2 ul { margin: 6px 0 0 10px; } -#sidebar2 li { margin-bottom: 2px; margin-left: 14px; } -#sidebar2 a { text-decoration: none; color: #005A88; } -/* User ratio */ -#user_ratio { - padding: 1px 6px 0 0; font-size: 11px; -} -#user_ratio td { - padding: 1px 6px 1px 6px ; font-size: 11px; -} -#tr_main_cats {} /* Main tracker categories list */ -#tr_main_cats ul { - list-style-image: url(../images/arrow1.gif); -} -#tr_main_cats li { - margin-bottom: 3px; margin-left: 11px; font-size: 11px; font-weight: bold; line-height: 110%; -} -#author-rel a { color: #800000; } -/* ================================================================ * - Main content - * ================================================================ */ -#infobox-wrap { width: 740px; } -#infobox-body { background: #FFFFFF; color: #000000; padding: 1em; height: 300px; overflow: auto; border: 1px inset #000000; } -#infobox-body p { margin-top: 1em; margin-bottom: 1em; } - -#gr-mem-list ul { margin: 2px 4px; } -#gr-mem-list li { margin-bottom: 2px; } -a.selfMod, a.selfMod:visited { color: #0000FF; } - -.view-message { border: 1px #A5AFB4 solid; padding: 4px; margin: 6px; overflow: auto; } -.birthday { margin: 3px 0; padding: 2px 4px; max-height: 200px; overflow: auto;} -td.topic_id { cursor: pointer; } - -table.mod_ip { background: #F9F9F9; border: 1px solid #A5AFB4; border-collapse: separate;} -table.mod_ip td { padding: 2px 5px; white-space: normal; font-size: 11px; } -table.mod_ip div { max-height: 150px; overflow: auto;} -/* ---------------------------------- * - Forums on home page - * ---------------------------------- */ -/*.forums thead { display: none;}*/ /* Hide Forum, Topics, Posts, Last Post in index */ -/*.f_topics, .f_posts { display: none; }*/ /* Hide posts/topics count in index */ - -#forums_list_wrap { margin-top: 4px; padding-right: 2px; } -#forums_top_links { clear: both; } -#forums_wrap { clear: both; padding-top: 1px; } -.cat_title { /* Category header */ - padding: 3px 8px 5px; letter-spacing: 1px; text-indent: 0.6em; - background: #DEE3E7 url(../images/cellpic.gif) repeat-x; - } - .cat_title a { text-decoration: none; color: #333333 !important; } -table.forums { width: 100%; } - .forums th { - padding: 0 !important; font-size: 10px; font-weight: normal; color: #3C3C3C; - } - .forums td { - padding: 2px 4px 3px; font-size: 11px; - } -.forums em { /* titles like: "Subforums:", "Moderators:" */ - color: #5E5E5E; font-style: italic; -} -.forumlink { /* forum links */ - font-size: 13px; font-weight: bold; - } - .forumlink a { text-decoration: none; } -.forums .forumlink { /* forum title */ - margin-top: 1px; -} -.forum_desc { /* forum description */ - margin-top: 2px; color: #333333; font-size: 11px; line-height: 110%; -} -.subforums { /* subforums */ - margin-top: 2px; padding-left: 0.5em; - } - .subforums em { display: none; } - .subforums + .moderators { margin-top: 0; } - .dot-sf { color: #417998 !important; font-size: 11px; margin-right: 4px; } - .new .dot-sf { color: #CA4200 !important; } - .sf_title { white-space: normal; } - .sf_icon { margin-right: 1px; } - .sf_separator {} - .sf_title a { text-decoration: none; } -.moderators { /* moderators */ - margin-top: 2px; font-size: 11px; line-height: 110%; - } - .moderators a, .moderators a:visited { - color: #333333; font-size: 10px; text-decoration: none; - } -.f_last_post { /* last topic/post */ - text-align: center; - } - .last_topic { margin-top: 1px; white-space: nowrap; } - .last_topic a { text-decoration: none; } - .last_post_time { margin-top: 2px; font-size: 10px; white-space: nowrap; } - .last_author { padding-left: 3px; } - .f_stat_inline { /* Posts: xx Topics: xx */ - margin-top: 1px; white-space: nowrap; } - .f_stat_topics {} - .f_stat_posts { padding-left: 3px; } - -.f_icon { /* Forum Icon cell */ - width: 46px; - padding: 6px 0 !important; -} -.f_titles { /* Forum Title cell */ - width: auto; -} -.f_topics { /* Topics Count cell */ - width: 40px; text-align: center; -} -.f_posts { /* Posts Count cell */ - width: 50px; text-align: center; -} -.f_last_post { /* Forum Last Topic/Post cell */ - width: 230px; -} -.f_stat_inline { /* Inline Topic/Post count */ - display: block; -} - -table.forums { border-collapse: collapse; } -.cat_title { border: 1px solid #C3CBD1; } -.f_tbl_wrap, #board_stats_wrap { border: solid #C3CBD1; border-width: 0 1px; } -table.forums th { border-bottom: 1px solid #C3CBD1; } -.forums td.row1 { border: solid #C3CBD1; border-width: 0 1px 1px 0; } -.forums td.row2 { border: solid #C3CBD1; border-width: 0 1px 1px 0; } -td.f_titles { border-right-color: #C3CBD1 !important; } -td.last_td { border-right-width: 0 !important; } - -.cat_footer { - height: 0; margin-top: -1px; border-top: 1px solid #C3CBD1; - font-size: 0; line-height: 0; -} -.cat_separator { height: 10px; font-size: 0; line-height: 0; } -#mark_all_forums_read { margin: -10px 0 3px 0; } - -#online_time { float: left; font-style: italic; color: #444444; } -#online_explain { float: right; } -#online_userlist a { white-space: nowrap; } -#forums_top_nav { display: none; } - -.f-map-wrap { margin-top: -1px; border: 1px solid #DEDEDE; } -/* ---------------------------------- * - Forums on viewforum page - * ---------------------------------- */ -table.forum th { white-space: nowrap; } -td.topic_id { padding: 4px 6px; } - -.spaceRow { - padding: 0 !important; background: #D1D7DC; -} -td.topicSep { /* Topic type groups separator */ - padding: 2px 12px 3px; font-weight: bold; letter-spacing: 1px; color: #333333; -} -.topicMoved { /* Topic Moved prefix */ - font-weight: normal; font-style: italic; -} -.topicAnnounce { /* Topic Announce prefix */ - color: #DD6900; -} -.topicSticky { /* Topic Sticky prefix */ - color: #009900; -} -.topicPoll { /* Topic Poll prefix */ - font-weight: normal; color: #006699; -} -.topicPG { /* Topic pagination links */ - font-weight: normal; white-space: nowrap; font-size: 10px; -} -.iconDL { /* DL Icon */ - border: 1px outset; background: #EFEFEF; - padding: 0 3px 0 2px; margin: 2px 1px 2px 0; -} -.topicAuthor, a.topicAuthor, a.topicAuthor:visited { - font-size: 11px; color: #333333; text-decoration: none; -} -.torSize { - font-size: 11px; color: #333333; text-decoration: none; -} -.hl-selected-topic { background-color: #FAF0E6 !important; } -.hl-selected-row, .hl-selected-row td { background-color: #FAF0E6 !important; } -/* ---------------------------------- * - Topics on viewtopic page - * ---------------------------------- */ -table.topic { width: 100%; } - - .post_head { padding: 0 6px; font-size: 10px; } - .post_wrap { line-height: 18px; } - .post_body { margin: 5px 5px 8px; } /* The content of the posts */ - a.postLink { text-decoration: none; } - a.postLink:visited { text-decoration: none; color: #5493B4; } - .posted_since { color: #666666; padding-left: 4px; } - .signature { clear: both; } - .signature { max-height: 100px; overflow: hidden; } - .signature, .signature * { - font-size: 10px !important; color: #5E5E5E !important; - text-decoration: none !important; background: transparent !important; - border: 0 none !important; padding: 0 !important; margin: 1px 0 !important; - } - .signature .c-head, .signature .q-head { display: none !important; } - .signature .c-wrap, .signature .c-body, - .signature .q-wrap, .signature .q { display: inline !important; } - .signature a { text-decoration: underline !important; } - .signature img { max-width: 600px; } - .last_edited { font-size: 10px; color: #5E5E5E; } - .poster_info p { margin: 2px 0; color: #444444; } - .poster_info .nick { margin: 0 0 4px; color: #333333; line-height: 110%; } - .poster_info .avatar { margin: 5px 0 4px; max-width: 100px; max-height: 100px; overflow: hidden; } - .poster_info .birthday { margin: 5px 0; text-align: center !important;} - .avatar img { display: block; } - .poster_info em { font-style: normal; color: #000000; } - - table.topic, .topic .td1, .topic .td2, .topic .td3, .post_head, .post_btn_2 { - border: solid #C3CBD1; - } - .topic .td1 { border-width: 1px 1px 0 0; border-right-color: #B7C0C5; } - .topic .td2 { border-width: 1px 0 0 0; width: 100%; } - .topic .td3 { border-width: 0 1px 0 0; border-right-color: #B7C0C5; height: 100%; } - .post_head { border-width: 0 0 1px 0; } - .post_btn_2 { border-width: 1px 0 0 0; } - table.topic { border-width: 0 1px 1px 1px; border-color: #B7C0C5; } - - .poster_info { padding: 4px; vertical-align: top; font-size: 10px; line-height: 100%; } - .poster_btn { padding: 0; vertical-align: bottom; text-align: center; white-space: nowrap; } - .message { padding: 0; vertical-align: top; width: 100%; } - - input.select_post { margin-top: 0; float: right; } - input[type="checkbox"].select_post { margin-top: 4px; } - - table.peers { border-collapse: collapse; } - table.peers th { border: 1px #A5AFB4 solid; background: #D1D7DC; color: #333333; } - table.peers td { border: 1px #A5AFB4 solid; padding: 4px; } - #last_seed_info { border: 1px #A5AFB4 solid; } - - .dl_list {} - .dl_list td { text-align: center; } - .dl_list img { display: block; } - #dl_counts td { font-size: 12px; } - - #poll { border: 1px solid #B7C0C5; margin-bottom: -1px; } - - .quick_reply_box { width: 800px; } - .hl-selected-post { background-color: #FFEFD5 !important; } -/* ---------------------------------- * - Torrent status - * ---------------------------------- */ -.tor-status-td:hover { background: #F8F8FF; } -.tor-icon { margin: 0 3px; } -.tor-approved { margin-left: 1px; color: #008000; font-weight: bold; } -.tor-closed { padding-left: 1px; color: #FF4500; font-weight: bold; } -.tor-closed-cp { color: #CE3800; font-weight: bold; } -.tor-consumed { color: #D26900; font-weight: bold; } -.tor-dup { padding-left: 1px; color: #0000FF; font-weight: bold; } -.tor-need-edit { color: #FF0000; font-weight: bold; } -.tor-no-desc { padding-left: 1px; color: #FF4500; font-weight: bold; } -.tor-not-approved { color: #C71585; font-weight: bold; } -.tor-checking { color: #2424FF; font-weight: bold; } - -/* ---------------------------------- * - Attachments - * ---------------------------------- */ -table.attach { width: 95%; margin: 0 auto; clear: both; border-color: #A5AFB4; } - .attach th, .attach td { border-color: #A5AFB4; } - .attach th { padding: 3px; text-align: center; font-weight: bold; background: #D1D7DC; } - .attach td { padding: 2px 4px; } - .dl-link { font-size: 13px; } - -fieldset.attach { width: 95%; margin: 14px auto; padding: 2px; clear: both; } - .attach_link { margin: 2px 12px 6px; } - .attach_stats { padding-left: 3px; } - .attach_comment { - margin: 6px 12px; padding: 1px 8px; line-height: 110%; - color: #444444; border-left: 2px solid #CC9933; - } - .attach .denied { color: #800000; } - -#tor_blocked { width: 95%; } - #tor_blocked td { background: #FAEBD7; padding: 8px 12px; color: #6E380F; } -/* ---------------------------------- * - Search Results page - * ---------------------------------- */ -.opened { /* Clicked link color */ - color: #71869F; -} -/* ---------------------------------- * - Tracker - * ---------------------------------- */ -a.tr-dl, a.dl-link:link { font-weight: bold; } -a.dl-link { font-size: 13px; text-decoration: none; } -a.tr-dl:visited, a.f-dl:visited, a.dl-link:visited { color: #5493B4; font-weight: normal; } -.a-hash { color: #000066 !important; cursor: pointer; } -.a-hash:hover { color: #DD6900 !important; text-decoration: underline !important; } -.a-hash:active, .a-hash:focus { color: #DD6900 !important; text-decoration: underline !important; } - -.seed-leech { padding-left: 1px; padding-right: 0; } -.tr_tm { margin-top: 2px; font-size: 10px; color: #676767; } -.ch { font-style: italic; color: #0080FF; } -#fs-sel-cat option.cat-title { font-weight: bold; color: #005A88; background: #F5F5F5; } -tr.hl-tr:hover td { background-color: #F8F8F8 !important; } -#fs-nav-ul .b { font-weight: bold; } -#fs-nav-ul li, #fs-nav-close { cursor: pointer; } -#fs-nav-ul span.f:hover, #fs-nav-close:hover { color: blue; background: #DEE2E4; } -#fs-nav-list { border: 3px double #9AA7AD; background: #EFEFEF; padding: 8px; max-height: 500px; overflow: auto; } -#fs-sel-cat { width: 260px; } -#fs-sel-cat option.cat-title { font-weight: bold; color: #005A88; background: #F5F5F5; } - -.dlWill { color: #0066CC; } -.dlDown, .leech, .leechmed, .leechsmall { color: #800000 !important; } -.dlComplete, .seed, .seedmed, .seedsmall { color: #006600 !important; } -.dlCancel { color: #666666 !important; } - -a.dlWill, a.dlWill:visited { color: #0066CC !important; text-decoration: none; } -a.dlDown, a.dlDown:visited { color: #800000 !important; text-decoration: none; } -a.dlComplete, a.dlComplete:visited { color: #006600 !important; text-decoration: none; } -a.dlCancel, a.dlCancel:visited { color: #666666 !important; text-decoration: none; } -/* ================================================================ * - Images - * ================================================================ */ -img.forum_icon { width: auto; height: auto; } -img.topic_icon { width: 19px; height: 18px; } -img.pm_box_icon { width: 28px; height: 25px; } -img.icon1 { width: 12px; height: 9px; } -img.icon2 { width: 18px; height: 9px; } -img.feed-small { width: 12px; height: 12px; } -img.spacer { display: block; height: 1px; } -/* ================================================================ * - Page footer - * ================================================================ */ -.bottom_info { font-size: 11px; } -.copyright { font-size: 10px; color: #444444; letter-spacing: -1px; } -.copyright a { text-decoration: none; } - -#timezone { - float: right; text-align: right; white-space: nowrap; - font-size: 10px; line-height: 110%; color: #333333; -} -.tz_time { font-family: "Courier New",Courier,monospace; font-size: 11px; } - -#f_icons_legend { margin: 4px auto; } -/* ================================================================ * - Menus - * ================================================================ */ -.menu-root { padding-right: 13px; white-space: nowrap; - background: transparent url(../images/menu_open.gif) no-repeat right; } -.menu-alt1 { padding-right: 0; background: transparent; } -img.menu-alt1 { width: 9px; height: 9px; } -a.menu-root, a.menu-root:visited, a.menu-root:hover { - text-decoration: none !important; } -.menu-sub { position: absolute; display: none; z-index: 1000; } - .menu-sub table { background: #FFFFFF; border: 1px solid #92A3A4; } - .menu-sub table th { background: #71869F; color: #F0F8FF; font-weight: bold; font-size: 11px; } - .menu-sub table td { background: #E7E7E7; font-size: 11px; } - .menu-sub table td.cat { background: #B5BEC3; } - .menu-sub legend { font-weight: bold; } - .menu-sub label { display: block; padding-right: 2px; margin-right: 1px; } - .menu-sub label:hover { background: #D1D7DC; color: #993300; } -.menu-a { background: #FFFFFF; border: 1px solid #92A3A4; } -.menu-a a { color: #0000A0; background: #E7E7E7; padding: 4px 10px 5px; margin: 1px; display: block; text-decoration: none !important; } -.menu-a a:hover { color: #0000FF; background: #D1D7DC; text-decoration: none !important; } -/* ================================================================ * - Ajax - * ================================================================ */ -var.ajax-params { display: none; } -#ajax-loading, #ajax-error { - position: fixed; top:0 !important; z-index: 2000; padding: 4px; font-size: 11px; - max-width: 400px; max-height: 200px; white-space: nowrap; display: none; -} -#ajax-loading { - display: none; - background: rgba(0,0,0, 0.5) url(../images/loading_1.gif) no-repeat center center; - float: right; - width: 85px; - height: 30px; - border-bottom-left-radius: 10px; - -webkit-border-bottom-left-radius: 10px; - -khtml-border-bottom-left-radius: 10px; -} -#ajax-error { - background: #d32031 url(../images/loading_1.gif) no-repeat center center; - float: right; - min-width: 200px; - height: 30px; - border-bottom-left-radius: 10px; - -webkit-border-bottom-left-radius: 10px; - -khtml-border-bottom-left-radius: 10px; -} -.editable-container { cursor: pointer; } -.editable-container:hover { background: #E8E9F8; } -.loading-1 { background: transparent url(../images/loading_1.gif) no-repeat left center; padding-left: 22px; } -/* ================================================================ * - Treeview, TableSorter - * ================================================================ */ -.treeview, .treeview ul { - padding: 0; margin: 0; list-style: none; font-size: 11px; line-height: 14px; -} -.treeview ul { - margin-top: 4px; -} -.treeview .hitarea { - background: url(../images/treeview/treeview-default.gif) -64px -25px no-repeat; - width: 16px; height: 16px; margin-left: -16px; float: left; cursor: pointer; -} -/* fix for IE6 */ -* html .hitarea { - display: inline; float: none; -} -.treeview li { - margin: 0; padding: 1px 0 1px 16px; -} -.treeview span { - padding-left: 3px; display: block; -} -.treeview a.selected { - background-color: #eee; -} -#treecontrol { margin: 1em 0; display: none; } -.treeview .hover { color: red; cursor: pointer; } - -.treeview li { background: url(../images/treeview/treeview-default-line.gif) 0 0 no-repeat; } -.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } - -.treeview .expandable-hitarea { background-position: -80px -3px; } - -.treeview li.last { background-position: 0 -1766px } -.treeview li.lastCollapsable, .treeview li.lastExpandable { - background-image: url(../images/treeview/treeview-default.gif); -} -.treeview li.lastCollapsable { background-position: 0 -111px } -.treeview li.lastExpandable { background-position: -32px -67px } - -.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } - -/* Tablesorter */ -.tablesorter u { display: none; } -.tablesorter .header { - cursor: pointer; white-space: nowrap; -} -.tablesorter .tbs-text { - padding-bottom: 1px; -} -.headerSortUp .tbs-text, .headerSortDown .tbs-text { - border-bottom: 2px solid; -} -.tbs-icon { - padding-left: 8px; - background: url(../images/tbl_sort_bg.gif) no-repeat 0 50%; -} -.headerSortUp .tbs-icon { - background-image: url(../images/tbl_sort_asc.gif); -} -.headerSortDown .tbs-icon { - background-image: url(../images/tbl_sort_desc.gif); -} -/* ================================================================ * - Misc - * ================================================================ */ -.sf { padding-left: 20px !important; } -.jumpbox { margin: 6px 0; text-align: right; white-space: nowrap; } - -.attachrow { font-size: 11px; border: 1px #A5AFB4 solid; } -.attachheader { font-size: 11px; border: 1px #A5AFB4 solid; background: #D1D7DC; } -.attachtable { font-size: 12px; border: 1px #A5AFB4 solid; border-collapse: collapse; } - -pre, .pre { - font-family: Courier,monospace; font-size: 12px; - border: 1px solid #B7C0C5; background: #F5F5F5; - padding: 4px; margin: 10px; text-align: left; -} -.pre { width:100%; overflow: auto; white-space: nowrap; } - -.ann { font-size: 13px; text-align: center; color: #993300; font-weight: bold; } - -.clickable { cursor: pointer; } -.folded, .folded2 { display: block; - background: transparent url(../images/icon_plus_1.gif) no-repeat left center; padding-left: 14px; } -.unfolded, .unfolded2 { display: block; - background: transparent url(../images/icon_minus_1.gif) no-repeat left center; padding-left: 14px; } -.folded2 { background-image: url(../images/icon_plus_2.gif); } -.unfolded2 { background-image: url(../images/icon_minus_2.gif); } - -.warnColor1 { color: #993300; } -.warnColor2 { color: #FF0000; } -.warnBorder1 { border: 1px solid #A52A2A; } -.warningBox1 { border: 1px solid #A52A2A; color: #993300; padding: 12px; } -.warningBox2 { color: #993300 !important; background: #FFD9B2; border: 2px solid #CC6600; padding: 8px; } - -/* ================================================================ * - Shortcuts - * ================================================================ */ -.spacer_0, .spacer_2, .spacer_4, .spacer_6, .spacer_8, .spacer_10, .spacer_12 { - font-size: 0; line-height: 0; } -.spacer_0 { height: 0; } -.spacer_2 { height: 2px; } -.spacer_4 { height: 4px; } -.spacer_6 { height: 6px; } -.spacer_8 { height: 8px; } -.spacer_10 { height: 10px; } -.spacer_12 { height: 12px; } - -.pad_0, .pad_0 td, td.pad_0 { padding: 0; } -.pad_2, .pad_2 td, td.pad_2 { padding: 2px; } -.pad_4, .pad_4 td, td.pad_4 { padding: 4px; } -.pad_6, .pad_6 td, td.pad_6 { padding: 6px; } -.pad_8, .pad_8 td, td.pad_8 { padding: 8px; } -.pad_10, .pad_10 td, td.pad_10 { padding: 10px; } -.pad_12, .pad_12 td, td.pad_12 { padding: 12px; } -.pad_14, .pad_14 td, td.pad_14 { padding: 14px; } -.pad_16, .pad_16 td, td.pad_16 { padding: 16px; } - -.mrg_0 { margin: 0 !important; } -.mrg_2 { margin: 2px !important; } -.mrg_4 { margin: 4px !important; } -.mrg_6 { margin: 6px !important; } -.mrg_8 { margin: 8px !important; } -.mrg_10 { margin: 10px !important; } -.mrg_12 { margin: 12px !important; } -.mrg_14 { margin: 14px !important; } -.mrg_16 { margin: 16px !important; } - -.lh_100 { line-height: 100%; } -.lh_110 { line-height: 110%; } -.lh_120 { line-height: 120%; } -.lh_150 { line-height: 150%; } - -.wAuto { width: auto !important; } /* widthAuto */ -.w50 { width: 50% !important; } -.w60 { width: 60% !important; } -.w70 { width: 70% !important; } -.w80 { width: 80% !important; } -.w85 { width: 85% !important; } -.w90 { width: 90% !important; } -.w95 { width: 95% !important; } -.w100 { width: 100% !important; } - -.border { border: solid #B7C0C5; } -.bw_T { border-width: 1px 0 0 0 !important; } -.bw_TR { border-width: 1px 1px 0 0 !important; } -.bw_TRB { border-width: 1px 1px 1px 0 !important; } -.bw_TRBL { border-width: 1px 1px 1px 1px !important; } -.bw_TB { border-width: 1px 0 1px 0 !important; } -.bw_TBL { border-width: 1px 0 1px 1px !important; } -.bw_TL { border-width: 1px 0 0 1px !important; } -.bw_TRL { border-width: 1px 1px 0 1px !important; } -.bw_R { border-width: 0 1px 0 0 !important; } -.bw_RB { border-width: 0 1px 1px 0 !important; } -.bw_RBL { border-width: 0 1px 1px 1px !important; } -.bw_RL { border-width: 0 1px 0 1px !important; } -.bw_B { border-width: 0 0 1px 0 !important; } -.bw_BL { border-width: 0 0 1px 1px !important; } -.bw_L { border-width: 0 0 0 1px !important; } - -.bCenter { margin-left: auto !important; margin-right: auto !important; } /* blockCenter */ -.bLeft { margin-right: auto !important; } -.block { display: block; } -.bold { font-weight: bold; } -.bRight { margin-left: auto !important; } -.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; } -.clearB { clear: both; } -.floatL { float: left; } -.floatR { float: right; } -.hidden { display: none; } -.inline { display: inline; } -.normal { font-weight: normal; } -.nowrap { white-space: nowrap !important; } -.wrap { white-space: normal !important; } -.strike { text-decoration: line-through; } -.tCenter { text-align: center !important; } /* textCenter */ -.tLeft { text-align: left !important; } -.tRight { text-align: right !important; } -.vBottom { vertical-align: bottom !important; } -.vTop { vertical-align: top !important; } -/* ================================================================ * - YouTube.Panel - * ================================================================ */ -.Panels { - z-index:200; - top:50%; - left:50%; - background-attachment:fixed, scroll; - background: url(../images/aerobg.png), -moz-linear-gradient(top, rgba(200,200,200,0.4) 0%, rgba(255,255,255,1) 100%); - background: url(../images/aerobg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0.4)), color-stop(100%,rgba(255,255,255,1))); - background: url(../images/aerobg.png), -webkit-linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); - background: url(../images/aerobg.png), -o-linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); - background: url(../images/aerobg.png), -ms-linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c8c8c8', endColorstr='#ffffff',GradientType=0 ); - background: url(../images/aerobg.png), linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); - background-size:cover; - -moz-background-size:cover; - -webkit-background-size:cover; - border:1px solid gray; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; - box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; - -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; - -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; - position:fixed; - max-width:99%; - min-width:100px; - min-height:24px; - overflow:hidden; - margin:1px; -} - -.Panels.Minimized { - position:relative; - top:auto!important; - left:auto!important; - float:left; - max-width:200px; - height:24px!important; - margin:0!important; -} - -.PanelsButton { - float:right; - overflow:hidden; - margin:5px 5px 0 10px; -} - -.PanelsClose { color: #006699; cursor: pointer; } - -.PanelsClose:hover { color: #DD6900; text-decoration: underline !important; } -.PanelsTitle { - overflow:hidden; - white-space:nowrap; - max-height:20px; - font-weight:700; -} - -.Panels.Minimized .PanelsTitle.Hidden { - display:block; -} - -.PanelsTitle,.PanelsMenu { - padding:5px 5px 0; -} - -.Panels.Minimized .PanelsTitle,.Panels.Minimized .PanelsMenu { - cursor:inherit; -} - -.PanelsContent,.PanelsFooter { - border-top:1px dashed #A9A9A9; - clear:both; - margin:5px 0 0; - padding:5px; -} - -#PanelsDock { - bottom:0; - left:0; - position:fixed; - padding:0 0 0 5px; -} - -#PanelsDockToggle { - border:1px solid gray; - box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; - -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; - -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; - float:left; - border-radius:0 3px 3px 0; - -moz-border-radius:0 3px 3px 0; - -webkit-border-radius:0 3px 3px 0; - margin:1px 1px 1px 0; - padding:4px 10px; -} - -.Panels.Minimized .PanelsMenu,.Panels.Minimized .PanelsContent,.Panels.Minimized .PanelsFooter,.PanelsTitle.Hidden,.PanelsMenu.Hidden { - display:none; -} -span.button { - background-image:url(../images/def_button.png); -} - -span.button:hover { - background-image:url(../images/def_button_light.png); -} - -span.YTLink{ - background-color:gray; - border:1px solid #333333; - display:inline-block; - font-weight:bold; - padding:2px 2px 2px 5px; - margin:1px 2px -6px; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -span.YTLinkButton{ - background-color:#008500; - border:1px solid #333333; - color:white; - display:inline-block; - float:right; - margin:-3px -3px -3px 4px; - padding:2px 4px; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - cursor: url(../images/link_help.cur), pointer; -} -span.YTLink a.postLink{ - color:white; - float:left; -} - -span#autocomplete { - cursor: pointer; - color: #006699; - font: 12px Arial,sans-serif; -} - -div#autocomplete_popup { - position: fixed; - z-index: 999; - width: 300px; - height: 100px; - background: #FFFFFF; - text-align: center; - display: none; - border: 1px solid #B7C0C5; -} - -div#autocomplete_popup div.relative { - position: relative; - width: 300px; - height: 100px; -} - -div#autocomplete_popup div.title { - background: url("../images/cellpic1.gif") repeat-x scroll 0 0 #1C508C; - color: #D5E4EC; - font-size: 11px; - font-weight: bold; - padding: 6px 8px 7px; -} - -div#autocomplete_popup div.close { - position: absolute; - right: 7px; - cursor: pointer; - top: 7px; - color: red; - font-weight: bold; - width: 12px; - height: 12px; - background: url("../../../images/bad.gif") transparent no-repeat; -} - -div#autocomplete_popup input { - font-size: 16px; - margin: 20px 0 0; - width: 83px; -} - -div#autocomplete_popup span.regenerate { - width: 16px; - height: 16px; - margin: 24px 0 0 8px; - background: url("../../../images/pic_loading.gif") transparent no-repeat; - cursor: pointer; - display: inline-block; -} -/* ================================================================ * - Alert - * ================================================================ */ -.alert { - padding: 8px 15px; - margin: 20px auto; - border: 1px solid transparent; - border-radius: 4px; -} -.alert h4 { - margin-top: 0; - color: inherit; - font-size: 14px !important; -} -.alert .alert-link { - font-weight: bold; -} -.alert > p, -.alert > ul { - margin: 0 0 1px 15px; -} -.alert > p + p { - margin-top: 5px; -} -.alert-dismissable { - padding-right: 35px; -} -.alert-dismissable .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; -} -.alert-success { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} -.alert-success hr { - border-top-color: #c9e2b3; -} -.alert-success .alert-link { - color: #2b542c; -} -.alert-info { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} -.alert-info hr { - border-top-color: #a6e1ec; -} -.alert-info .alert-link { - color: #245269; -} -.alert-warning { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #f0d575; -} -.alert-warning hr { - border-top-color: #f7e1b5; -} -.alert-warning .alert-link { - color: #66512c; -} -.alert-danger { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} -.alert-danger hr { - border-top-color: #e4b9c0; -} -.alert-danger .alert-link { - color: #843534; -} -.alert-gray { - background-color: #dee3e7; - border-color: #a5afb4; -} -.alert-gray hr { - border-top-color: #a5afb4; -} - -/** - * Alert theme - **/ -.alert { - text-shadow: 0 1px 0 rgba(255, 255, 255, .2); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); -} -.alert-success { - background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); - background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); - background-repeat: repeat-x; - border-color: #b2dba1; -} -.alert-info { - background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); - background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); - background-repeat: repeat-x; - border-color: #9acfea; -} -.alert-warning { - background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); - background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); - background-repeat: repeat-x; - border-color: #f0d575; -} -.alert-danger { - background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); - background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); - background-repeat: repeat-x; - border-color: #dca7a7; -} +@import "ajax.css"; +@import "alert.css"; +@import "globals.css"; +@import "images.css"; +@import "initial.css"; +@import "main_content.css"; +@import "menus.css"; +@import "misc.css"; +@import "page_content.css"; +@import "page_footer.css"; +@import "page_header.css"; +@import "shortcuts.css"; +@import "tablesorter.css"; +@import "top.css"; +@import "youtube.css"; diff --git a/styles/templates/default/css/main_content.css b/styles/templates/default/css/main_content.css new file mode 100644 index 000000000..e0a75857d --- /dev/null +++ b/styles/templates/default/css/main_content.css @@ -0,0 +1,892 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +#infobox-wrap { + width: 740px; +} + +#infobox-body { + background: #FFFFFF; + color: #000000; + padding: 1em; + height: 300px; + overflow: auto; + border: 1px inset #000000; +} + +#infobox-body p { + margin-top: 1em; + margin-bottom: 1em; +} + +#gr-mem-list ul { + margin: 2px 4px; +} + +#gr-mem-list li { + margin-bottom: 2px; +} + +a.selfMod, a.selfMod:visited { + color: #0000FF; +} + +.view-message { + border: 1px #A5AFB4 solid; + padding: 4px; + margin: 6px; + overflow: auto; +} + +.birthday { + margin: 3px 0; + padding: 2px 4px; + max-height: 200px; + overflow: auto; +} + +td.topic_id { + cursor: pointer; +} + +table.mod_ip { + background: #F9F9F9; + border: 1px solid #A5AFB4; + border-collapse: separate; +} + +table.mod_ip td { + padding: 2px 5px; + white-space: normal; + font-size: 11px; +} + +table.mod_ip div { + max-height: 150px; + overflow: auto; +} + +/* ---------------------------------- * + Forums on home page + * ---------------------------------- */ +#forums_list_wrap { + margin-top: 4px; + padding-right: 2px; +} + +#forums_top_links { + clear: both; +} + +#forums_wrap { + clear: both; + padding-top: 1px; +} + +.cat_title { + padding: 3px 8px 5px; + letter-spacing: 1px; + text-indent: 0.6em; + background: #DEE3E7; +} + +.cat_title a { + text-decoration: none; + color: #333333 !important; +} + +table.forums { + width: 100%; +} + +.forums th { + padding: 0 !important; + font-size: 10px; + font-weight: normal; + color: #3C3C3C; +} + +.forums td { + padding: 2px 4px 3px; + font-size: 11px; +} + +.forums em { + color: #5E5E5E; + font-style: italic; +} + +.forumlink { + font-size: 13px; + font-weight: bold; +} + +.forumlink a { + text-decoration: none; +} + +.forums .forumlink { + margin-top: 1px; +} + +.forum_desc { + margin-top: 2px; + color: #333333; + font-size: 11px; + line-height: 110%; +} + +.subforums { + margin-top: 2px; + padding-left: 0.5em; +} + +.subforums em { + display: none; +} + +.subforums+.moderators { + margin-top: 0; +} + +.dot-sf { + color: #417998 !important; + font-size: 11px; + margin-right: 4px; +} + +.new .dot-sf { + color: #CA4200 !important; +} + +.sf_title { + white-space: normal; +} + +.sf_icon { + margin-right: 1px; +} + +.sf_separator {} + +.sf_title a { + text-decoration: none; +} + +.moderators { + margin-top: 2px; + font-size: 11px; + line-height: 110%; +} + +.moderators a, .moderators a:visited { + color: #333333; + font-size: 10px; + text-decoration: none; +} + +.f_last_post { + text-align: center; +} + +.last_topic { + margin-top: 1px; + white-space: nowrap; +} + +.last_topic a { + text-decoration: none; +} + +.last_post_time { + margin-top: 2px; + font-size: 10px; + white-space: nowrap; +} + +.last_author { + padding-left: 3px; +} + +.f_stat_inline { + margin-top: 1px; + white-space: nowrap; +} + +.f_stat_topics {} + +.f_stat_posts { + padding-left: 3px; +} + +.f_icon { + width: 46px; + padding: 6px 0 !important; +} + +.f_titles { + width: auto; +} + +.f_topics { + width: 40px; + text-align: center; +} + +.f_posts { + width: 50px; + text-align: center; +} + +.f_last_post { + width: 230px; +} + +.f_stat_inline { + display: block; +} + +table.forums { + border-collapse: collapse; +} + +.cat_title { + border: 1px solid #C3CBD1; +} + +.f_tbl_wrap, #board_stats_wrap { + border: solid #C3CBD1; + border-width: 0 1px; +} + +table.forums th { + border-bottom: 1px solid #C3CBD1; +} + +.forums td.row1 { + border: solid #C3CBD1; + border-width: 0 1px 1px 0; +} + +.forums td.row2 { + border: solid #C3CBD1; + border-width: 0 1px 1px 0; +} + +td.f_titles { + border-right-color: #C3CBD1 !important; +} + +td.last_td { + border-right-width: 0 !important; +} + +.cat_footer { + height: 0; + margin-top: -1px; + border-top: 1px solid #C3CBD1; + font-size: 0; + line-height: 0; +} + +.cat_separator { + height: 10px; + font-size: 0; + line-height: 0; +} + +#mark_all_forums_read { + margin: -10px 0 3px 0; +} + +#online_time { + float: left; + font-style: italic; + color: #444444; +} + +#online_explain { + float: right; +} + +#online_userlist a { + white-space: nowrap; +} + +#forums_top_nav { + display: none; +} + +.f-map-wrap { + margin-top: -1px; + border: 1px solid #DEDEDE; +} + +/* ---------------------------------- * + Forums on viewforum page + * ---------------------------------- */ +table.forum th { + white-space: nowrap; +} + +td.topic_id { + padding: 4px 6px; +} + +.spaceRow { + padding: 0 !important; + background: #D1D7DC; +} + +td.topicSep { + padding: 2px 12px 3px; + font-weight: bold; + letter-spacing: 1px; + color: #333333; +} + +.topicMoved { + font-weight: normal; + font-style: italic; +} + +.topicAnnounce { + color: #DD6900; +} + +.topicSticky { + color: #009900; +} + +.topicPoll { + /* Topic Poll prefix */ + font-weight: normal; + color: #006699; +} + +.topicPG { + font-weight: normal; + white-space: nowrap; + font-size: 10px; +} + +.iconDL { + border: 1px outset; + background: #EFEFEF; + padding: 0 3px 0 2px; + margin: 2px 1px 2px 0; +} + +.topicAuthor, a.topicAuthor, a.topicAuthor:visited { + font-size: 11px; + color: #333333; + text-decoration: none; +} + +.torSize { + font-size: 11px; + color: #333333; + text-decoration: none; +} + +.hl-selected-topic { + background-color: #FAF0E6 !important; +} + +.hl-selected-row, .hl-selected-row td { + background-color: #FAF0E6 !important; +} + +/* ---------------------------------- * + Topics on viewtopic page + * ---------------------------------- */ +table.topic { + width: 100%; +} + +.post_head { + padding: 0 6px; + font-size: 10px; +} + +.post_wrap { + line-height: 18px; +} + +.post_body { + margin: 5px 5px 8px; +} + +/* The content of the posts */ +a.postLink { + text-decoration: none; +} + +a.postLink:visited { + text-decoration: none; + color: #5493B4; +} + +.posted_since { + color: #666666; + padding-left: 4px; +} + +.signature { + clear: both; +} + +.signature { + max-height: 100px; + overflow: hidden; +} + +.signature, .signature * { + font-size: 10px !important; + color: #5E5E5E !important; + text-decoration: none !important; + background: transparent !important; + border: 0 none !important; + padding: 0 !important; + margin: 1px 0 !important; +} + +.signature .c-head, .signature .q-head { + display: none !important; +} + +.signature .c-wrap, .signature .c-body, .signature .q-wrap, .signature .q { + display: inline !important; +} + +.signature a { + text-decoration: underline !important; +} + +.signature img { + max-width: 600px; +} + +.last_edited { + font-size: 10px; + color: #5E5E5E; +} + +.poster_info p { + margin: 2px 0; + color: #444444; +} + +.poster_info .nick { + margin: 0 0 4px; + color: #333333; + line-height: 110%; +} + +.poster_info .avatar { + margin: 5px 0 4px; + max-width: 100px; + max-height: 100px; + overflow: hidden; +} + +.poster_info .birthday { + margin: 5px 0; + text-align: center !important; +} + +.avatar img { + display: block; +} + +.poster_info em { + font-style: normal; + color: #000000; +} + +table.topic, .topic .td1, .topic .td2, .topic .td3, .post_head, .post_btn_2 { + border: solid #C3CBD1; +} + +.topic .td1 { + border-width: 1px 1px 0 0; + border-right-color: #B7C0C5; +} + +.topic .td2 { + border-width: 1px 0 0 0; + width: 100%; +} + +.topic .td3 { + border-width: 0 1px 0 0; + border-right-color: #B7C0C5; + height: 100%; +} + +.post_head { + border-width: 0 0 1px 0; +} + +.post_btn_2 { + border-width: 1px 0 0 0; +} + +table.topic { + border-width: 0 1px 1px 1px; + border-color: #B7C0C5; +} + +.poster_info { + padding: 4px; + vertical-align: top; + font-size: 10px; + line-height: 100%; +} + +.poster_btn { + padding: 0; + vertical-align: bottom; + text-align: center; + white-space: nowrap; +} + +.message { + padding: 0; + vertical-align: top; + width: 100%; +} + +input.select_post { + margin-top: 0; + float: right; +} + +input[type="checkbox"].select_post { + margin-top: 4px; +} + +table.peers { + border-collapse: collapse; +} + +table.peers th { + border: 1px #A5AFB4 solid; + background: #D1D7DC; + color: #333333; +} + +table.peers td { + border: 1px #A5AFB4 solid; + padding: 4px; +} + +#last_seed_info { + border: 1px #A5AFB4 solid; +} + +.dl_list {} + +.dl_list td { + text-align: center; +} + +.dl_list img { + display: block; +} + +#dl_counts td { + font-size: 12px; +} + +#poll { + border: 1px solid #B7C0C5; + margin-bottom: -1px; +} + +.quick_reply_box { + width: 800px; +} + +.hl-selected-post { + background-color: #FFEFD5 !important; +} + +/* ---------------------------------- * + Torrent status + * ---------------------------------- */ +.tor-status-td:hover { + background: #F8F8FF; +} + +.tor-icon { + margin: 0 3px; +} + +.tor-approved { + margin-left: 1px; + color: #008000; + font-weight: bold; +} + +.tor-closed { + padding-left: 1px; + color: #FF4500; + font-weight: bold; +} + +.tor-closed-cp { + color: #CE3800; + font-weight: bold; +} + +.tor-consumed { + color: #D26900; + font-weight: bold; +} + +.tor-dup { + padding-left: 1px; + color: #0000FF; + font-weight: bold; +} + +.tor-need-edit { + color: #FF0000; + font-weight: bold; +} + +.tor-no-desc { + padding-left: 1px; + color: #FF4500; + font-weight: bold; +} + +.tor-not-approved { + color: #C71585; + font-weight: bold; +} + +.tor-checking { + color: #2424FF; + font-weight: bold; +} + +/* ---------------------------------- * + Attachments + * ---------------------------------- */ +table.attach { + width: 95%; + margin: 0 auto; + clear: both; + border-color: #A5AFB4; +} + +.attach th, .attach td { + border-color: #A5AFB4; +} + +.attach th { + padding: 3px; + text-align: center; + font-weight: bold; + background: #D1D7DC; +} + +.attach td { + padding: 2px 4px; +} + +.dl-link { + font-size: 13px; +} + +fieldset.attach { + width: 95%; + margin: 14px auto; + padding: 2px; + clear: both; +} + +.attach_link { + margin: 2px 12px 6px; +} + +.attach_stats { + padding-left: 3px; +} + +.attach_comment { + margin: 6px 12px; + padding: 1px 8px; + line-height: 110%; + color: #444444; + border-left: 2px solid #CC9933; +} + +.attach .denied { + color: #800000; +} + +#tor_blocked { + width: 95%; +} + +#tor_blocked td { + background: #FAEBD7; + padding: 8px 12px; + color: #6E380F; +} + +/* ---------------------------------- * + Search Results page + * ---------------------------------- */ +.opened { + color: #71869F; +} + +/* ---------------------------------- * + Tracker + * ---------------------------------- */ +a.tr-dl, a.dl-link:link { + font-weight: bold; +} + +a.dl-link { + font-size: 13px; + text-decoration: none; +} + +a.tr-dl:visited, a.f-dl:visited, a.dl-link:visited { + color: #5493B4; + font-weight: normal; +} + +.a-hash { + color: #000066 !important; + cursor: pointer; +} + +.a-hash:hover { + color: #DD6900 !important; + text-decoration: underline !important; +} + +.a-hash:active, .a-hash:focus { + color: #DD6900 !important; + text-decoration: underline !important; +} + +.seed-leech { + padding-left: 1px; + padding-right: 0; +} + +.tr_tm { + margin-top: 2px; + font-size: 10px; + color: #676767; +} + +.ch { + font-style: italic; + color: #0080FF; +} + +#fs-sel-cat option.cat-title { + font-weight: bold; + color: #005A88; + background: #F5F5F5; +} + +tr.hl-tr:hover td { + background-color: #F8F8F8 !important; +} + +#fs-nav-ul .b { + font-weight: bold; +} + +#fs-nav-ul li, #fs-nav-close { + cursor: pointer; +} + +#fs-nav-ul span.f:hover, #fs-nav-close:hover { + color: blue; + background: #DEE2E4; +} + +#fs-nav-list { + border: 3px double #9AA7AD; + background: #EFEFEF; + padding: 8px; + max-height: 500px; + overflow: auto; +} + +#fs-sel-cat { + width: 260px; +} + +#fs-sel-cat option.cat-title { + font-weight: bold; + color: #005A88; + background: #F5F5F5; +} + +.dlWill { + color: #0066CC; +} + +.dlDown, .leech, .leechmed, .leechsmall { + color: #800000 !important; +} + +.dlComplete, .seed, .seedmed, .seedsmall { + color: #006600 !important; +} + +.dlCancel { + color: #666666 !important; +} + +a.dlWill, a.dlWill:visited { + color: #0066CC !important; + text-decoration: none; +} + +a.dlDown, a.dlDown:visited { + color: #800000 !important; + text-decoration: none; +} + +a.dlComplete, a.dlComplete:visited { + color: #006600 !important; + text-decoration: none; +} + +a.dlCancel, a.dlCancel:visited { + color: #666666 !important; + text-decoration: none; +} diff --git a/styles/templates/default/css/menus.css b/styles/templates/default/css/menus.css new file mode 100644 index 000000000..c77e1415a --- /dev/null +++ b/styles/templates/default/css/menus.css @@ -0,0 +1,105 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.menu-root { + padding-right: 13px; + white-space: nowrap; + background: transparent url(../images/menu_open.gif) no-repeat right; +} + +.menu-alt1 { + padding-right: 0; + background: transparent; +} + +img.menu-alt1 { + width: 9px; + height: 9px; +} + +a.menu-root, a.menu-root:visited, a.menu-root:hover { + text-decoration: none !important; +} + +.menu-sub { + position: absolute; + display: none; + z-index: 1000; +} + +.menu-sub table { + background: #FFFFFF; + border: 1px solid #92A3A4; +} + +.menu-sub table th { + background: #71869F; + color: #F0F8FF; + font-weight: bold; + font-size: 11px; +} + +.menu-sub table td { + background: #E7E7E7; + font-size: 11px; +} + +.menu-sub table td.cat { + background: #B5BEC3; +} + +.menu-sub legend { + font-weight: bold; +} + +.menu-sub label { + display: block; + padding-right: 2px; + margin-right: 1px; +} + +.menu-sub label:hover { + background: #D1D7DC; + color: #993300; +} + +.menu-a { + background: #FFFFFF; + border: 1px solid #92A3A4; +} + +.menu-a a { + color: #0000A0; + background: #E7E7E7; + padding: 4px 10px 5px; + margin: 1px; + display: block; + text-decoration: none !important; +} + +.menu-a a:hover { + color: #0000FF; + background: #D1D7DC; + text-decoration: none !important; +} diff --git a/styles/templates/default/css/misc.css b/styles/templates/default/css/misc.css new file mode 100644 index 000000000..7edbedf4f --- /dev/null +++ b/styles/templates/default/css/misc.css @@ -0,0 +1,122 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.sf { + padding-left: 20px !important; +} + +.jumpbox { + margin: 6px 0; + text-align: right; + white-space: nowrap; +} + +.attachrow { + font-size: 11px; + border: 1px #A5AFB4 solid; +} + +.attachheader { + font-size: 11px; + border: 1px #A5AFB4 solid; + background: #D1D7DC; +} + +.attachtable { + font-size: 12px; + border: 1px #A5AFB4 solid; + border-collapse: collapse; +} + +pre, .pre { + font-family: Courier, monospace; + font-size: 12px; + border: 1px solid #B7C0C5; + background: #F5F5F5; + padding: 4px; + margin: 10px; + text-align: left; +} + +.pre { + width: 100%; + overflow: auto; + white-space: nowrap; +} + +.ann { + font-size: 13px; + text-align: center; + color: #993300; + font-weight: bold; +} + +.clickable { + cursor: pointer; +} + +.folded, .folded2 { + display: block; + background: transparent url(../images/icon_plus_1.gif) no-repeat left center; + padding-left: 14px; +} + +.unfolded, .unfolded2 { + display: block; + background: transparent url(../images/icon_minus_1.gif) no-repeat left center; + padding-left: 14px; +} + +.folded2 { + background-image: url(../images/icon_plus_2.gif); +} + +.unfolded2 { + background-image: url(../images/icon_minus_2.gif); +} + +.warnColor1 { + color: #993300; +} + +.warnColor2 { + color: #FF0000; +} + +.warnBorder1 { + border: 1px solid #A52A2A; +} + +.warningBox1 { + border: 1px solid #A52A2A; + color: #993300; + padding: 12px; +} + +.warningBox2 { + color: #993300 !important; + background: #FFD9B2; + border: 2px solid #CC6600; + padding: 8px; +} diff --git a/styles/templates/default/css/page_content.css b/styles/templates/default/css/page_content.css new file mode 100644 index 000000000..ac77124bd --- /dev/null +++ b/styles/templates/default/css/page_content.css @@ -0,0 +1,133 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +/* ---------------------------------- * + Sidebar 1 + * ---------------------------------- */ +#sidebar1 { + margin-top: -8px; + width: 210px; + padding: 0 6px 0 3px; + vertical-align: top; +} + +#sidebar1 h3 { + padding: 0 0 4px 0; + margin: 8px 0 2px 0; + color: #333333; + text-indent: 0.5em; + background: transparent url(../images/hr200_ltr_gradient.jpg) no-repeat left bottom; +} + +#sidebar1 h3 a { + color: #333333; +} + +#sidebar1 h5 { + padding: 2px 4px 5px; +} + +#sidebar1 ul { + margin: 6px 0 0 10px; +} + +#sidebar1 li { + margin-bottom: 2px; + margin-left: 14px; +} + +#sidebar1 a { + text-decoration: none; + color: #005A88; +} + +/* ---------------------------------- * + Sidebar 2 + * ---------------------------------- */ +#sidebar2 { + margin-top: -8px; + width: 210px; + padding: 0 6px 0 3px; + vertical-align: top; +} + +#sidebar2 h3 { + padding: 0 0 4px 0; + margin: 0 0 2px 0; + color: #333333; + text-indent: 0.5em; + background: transparent url(../images/hr200_ltr_gradient.jpg) no-repeat left bottom; +} + +#sidebar2 h3 a { + color: #333333; +} + +#sidebar2 h5 { + padding: 2px 4px 5px; +} + +#sidebar2 ul { + margin: 6px 0 0 10px; +} + +#sidebar2 li { + margin-bottom: 2px; + margin-left: 14px; +} + +#sidebar2 a { + text-decoration: none; + color: #005A88; +} + +/* User ratio */ +#user_ratio { + padding: 1px 6px 0 0; + font-size: 11px; +} + +#user_ratio td { + padding: 1px 6px 1px 6px; + font-size: 11px; +} + +#tr_main_cats {} + +/* Main tracker categories list */ +#tr_main_cats ul { + list-style-image: url(../images/arrow1.gif); +} + +#tr_main_cats li { + margin-bottom: 3px; + margin-left: 11px; + font-size: 11px; + font-weight: bold; + line-height: 110%; +} + +#author-rel a { + color: #800000; +} diff --git a/styles/templates/default/css/page_footer.css b/styles/templates/default/css/page_footer.css new file mode 100644 index 000000000..55ec8bf4c --- /dev/null +++ b/styles/templates/default/css/page_footer.css @@ -0,0 +1,55 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.bottom_info { + font-size: 11px; +} + +.copyright { + font-size: 10px; + color: #444444; + letter-spacing: -1px; +} + +.copyright a { + text-decoration: none; +} + +#timezone { + float: right; + text-align: right; + white-space: nowrap; + font-size: 10px; + line-height: 110%; + color: #333333; +} + +.tz_time { + font-family: "Courier New", Courier, monospace; + font-size: 11px; +} + +#f_icons_legend { + margin: 4px auto; +} diff --git a/styles/templates/default/css/page_header.css b/styles/templates/default/css/page_header.css new file mode 100644 index 000000000..842066a20 --- /dev/null +++ b/styles/templates/default/css/page_header.css @@ -0,0 +1,182 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +/* ---------------------------------- * + TopMenu, Quick Login, PM Info, Logout + * ---------------------------------- */ +.topmenu { + background: #eff0f3; + border: 1px solid #CFD4D8; + margin: 3px 4px 0; + padding: 0 3px; + overflow: hidden; +} + +.topmenu a:link, .topmenu a:visited { + text-decoration: none; +} + +.topmenu td { + padding: 4px; + font-size: 11px; + white-space: nowrap; +} + +.new-pm { + background: #FFD9B2 !important; + border-top-color: #FFD9B2 !important; + border-bottom-color: #FFAA51 !important; +} + +.new-pm-link { + color: #993300 !important; + font-weight: bold; +} + +.new-pm-link:hover { + color: #591D00 !important; +} + +/* ---------------------------------- * + Logo + * ---------------------------------- */ +#logo { + padding: 2px 4px; + min-height: 75px; +} + +#logo h1 { + margin: 0 300px 0 0; + padding-top: 6px; + font-size: 42px; + font-variant: small-caps; +} + +#logo h6 { + margin: 0 300px 0 0; + padding-top: 1px; + padding-bottom: 3px; + font-size: 14px; + font-variant: small-caps; +} + +#logo img { + padding: 7px 7px 6px 5px; + width: 460px; +} + +/* ---------------------------------- * + Main navigation + * ---------------------------------- */ +#main-nav { + padding: 4px 10px; + margin: 0; + border: solid #C3CBD1; + border-width: 0 0 1px 0; + background: #eff0f3; +} + +#main-nav b { + padding: 0 4px 0 1px; +} + +#main-nav a { + color: #444; + text-decoration: none; +} + +#main-nav a:hover, #main-nav a:active { + text-decoration: none !important; + color: #000000; +} + +/* ---------------------------------- * + Latest News + * ---------------------------------- */ +#latest_news { + margin-bottom: 8px; +} + +#latest_news table { + border-collapse: collapse; +} + +#latest_news h3 { + padding: 0 0 3px 0; + color: #333333; +} + +#latest_news td { + vertical-align: top; +} + +.news_date { + float: right; + padding: 1px 8px 1px; + white-space: nowrap; + font-family: "Courier New", Courier, monospace; + color: #333333; + background: #F2F2F2; + border: 1px solid #B4B4B4; +} + +.news_title { + padding: 3px 8px 2px; + margin-bottom: 2px; + background: transparent url(../images/hr400_ltr_gradient.jpg) no-repeat left top; +} + +#latest_news a { + text-decoration: none; + color: #000000; +} + +#latest_news .new a { + color: #A52A2A; + font-weight: bold; +} + +/* ---------------------------------- * + Search input + * ---------------------------------- */ +#search-text { + background: white; + border: 1px solid silver; + padding: 1px; + width: 300px; +} + +@media screen and (max-width: 1200px) { + #search-text { + width: 180px; + } +} + +#search-text:hover { + border: 1px solid #aaaaaa; +} + +#search-text:focus { + border: 1px solid #aaaaaa; +} diff --git a/styles/templates/default/css/shortcuts.css b/styles/templates/default/css/shortcuts.css new file mode 100644 index 000000000..35ab7ca44 --- /dev/null +++ b/styles/templates/default/css/shortcuts.css @@ -0,0 +1,329 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.spacer_0, .spacer_2, .spacer_4, .spacer_6, .spacer_8, .spacer_10, .spacer_12 { + font-size: 0; + line-height: 0; +} + +.spacer_0 { + height: 0; +} + +.spacer_2 { + height: 2px; +} + +.spacer_4 { + height: 4px; +} + +.spacer_6 { + height: 6px; +} + +.spacer_8 { + height: 8px; +} + +.spacer_10 { + height: 10px; +} + +.spacer_12 { + height: 12px; +} + +.pad_0, .pad_0 td, td.pad_0 { + padding: 0; +} + +.pad_2, .pad_2 td, td.pad_2 { + padding: 2px; +} + +.pad_4, .pad_4 td, td.pad_4 { + padding: 4px; +} + +.pad_6, .pad_6 td, td.pad_6 { + padding: 6px; +} + +.pad_8, .pad_8 td, td.pad_8 { + padding: 8px; +} + +.pad_10, .pad_10 td, td.pad_10 { + padding: 10px; +} + +.pad_12, .pad_12 td, td.pad_12 { + padding: 12px; +} + +.pad_14, .pad_14 td, td.pad_14 { + padding: 14px; +} + +.pad_16, .pad_16 td, td.pad_16 { + padding: 16px; +} + +.mrg_0 { + margin: 0 !important; +} + +.mrg_2 { + margin: 2px !important; +} + +.mrg_4 { + margin: 4px !important; +} + +.mrg_6 { + margin: 6px !important; +} + +.mrg_8 { + margin: 8px !important; +} + +.mrg_10 { + margin: 10px !important; +} + +.mrg_12 { + margin: 12px !important; +} + +.mrg_14 { + margin: 14px !important; +} + +.mrg_16 { + margin: 16px !important; +} + +.lh_100 { + line-height: 100%; +} + +.lh_110 { + line-height: 110%; +} + +.lh_120 { + line-height: 120%; +} + +.lh_150 { + line-height: 150%; +} + +.wAuto { + width: auto !important; +} + +.w50 { + width: 50% !important; +} + +.w60 { + width: 60% !important; +} + +.w70 { + width: 70% !important; +} + +.w80 { + width: 80% !important; +} + +.w85 { + width: 85% !important; +} + +.w90 { + width: 90% !important; +} + +.w95 { + width: 95% !important; +} + +.w100 { + width: 100% !important; +} + +.border { + border: solid #B7C0C5; +} + +.bw_T { + border-width: 1px 0 0 0 !important; +} + +.bw_TR { + border-width: 1px 1px 0 0 !important; +} + +.bw_TRB { + border-width: 1px 1px 1px 0 !important; +} + +.bw_TRBL { + border-width: 1px 1px 1px 1px !important; +} + +.bw_TB { + border-width: 1px 0 1px 0 !important; +} + +.bw_TBL { + border-width: 1px 0 1px 1px !important; +} + +.bw_TL { + border-width: 1px 0 0 1px !important; +} + +.bw_TRL { + border-width: 1px 1px 0 1px !important; +} + +.bw_R { + border-width: 0 1px 0 0 !important; +} + +.bw_RB { + border-width: 0 1px 1px 0 !important; +} + +.bw_RBL { + border-width: 0 1px 1px 1px !important; +} + +.bw_RL { + border-width: 0 1px 0 1px !important; +} + +.bw_B { + border-width: 0 0 1px 0 !important; +} + +.bw_BL { + border-width: 0 0 1px 1px !important; +} + +.bw_L { + border-width: 0 0 0 1px !important; +} + +.bCenter { + margin-left: auto !important; + margin-right: auto !important; +} + +.bLeft { + margin-right: auto !important; +} + +.block { + display: block; +} + +.bold { + font-weight: bold; +} + +.bRight { + margin-left: auto !important; +} + +.clear { + clear: both; + height: 0; + font-size: 0; + line-height: 0; + overflow: hidden; +} + +.clearB { + clear: both; +} + +.floatL { + float: left; +} + +.floatR { + float: right; +} + +.hidden { + display: none; +} + +.inline { + display: inline; +} + +.normal { + font-weight: normal; +} + +.nowrap { + white-space: nowrap !important; +} + +.wrap { + white-space: normal !important; +} + +.strike { + text-decoration: line-through; +} + +.tCenter { + text-align: center !important; +} + +.tLeft { + text-align: left !important; +} + +.tRight { + text-align: right !important; +} + +.vBottom { + vertical-align: bottom !important; +} + +.vTop { + vertical-align: top !important; +} diff --git a/styles/templates/default/css/tablesorter.css b/styles/templates/default/css/tablesorter.css new file mode 100644 index 000000000..39a7c0535 --- /dev/null +++ b/styles/templates/default/css/tablesorter.css @@ -0,0 +1,135 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.treeview, .treeview ul { + padding: 0; + margin: 0; + list-style: none; + font-size: 11px; + line-height: 14px; +} + +.treeview ul { + margin-top: 4px; +} + +.treeview .hitarea { + background: url(../images/treeview/treeview-default.gif) -64px -25px no-repeat; + width: 16px; + height: 16px; + margin-left: -16px; + float: left; + cursor: pointer; +} + +* html .hitarea { + display: inline; + float: none; +} + +.treeview li { + margin: 0; + padding: 1px 0 1px 16px; +} + +.treeview span { + padding-left: 3px; + display: block; +} + +.treeview a.selected { + background-color: #eee; +} + +#treecontrol { + margin: 1em 0; + display: none; +} + +.treeview .hover { + color: red; + cursor: pointer; +} + +.treeview li { + background: url(../images/treeview/treeview-default-line.gif) 0 0 no-repeat; +} + +.treeview li.collapsable, .treeview li.expandable { + background-position: 0 -176px; +} + +.treeview .expandable-hitarea { + background-position: -80px -3px; +} + +.treeview li.last { + background-position: 0 -1766px +} + +.treeview li.lastCollapsable, .treeview li.lastExpandable { + background-image: url(../images/treeview/treeview-default.gif); +} + +.treeview li.lastCollapsable { + background-position: 0 -111px +} + +.treeview li.lastExpandable { + background-position: -32px -67px +} + +.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { + background-position: 0; +} + +.tablesorter u { + display: none; +} + +.tablesorter .header { + cursor: pointer; + white-space: nowrap; +} + +.tablesorter .tbs-text { + padding-bottom: 1px; +} + +.headerSortUp .tbs-text, .headerSortDown .tbs-text { + border-bottom: 2px solid; +} + +.tbs-icon { + padding-left: 8px; + background: url(../images/tbl_sort_bg.gif) no-repeat 0 50%; +} + +.headerSortUp .tbs-icon { + background-image: url(../images/tbl_sort_asc.gif); +} + +.headerSortDown .tbs-icon { + background-image: url(../images/tbl_sort_desc.gif); +} diff --git a/styles/templates/default/css/top.css b/styles/templates/default/css/top.css new file mode 100644 index 000000000..a1ec91f37 --- /dev/null +++ b/styles/templates/default/css/top.css @@ -0,0 +1,86 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +html { + min-height: 100.1%; +} + +body { + min-width: 760px; + color: #000000; + background: #E3E3E3; +} + +body, th, td, font { + font: 12px Verdana, Arial, sans-serif; +} + +#body_container { + background: #E3E3E3; + padding: 0 0 4px; +} + +#page_container { + margin: 0 auto; + background: #FFFFFF; + border: 1px solid #CFD4D8; +} + +#page_header { + position: relative; + width: 100%; +} + +#page_content { + padding: 12px 10px 0; + margin: 0 auto; + clear: both; + position: relative; +} + +#sidebar1 {} + +#sidebar2 { + padding: 0 3px 0 6px; + vertical-align: top; + width: 240px; +} + +#sidebar1-wrap { + margin-top: -8px; + width: 210px; +} + +#sidebar2-wrap {} + +#main_content { + vertical-align: top; +} + +#main_content_wrap {} + +#page_footer { + clear: both; + margin: 12px 0 3px; +} diff --git a/styles/templates/default/css/youtube.css b/styles/templates/default/css/youtube.css new file mode 100644 index 000000000..ce6f459eb --- /dev/null +++ b/styles/templates/default/css/youtube.css @@ -0,0 +1,229 @@ +/* + * MIT License + * + * Copyright (c) 2005-2017 TorrentPier + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +.Panels { + z-index: 200; + top: 50%; + left: 50%; + background-attachment: fixed, scroll; + background: url(../images/aerobg.png), -moz-linear-gradient(top, rgba(200, 200, 200, 0.4) 0%, rgba(255, 255, 255, 1) 100%); + background: url(../images/aerobg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(200, 200, 200, 0.4)), color-stop(100%, rgba(255, 255, 255, 1))); + background: url(../images/aerobg.png), -webkit-linear-gradient(top, rgba(200, 200, 200, 0.4) 0%, rgba(255, 255, 255, 1) 100%); + background: url(../images/aerobg.png), -o-linear-gradient(top, rgba(200, 200, 200, 0.4) 0%, rgba(255, 255, 255, 1) 100%); + background: url(../images/aerobg.png), -ms-linear-gradient(top, rgba(200, 200, 200, 0.4) 0%, rgba(255, 255, 255, 1) 100%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66c8c8c8', endColorstr='#ffffff', GradientType=0); + background: url(../images/aerobg.png), linear-gradient(top, rgba(200, 200, 200, 0.4) 0%, rgba(255, 255, 255, 1) 100%); + background-size: cover; + -moz-background-size: cover; + -webkit-background-size: cover; + border: 1px solid gray; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 1px #FFF inset; + -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 1px #FFF inset; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 1px #FFF inset; + position: fixed; + max-width: 99%; + min-width: 100px; + min-height: 24px; + overflow: hidden; + margin: 1px; +} + +.Panels.Minimized { + position: relative; + top: auto !important; + left: auto !important; + float: left; + max-width: 200px; + height: 24px !important; + margin: 0 !important; +} + +.PanelsButton { + float: right; + overflow: hidden; + margin: 5px 5px 0 10px; +} + +.PanelsClose { + color: #006699; + cursor: pointer; +} + +.PanelsClose:hover { + color: #DD6900; + text-decoration: underline !important; +} + +.PanelsTitle { + overflow: hidden; + white-space: nowrap; + max-height: 20px; + font-weight: 700; +} + +.Panels.Minimized .PanelsTitle.Hidden { + display: block; +} + +.PanelsTitle, .PanelsMenu { + padding: 5px 5px 0; +} + +.Panels.Minimized .PanelsTitle, .Panels.Minimized .PanelsMenu { + cursor: inherit; +} + +.PanelsContent, .PanelsFooter { + border-top: 1px dashed #A9A9A9; + clear: both; + margin: 5px 0 0; + padding: 5px; +} + +#PanelsDock { + bottom: 0; + left: 0; + position: fixed; + padding: 0 0 0 5px; +} + +#PanelsDockToggle { + border: 1px solid gray; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 1px #FFF inset; + -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 1px #FFF inset; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 1px #FFF inset; + float: left; + border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -webkit-border-radius: 0 3px 3px 0; + margin: 1px 1px 1px 0; + padding: 4px 10px; +} + +.Panels.Minimized .PanelsMenu, .Panels.Minimized .PanelsContent, .Panels.Minimized .PanelsFooter, .PanelsTitle.Hidden, .PanelsMenu.Hidden { + display: none; +} + +span.button { + background-image: url(../images/def_button.png); +} + +span.button:hover { + background-image: url(../images/def_button_light.png); +} + +span.YTLink { + background-color: gray; + border: 1px solid #333333; + display: inline-block; + font-weight: bold; + padding: 2px 2px 2px 5px; + margin: 1px 2px -6px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +span.YTLinkButton { + background-color: #008500; + border: 1px solid #333333; + color: white; + display: inline-block; + float: right; + margin: -3px -3px -3px 4px; + padding: 2px 4px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + cursor: url(../images/link_help.cur), pointer; +} + +span.YTLink a.postLink { + color: white; + float: left; +} + +span#autocomplete { + cursor: pointer; + color: #006699; + font: 12px Arial, sans-serif; +} + +div#autocomplete_popup { + position: fixed; + z-index: 999; + width: 300px; + height: 100px; + background: #FFFFFF; + text-align: center; + display: none; + border: 1px solid #B7C0C5; +} + +div#autocomplete_popup div.relative { + position: relative; + width: 300px; + height: 100px; +} + +div#autocomplete_popup div.title { + background: #1C508C; + color: #D5E4EC; + font-size: 11px; + font-weight: bold; + padding: 6px 8px 7px; +} + +div#autocomplete_popup div.close { + position: absolute; + right: 7px; + cursor: pointer; + top: 7px; + color: red; + font-weight: bold; + width: 12px; + height: 12px; + background: url("../../../images/bad.gif") transparent no-repeat; +} + +div#autocomplete_popup input { + font-size: 16px; + margin: 20px 0 0; + width: 83px; +} + +div#autocomplete_popup span.regenerate { + width: 16px; + height: 16px; + margin: 24px 0 0 8px; + background: url("../../../images/pic_loading.gif") transparent no-repeat; + cursor: pointer; + display: inline-block; +} diff --git a/styles/templates/default/page_header.tpl b/styles/templates/default/page_header.tpl index 328a8c2e1..86ba08a5c 100644 --- a/styles/templates/default/page_header.tpl +++ b/styles/templates/default/page_header.tpl @@ -7,7 +7,7 @@ {META} - +