mirror of
https://github.com/phpbb/phpbb.git
synced 2025-02-25 04:23:38 +01:00
ee7d9614c0
Added a function to list all available archiving methods and integrated it with the prosilver style. Heavy modifications to download/file.php to support archiving and downloading of multiple files at once. PHPBB3-11042
728 lines
11 KiB
CSS
728 lines
11 KiB
CSS
/* Content Styles
|
|
---------------------------------------- */
|
|
|
|
ul.topiclist {
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
}
|
|
|
|
ul.forums {
|
|
background: transparent none repeat-x 0 0;
|
|
}
|
|
|
|
ul.topiclist li {
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
}
|
|
|
|
ul.topiclist dl {
|
|
position: relative;
|
|
}
|
|
|
|
ul.topiclist li.row dl {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
ul.topiclist dt {
|
|
display: block;
|
|
float: left;
|
|
width: 50%;
|
|
font-size: 1.1em;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
ul.topiclist dd {
|
|
display: block;
|
|
float: left;
|
|
border-left: 1px solid transparent;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
ul.topiclist dfn {
|
|
/* Labels for post/view counts */
|
|
position: absolute;
|
|
left: -999px;
|
|
width: 990px;
|
|
}
|
|
|
|
ul.topiclist li.row dt a.subforum {
|
|
background-image: none;
|
|
background-position: 0 50%;
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
padding: 0 0 0 12px;
|
|
}
|
|
|
|
.forum-image {
|
|
float: left;
|
|
padding-top: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
li.row {
|
|
border-top: 1px solid transparent;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
li.row strong {
|
|
font-weight: normal;
|
|
}
|
|
|
|
li.header dt, li.header dd {
|
|
line-height: 1em;
|
|
border-left-width: 0;
|
|
margin: 2px 0 4px 0;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
font-size: 1em;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
li.header dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
li.header dd {
|
|
margin-left: 1px;
|
|
}
|
|
|
|
li.header dl.icon {
|
|
min-height: 0;
|
|
}
|
|
|
|
li.header dl.icon dt {
|
|
/* Tweak for headers alignment when folder icon used */
|
|
padding-left: 0;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
/* Forum list column styles */
|
|
dl.icon {
|
|
min-height: 35px;
|
|
background-position: 10px 50%; /* Position of folder icon */
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
dl.icon dt {
|
|
padding-left: 45px; /* Space for folder icon */
|
|
background-repeat: no-repeat;
|
|
background-position: 5px 95%; /* Position of topic icon */
|
|
}
|
|
|
|
dd.posts, dd.topics, dd.views {
|
|
width: 8%;
|
|
text-align: center;
|
|
line-height: 2.2em;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* List in forum description */
|
|
dl.icon dt ol,
|
|
dl.icon dt ul {
|
|
list-style-position: inside;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
dl.icon dt li {
|
|
display: list-item;
|
|
list-style-type: inherit;
|
|
}
|
|
|
|
dd.lastpost {
|
|
width: 25%;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
dd.redirect {
|
|
font-size: 1.1em;
|
|
line-height: 2.5em;
|
|
}
|
|
|
|
dd.moderation {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
|
|
display: block;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
dd.time {
|
|
width: auto;
|
|
line-height: 200%;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
dd.extra {
|
|
width: 12%;
|
|
line-height: 200%;
|
|
text-align: center;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
dd.mark {
|
|
float: right !important;
|
|
width: 9%;
|
|
text-align: center;
|
|
line-height: 200%;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
dd.info {
|
|
width: 30%;
|
|
}
|
|
|
|
dd.option {
|
|
width: 15%;
|
|
line-height: 200%;
|
|
text-align: center;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
dd.searchby {
|
|
width: 47%;
|
|
font-size: 1.1em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
ul.topiclist dd.searchextra {
|
|
margin-left: 5px;
|
|
padding: 0.2em 0;
|
|
font-size: 1.1em;
|
|
border-left: none;
|
|
clear: both;
|
|
width: 98%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Container for post/reply buttons and pagination */
|
|
.topic-actions {
|
|
margin-bottom: 3px;
|
|
font-size: 1.1em;
|
|
height: 28px;
|
|
min-height: 28px;
|
|
}
|
|
div[class].topic-actions {
|
|
height: auto;
|
|
}
|
|
|
|
/* Post body styles
|
|
----------------------------------------*/
|
|
.postbody {
|
|
padding: 0;
|
|
line-height: 1.48em;
|
|
width: 76%;
|
|
float: left;
|
|
clear: both;
|
|
}
|
|
|
|
.postbody .ignore {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.postbody h3.first {
|
|
/* The first post on the page uses this */
|
|
font-size: 1.7em;
|
|
}
|
|
|
|
.postbody h3 {
|
|
/* Postbody requires a different h3 format - so change it here */
|
|
font-size: 1.5em;
|
|
padding: 2px 0 0 0;
|
|
margin: 0 0 0.3em 0 !important;
|
|
text-transform: none;
|
|
border: none;
|
|
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
|
|
line-height: 125%;
|
|
}
|
|
|
|
.postbody h3 img {
|
|
/* Also see tweaks.css */
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.postbody .content {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.search .postbody {
|
|
width: 68%
|
|
}
|
|
|
|
/* Topic review panel
|
|
----------------------------------------*/
|
|
#review {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
#topicreview {
|
|
padding-right: 5px;
|
|
overflow: auto;
|
|
height: 300px;
|
|
}
|
|
|
|
#topicreview .postbody {
|
|
width: auto;
|
|
float: none;
|
|
margin: 0;
|
|
height: auto;
|
|
}
|
|
|
|
#topicreview .post {
|
|
height: auto;
|
|
}
|
|
|
|
#topicreview h2 {
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.post-ignore .postbody {
|
|
display: none;
|
|
}
|
|
|
|
/* MCP Post details
|
|
----------------------------------------*/
|
|
#post_details
|
|
{
|
|
/* This will only work in IE7+, plus the others */
|
|
overflow: auto;
|
|
max-height: 300px;
|
|
}
|
|
|
|
#expand
|
|
{
|
|
clear: both;
|
|
}
|
|
|
|
/* Content container styles
|
|
----------------------------------------*/
|
|
.content {
|
|
min-height: 3em;
|
|
overflow: hidden;
|
|
line-height: 1.4em;
|
|
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 1em;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
.content h2, .panel h2 {
|
|
font-weight: normal;
|
|
border-bottom: 1px solid transparent;
|
|
font-size: 1.6em;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
.panel h3 {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.panel p {
|
|
font-size: 1.2em;
|
|
margin-bottom: 1em;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.content p {
|
|
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 1.2em;
|
|
margin-bottom: 1em;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
span.corners-top, span.corners-bottom {
|
|
display: none;
|
|
}
|
|
|
|
dl.faq {
|
|
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 1.1em;
|
|
margin-top: 1em;
|
|
margin-bottom: 2em;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
dl.faq dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.content dl.faq {
|
|
font-size: 1.2em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.content li {
|
|
list-style-type: inherit;
|
|
}
|
|
|
|
.content ul, .content ol {
|
|
margin-bottom: 1em;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
.posthilit {
|
|
padding: 0 2px 1px 2px;
|
|
}
|
|
|
|
/* Post author */
|
|
p.author {
|
|
margin: 0 15em 0.6em 0;
|
|
padding: 0 0 5px 0;
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 1em;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
/* Post signature */
|
|
.signature {
|
|
margin-top: 1.5em;
|
|
padding-top: 0.2em;
|
|
font-size: 1.1em;
|
|
border-top: 1px solid transparent;
|
|
clear: left;
|
|
line-height: 140%;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
dd .signature {
|
|
margin: 0;
|
|
padding: 0;
|
|
clear: none;
|
|
border: none;
|
|
}
|
|
|
|
.signature li {
|
|
list-style-type: inherit;
|
|
}
|
|
|
|
.signature ul, .signature ol {
|
|
margin-bottom: 1em;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
/* Post noticies */
|
|
.notice {
|
|
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
|
|
width: auto;
|
|
margin-top: 1.5em;
|
|
padding-top: 0.2em;
|
|
font-size: 1em;
|
|
border-top: 1px dashed transparent;
|
|
clear: left;
|
|
line-height: 130%;
|
|
}
|
|
|
|
/* Jump to post link for now */
|
|
ul.searchresults {
|
|
list-style: none;
|
|
text-align: right;
|
|
clear: both;
|
|
}
|
|
|
|
/* BB Code styles
|
|
----------------------------------------*/
|
|
/* Quote block */
|
|
blockquote {
|
|
background: transparent none 6px 8px no-repeat;
|
|
border: 1px solid transparent;
|
|
font-size: 0.95em;
|
|
margin: 0.5em 1px 0 25px;
|
|
overflow: hidden;
|
|
padding: 5px;
|
|
}
|
|
|
|
blockquote blockquote {
|
|
/* Nested quotes */
|
|
font-size: 1em;
|
|
margin: 0.5em 1px 0 15px;
|
|
}
|
|
|
|
blockquote cite {
|
|
/* Username/source of quoter */
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
margin-left: 20px;
|
|
display: block;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
blockquote cite cite {
|
|
font-size: 1em;
|
|
}
|
|
|
|
blockquote.uncited {
|
|
padding-top: 25px;
|
|
}
|
|
|
|
/* Code block */
|
|
dl.codebox {
|
|
padding: 3px;
|
|
border: 1px solid transparent;
|
|
font-size: 1em;
|
|
}
|
|
|
|
dl.codebox dt {
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid transparent;
|
|
margin-bottom: 3px;
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
display: block;
|
|
}
|
|
|
|
blockquote dl.codebox {
|
|
margin-left: 0;
|
|
}
|
|
|
|
dl.codebox code {
|
|
/* Also see tweaks.css */
|
|
overflow: auto;
|
|
display: block;
|
|
height: auto;
|
|
max-height: 200px;
|
|
white-space: normal;
|
|
padding-top: 5px;
|
|
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
|
|
line-height: 1.3em;
|
|
margin: 2px 0;
|
|
}
|
|
|
|
/* Attachments
|
|
----------------------------------------*/
|
|
.attachbox {
|
|
float: left;
|
|
width: auto;
|
|
margin: 5px 5px 5px 0;
|
|
padding: 6px;
|
|
border: 1px dashed transparent;
|
|
clear: left;
|
|
}
|
|
|
|
.attachbox dt {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.attachbox dd {
|
|
margin-top: 4px;
|
|
padding-top: 4px;
|
|
clear: left;
|
|
border-top: 1px solid transparent;
|
|
}
|
|
|
|
.attachbox dd dd {
|
|
border: none;
|
|
}
|
|
|
|
.attachbox p {
|
|
line-height: 110%;
|
|
font-weight: normal;
|
|
clear: left;
|
|
}
|
|
|
|
.attachbox p.stats
|
|
{
|
|
line-height: 110%;
|
|
font-weight: normal;
|
|
clear: left;
|
|
}
|
|
|
|
.attach-image {
|
|
margin: 3px 0;
|
|
width: 100%;
|
|
max-height: 350px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.attach-image img {
|
|
border: 1px solid transparent;
|
|
/* cursor: move; */
|
|
cursor: default;
|
|
}
|
|
|
|
/* Inline image thumbnails */
|
|
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
|
|
display: block;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
div.inline-attachment p {
|
|
font-size: 100%;
|
|
}
|
|
|
|
dl.file {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
display: block;
|
|
}
|
|
|
|
dl.file dt {
|
|
text-transform: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: bold;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
dl.file dd {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
dl.thumbnail img {
|
|
padding: 3px;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
dl.thumbnail dd {
|
|
font-style: italic;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.attachbox dl.thumbnail dd {
|
|
font-size: 100%;
|
|
}
|
|
|
|
dl.thumbnail dt a:hover img {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
/* Post poll styles
|
|
----------------------------------------*/
|
|
fieldset.polls {
|
|
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
fieldset.polls dl {
|
|
margin-top: 5px;
|
|
border-top: 1px solid transparent;
|
|
padding: 5px 0 0 0;
|
|
line-height: 120%;
|
|
}
|
|
|
|
fieldset.polls dl.voted {
|
|
font-weight: bold;
|
|
}
|
|
|
|
fieldset.polls dt {
|
|
text-align: left;
|
|
float: left;
|
|
display: block;
|
|
width: 30%;
|
|
border-right: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
fieldset.polls dd {
|
|
float: left;
|
|
width: 10%;
|
|
border-left: none;
|
|
padding: 0 5px;
|
|
margin-left: 0;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
fieldset.polls dd.resultbar {
|
|
width: 50%;
|
|
}
|
|
|
|
fieldset.polls dd input {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
fieldset.polls dd div {
|
|
text-align: right;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
padding: 0 2px;
|
|
overflow: visible;
|
|
min-width: 2%;
|
|
}
|
|
|
|
.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
|
|
border-bottom: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
}
|
|
|
|
/* Poster profile block
|
|
----------------------------------------*/
|
|
.postprofile {
|
|
/* Also see tweaks.css */
|
|
margin: 5px 0 10px 0;
|
|
min-height: 80px;
|
|
border-left: 1px solid transparent;
|
|
width: 22%;
|
|
float: right;
|
|
display: inline;
|
|
}
|
|
|
|
.postprofile dd, .postprofile dt {
|
|
line-height: 1.2em;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.postprofile strong {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.avatar {
|
|
border: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.online {
|
|
background-image: none;
|
|
background-position: 100% 0;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Poster profile used by search*/
|
|
.search .postprofile {
|
|
width: 30%;
|
|
}
|
|
|
|
/* pm list in compose message if mass pm is enabled */
|
|
dl.pmlist dt {
|
|
width: 60% !important;
|
|
}
|
|
|
|
dl.pmlist dt textarea {
|
|
width: 95%;
|
|
}
|
|
|
|
dl.pmlist dd {
|
|
margin-left: 61% !important;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.topic-actions div.dl_links {
|
|
padding: 10px 0 0 10px;
|
|
}
|
|
|
|
div.dl_links {
|
|
display: inline-block;
|
|
text-transform: none;
|
|
}
|
|
|
|
.dl_links strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.dl_links ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dl_links li {
|
|
display: inline-block;
|
|
}
|