makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-29 14:48:53 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/14175] Refactor the file

Browse source 
PHPBB3-14175
This commit is contained in:
Michael Miday 2015-09-17 19:32:08 +02:00
parent 73fd3d1df8
commit 8062c2a18a
2 changed files with 464 additions and 465 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/styles/prosilver/template/overall_header.html
View file

@ -47,7 +47,7 @@
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px)" />
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">

217
phpBB/styles/prosilver/theme/responsive.css
View file

@ -1,6 +1,114 @@
/* Responsive Design
---------------------------------------- */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
select, .inputbox {
max-width: 240px;
}
}
/* Notifications list
----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
.dropdown-extended .dropdown-contents {
width: auto;
}
}
@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) {
.section-viewtopic .search-box .inputbox {
width: 110px;
}
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
dd label {
white-space: normal;
}
select, .inputbox {
max-width: 260px;
}
.captcha-panel dd.captcha {
margin-left: 0;
}
.captcha-panel dd.captcha-image img {
width: 100%;
}
.recaptchatable tr td:last-child {
display: none;
}
.captcha-panel .recaptcha-responsive {
display: inline-block !important;
margin-top: 10px;
vertical-align: middle;
}
dl.details dt, dl.details dd {
width: auto;
float: none;
text-align: left;
}
dl.details dd {
margin-left: 20px;
}
p.responsive-center {
float: none;
text-align: center;
margin-bottom: 5px;
}
.action-bar > div {
margin-bottom: 5px;
}
.action-bar > .pagination {
float: none;
clear: both;
padding-bottom: 1px;
text-align: center;
}
.action-bar > .pagination li.page-jump {
margin: 0 2px;
}
p.jumpbox-return {
display: none;
}
.display-options > label:nth-child(1) {
display: block;
margin-bottom: 5px;
}
.attach-controls {
margin-top: 5px;
width: 100%;
}
}
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
ul.topiclist.forums dt {
margin-right: 0;
}
ul.topiclist.forums dt .list-inner {
margin-right: 0;
}
ul.topiclist.forums dd.lastpost {
display: none;
}
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.responsive-hide { display: none !important; }
.responsive-show { display: block !important; }
.responsive-show-inline { display: inline !important; }
@ -151,20 +259,6 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
font-weight: normal;
}
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
ul.topiclist.forums dt {
margin-right: 0;
}
ul.topiclist.forums dt .list-inner {
margin-right: 0;
}
ul.topiclist.forums dd.lastpost {
display: none;
}
}
li.row .responsive-show strong {
font-weight: bold;
color: inherit;
@ -177,14 +271,6 @@ ul.topiclist li.row dt a.subforum {
max-width: 100px;
}
/* Notifications list
----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
.dropdown-extended .dropdown-contents {
width: auto;
}
}
/* Pagination
----------------------------------------*/
.pagination > ul {
@ -327,46 +413,6 @@ fieldset.quick-login label[for="autologin"] {
min-width: 50%;
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
dd label {
white-space: normal;
}
select, .inputbox {
max-width: 260px;
}
.captcha-panel dd.captcha {
margin-left: 0;
}
.captcha-panel dd.captcha-image img {
width: 100%;
}
.recaptchatable tr td:last-child {
display: none;
}
.captcha-panel .recaptcha-responsive {
display: inline-block !important;
margin-top: 10px;
vertical-align: middle;
}
}
@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) {
.section-viewtopic .search-box .inputbox {
width: 110px;
}
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
select, .inputbox {
max-width: 240px;
}
}
/* User profile
----------------------------------------*/
.column1, .column2, .left-box.profile-details {
@ -374,18 +420,6 @@ fieldset.quick-login label[for="autologin"] {
width: auto;
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
dl.details dt, dl.details dd {
width: auto;
float: none;
text-align: left;
}
dl.details dd {
margin-left: 20px;
}
}
/* Polls
----------------------------------------*/
fieldset.polls dt {
@ -513,40 +547,5 @@ fieldset.display-actions {
.attach-comment dfn {
width: 100%;
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
p.responsive-center {
float: none;
text-align: center;
margin-bottom: 5px;
}
.action-bar > div {
margin-bottom: 5px;
}
.action-bar > .pagination {
float: none;
clear: both;
padding-bottom: 1px;
text-align: center;
}
.action-bar > .pagination li.page-jump {
margin: 0 2px;
}
p.jumpbox-return {
display: none;
}
.display-options > label:nth-child(1) {
display: block;
margin-bottom: 5px;
}
.attach-controls {
margin-top: 5px;
width: 100%;
}
}