makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-08 04:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/14139] Swap ids for classes in css files

Browse source
This commit is contained in:
Michael Miday 2015-09-14 16:26:07 +02:00
parent 70f1b08c69
commit 9e5e2ee3e2
11 changed files with 144 additions and 177 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
phpBB/styles/prosilver/theme/bidi.css
View file

@ -27,11 +27,11 @@
/* Site Description /* Site Description
--------------------------------------------- */ --------------------------------------------- */
.rtl #site-description { .rtl .site-description {
float: right; float: right;
} }
.rtl #site-description h1 { .rtl .site-description h1 {
margin-left: 0; margin-left: 0;
} }
@ -268,16 +268,7 @@
/* Miscellaneous styles /* Miscellaneous styles
---------------------------------------- */ ---------------------------------------- */
.rtl #forum-permissions { .rtl .quick-links {
float: left;
padding-right: 5px;
padding-left: 0;
margin-right: 5px;
margin-left: 0;
text-align: left;
}
.rtl #quick-links {
margin-left: 7px; margin-left: 7px;
margin-right: 0; margin-right: 0;
} }
@ -471,7 +462,7 @@ li.breadcrumbs span:first-child > a {
/* Topic review panel /* Topic review panel
----------------------------------------*/ ----------------------------------------*/
.rtl #topicreview { .rtl .topicreview {
padding-right: 0; padding-right: 0;
padding-left: 5px; padding-left: 5px;
} }
@ -687,20 +678,20 @@ li.breadcrumbs span:first-child > a {
/* Main CP box /* Main CP box
----------------------------------------*/ ----------------------------------------*/
.rtl #cp-menu { .rtl .cp-menu {
float: right; float: right;
} }
.rtl #cp-main { .rtl .cp-main {
float: right; float: right;
} }
.rtl #cp-main .panel ol { .rtl .cp-main .panel ol {
margin-right: 2em; margin-right: 2em;
margin-left: 0; margin-left: 0;
} }
.rtl #cp-main .buttons { .rtl .cp-main .buttons {
margin-right: 0; margin-right: 0;
margin-left: 0; margin-left: 0;
} }
@ -711,52 +702,52 @@ li.breadcrumbs span:first-child > a {
/* CP tabbed menu /* CP tabbed menu
----------------------------------------*/ ----------------------------------------*/
.rtl #tabs { .rtl .tabs {
margin-left: 0; margin-left: 0;
margin-right: 7px; margin-right: 7px;
} }
.rtl #tabs .tab { .rtl .tabs .tab {
float: right; float: right;
} }
.rtl #tabs .tab > a { .rtl .tabs .tab > a {
margin-left: 1px; margin-left: 1px;
margin-right: 0; margin-right: 0;
} }
/* Mini tabbed menu used in MCP /* Mini tabbed menu used in MCP
----------------------------------------*/ ----------------------------------------*/
.rtl #minitabs { .rtl .minitabs {
float: left; float: left;
margin-right: 0; margin-right: 0;
margin-left: 7px; margin-left: 7px;
} }
.rtl #minitabs .tab { .rtl .minitabs .tab {
float: left; float: left;
} }
.rtl #minitabs .tab > a { .rtl .minitabs .tab > a {
margin-right: 2px; margin-right: 2px;
margin-left: 0; margin-left: 0;
} }
/* Responsive tabs /* Responsive tabs
----------------------------------------*/ ----------------------------------------*/
.rtl #tabs .dropdown { .rtl .tabs .dropdown {
margin-left: -2px; margin-left: -2px;
} }
.rtl #tabs .dropdown li { .rtl .tabs .dropdown li {
text-align: left; text-align: left;
} }
.rtl #minitabs .dropdown { .rtl .minitabs .dropdown {
margin-left: -4px; margin-left: -4px;
} }
.rtl #minitabs .dropdown li { .rtl .minitabs .dropdown li {
text-align: right; text-align: right;
} }
@ -764,7 +755,7 @@ li.breadcrumbs span:first-child > a {
----------------------------------------*/ ----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{ {
.rtl #cp-menu, .rtl #navigation, .rtl #cp-main { .rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
float: none; float: none;
} }
} }
@ -774,7 +765,7 @@ li.breadcrumbs span:first-child > a {
/* Preferences pane layout /* Preferences pane layout
----------------------------------------*/ ----------------------------------------*/
.rtl #cp-main h2 { .rtl .cp-main h2 {
margin-left: 0; margin-left: 0;
margin-right: 10px; margin-right: 10px;
} }
@ -815,7 +806,7 @@ li.breadcrumbs span:first-child > a {
} }
/* Avatar gallery */ /* Avatar gallery */
.rtl #gallery label { .rtl .gallery label {
float: right; float: right;
} }
@ -823,7 +814,7 @@ li.breadcrumbs span:first-child > a {
----------------------------------------*/ ----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{ {
.rtl #cp-menu, .rtl #navigation, .rtl #cp-main { .rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
float: none; float: none;
} }
} }
@ -935,7 +926,7 @@ li.breadcrumbs span:first-child > a {
----------------------------------------*/ ----------------------------------------*/
/* Emoticons panel */ /* Emoticons panel */
.rtl #smiley-box { .rtl .smiley-box {
float: left; float: left;
} }
@ -984,7 +975,7 @@ li.breadcrumbs span:first-child > a {
---------------------------------------- */ ---------------------------------------- */
/** Reference: Bug #27155 */ /** Reference: Bug #27155 */
.rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar { .rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar {
position: relative; position: relative;
} }

2
phpBB/styles/prosilver/theme/buttons.css
View file

@ -61,7 +61,7 @@
margin-right: 5px; margin-right: 5px;
} }
#jumpbox .dropdown-select { .jumpbox .dropdown-select {
margin: 0; margin: 0;
} }

48
phpBB/styles/prosilver/theme/colours.css
View file

@ -42,7 +42,7 @@ hr {
/* Round cornered boxes and backgrounds /* Round cornered boxes and backgrounds
---------------------------------------- */ ---------------------------------------- */
#wrap { .wrap {
background-color: #FFF; background-color: #FFF;
border-color: #E6E9ED; border-color: #E6E9ED;
} }
@ -771,7 +771,7 @@ Colours and backgrounds for cp.css
/* Main CP box /* Main CP box
----------------------------------------*/ ----------------------------------------*/
.panel-container h3, .panel-container hr, #cp-menu hr { .panel-container h3, .panel-container hr, .cp-menu hr {
border-color: #A4B3BF; border-color: #A4B3BF;
} }
@ -793,25 +793,25 @@ ul.cplist {
border-bottom-color: #333333; border-bottom-color: #333333;
} }
#cp-main .pm-message { .cp-main .pm-message {
border-color: #DBDEE2; border-color: #DBDEE2;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
/* CP tabbed menu /* CP tabbed menu
----------------------------------------*/ ----------------------------------------*/
#tabs .tab > a { .tabs .tab > a {
background: #BACCD9; background: #BACCD9;
color: #536482; color: #536482;
} }
#tabs .tab > a:hover { .tabs .tab > a:hover {
background: #DDEDFB; background: #DDEDFB;
color: #D31141; color: #D31141;
} }
#tabs .activetab > a, .tabs .activetab > a,
#tabs .activetab > a:hover { .tabs .activetab > a:hover {
background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */ background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%); background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */ background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */
@ -821,18 +821,18 @@ ul.cplist {
color: #333333; color: #333333;
} }
#tabs .activetab > a:hover { .tabs .activetab > a:hover {
color: #000000; color: #000000;
} }
/* Mini tabbed menu used in MCP /* Mini tabbed menu used in MCP
----------------------------------------*/ ----------------------------------------*/
#minitabs .tab > a { .minitabs .tab > a {
background-color: #E1EBF2; background-color: #E1EBF2;
} }
#minitabs .activetab > a, .minitabs .activetab > a,
#minitabs .activetab > a:hover { .minitabs .activetab > a:hover {
background-color: #F9F9F9; background-color: #F9F9F9;
color: #333333; color: #333333;
} }
@ -851,7 +851,7 @@ ul.cplist {
----------------------------------------*/ ----------------------------------------*/
/* Link styles for the sub-section links */ /* Link styles for the sub-section links */
#navigation a { .navigation a {
color: #333; color: #333;
background: #CADCEB; /* Old browsers */ /* FF3.6+ */ background: #CADCEB; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%); background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
@ -859,26 +859,26 @@ ul.cplist {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
} }
.rtl #navigation a { .rtl .navigation a {
background: #B4C4D1; /* Old browsers */ /* FF3.6+ */ background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%); background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */ background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
} }
#navigation a:hover { .navigation a:hover {
background: #AABAC6; background: #AABAC6;
color: #BC2A4D; color: #BC2A4D;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
#navigation #active-subsection a { .navigation .active-subsection a {
background: #F9F9F9; background: #F9F9F9;
color: #D31141; color: #D31141;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
#navigation #active-subsection a:hover { .navigation .active-subsection a:hover {
color: #D31141; color: #D31141;
} }
@ -899,7 +899,7 @@ ul.cplist {
background-color: #F9F9F9; background-color: #F9F9F9;
} }
#cp-main .pm { .cp-main .pm {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@ -942,12 +942,12 @@ dl.mini dt {
} }
/* Avatar gallery */ /* Avatar gallery */
#gallery label { .gallery label {
background: #FFFFFF; background: #FFFFFF;
border-color: #CCC; border-color: #CCC;
} }
#gallery label:hover { .gallery label:hover {
background-color: #EEE; background-color: #EEE;
} }
@ -999,15 +999,15 @@ fieldset.quick-login input.inputbox {
/* Posting page styles /* Posting page styles
----------------------------------------*/ ----------------------------------------*/
#message-box textarea { .message-box textarea {
color: #333333; color: #333333;
} }
#message-box textarea.drag-n-drop { .message-box textarea.drag-n-drop {
outline-color: rgba(102, 102, 102, 0.5); outline-color: rgba(102, 102, 102, 0.5);
} }
#message-box textarea.drag-n-drop-highlight { .message-box textarea.drag-n-drop-highlight {
outline-color: rgba(17, 163, 234, 0.5); outline-color: rgba(17, 163, 234, 0.5);
} }
@ -1107,11 +1107,11 @@ input.disabled {
.phpbb_alert .alert_close { .phpbb_alert .alert_close {
background-image: url("./images/alert_close.png"); background-image: url("./images/alert_close.png");
} }
#darken { .darken {
background-color: #000000; background-color: #000000;
} }
#loading_indicator { .loading_indicator {
background-color: #000000; background-color: #000000;
background-image: url("./images/loading.gif"); background-image: url("./images/loading.gif");
} }

63
phpBB/styles/prosilver/theme/common.css
View file

@ -126,7 +126,7 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
/* Main blocks /* Main blocks
---------------------------------------- */ ---------------------------------------- */
#wrap { .wrap {
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 8px; border-radius: 8px;
margin: 0 auto; margin: 0 auto;
@ -136,21 +136,21 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
} }
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) { @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
#wrap { .wrap {
margin: 0 12px; margin: 0 12px;
} }
} }
#page-body { .page-body {
margin: 4px 0; margin: 4px 0;
clear: both; clear: both;
} }
#page-footer { .page-footer {
clear: both; clear: both;
} }
#page-footer h3 { .page-footer h3 {
margin-top: 20px; margin-top: 20px;
} }
@ -165,12 +165,12 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
} }
/* Site description and logo */ /* Site description and logo */
#site-description { .site-description {
float: left; float: left;
width: 65%; width: 65%;
} }
#site-description h1 { .site-description h1 {
margin-right: 0; margin-right: 0;
} }
@ -231,7 +231,7 @@ ul.linklist {
margin: 0; margin: 0;
} }
#cp-main .panel { .cp-main .panel {
padding: 5px 10px; padding: 5px 10px;
} }
@ -275,7 +275,7 @@ ul.linklist li.responsive-menu {
margin: 0 5px; margin: 0 5px;
} }
ul.linklist li.responsive-menu a.responsive-menu-link { ul.linklist .responsive-menu-link {
display: inline-block; display: inline-block;
margin: 0 5px; margin: 0 5px;
font-size: 1.455em; font-size: 1.455em;
@ -285,7 +285,7 @@ ul.linklist li.responsive-menu a.responsive-menu-link {
text-decoration: none; text-decoration: none;
} }
ul.linklist li.responsive-menu a.responsive-menu-link:before { ul.linklist .responsive-menu-link:before {
content: ''; content: '';
position: absolute; position: absolute;
left: 0; left: 0;
@ -491,6 +491,9 @@ ul.linklist.bulletin > li.no-bulletin:before {
padding: 5px; padding: 5px;
} }
.jumpbox {
margin: 5px 0;
}
.jumpbox .dropdown li { .jumpbox .dropdown li {
border-top: 1px solid transparent; border-top: 1px solid transparent;
@ -619,10 +622,6 @@ table.table1 {
width: 100%; width: 100%;
} }
#ucp-main table.table1 {
padding: 2px;
}
table.table1 thead th { table.table1 thead th {
font-weight: normal; font-weight: normal;
text-transform: uppercase; text-transform: uppercase;
@ -691,7 +690,7 @@ table.info tbody th {
margin: 0 -1px; margin: 0 -1px;
} }
#color_palette_placeholder table { .color_palette_placeholder table {
border-collapse: separate; border-collapse: separate;
border-spacing: 1px; border-spacing: 1px;
} }
@ -941,13 +940,13 @@ fieldset.fields1 dl.pmlist dd.recipients {
font-size: 1.1em; font-size: 1.1em;
} }
#darkenwrapper { .darkenwrapper {
display: none; display: none;
position: relative; position: relative;
z-index: 44; z-index: 44;
} }
#darken { .darken {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
@ -957,7 +956,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
z-index: 45; z-index: 45;
} }
#loading_indicator { .loading_indicator {
background: center center no-repeat; background: center center no-repeat;
border-radius: 5px; border-radius: 5px;
display: none; display: none;
@ -974,15 +973,6 @@ fieldset.fields1 dl.pmlist dd.recipients {
/* Miscellaneous styles /* Miscellaneous styles
---------------------------------------- */ ---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;
}
.copyright { .copyright {
padding: 5px; padding: 5px;
text-align: center; text-align: center;
@ -1040,15 +1030,12 @@ form > p.post-notice strong {
line-height: 20px; line-height: 20px;
} }
#jumpbox {
margin: 5px 0;
}
.stat-block { .stat-block {
clear: both; clear: both;
} }
#top { .top-anchor {
display: block;
position: absolute; position: absolute;
top: -20px; top: -20px;
} }
@ -1067,8 +1054,8 @@ ul.linklist:after,
.action-bar:after, .action-bar:after,
.notification_text:after, .notification_text:after,
.tabs-container:after, .tabs-container:after,
#tabs > ul:after, .tabs > ul:after,
#minitabs > ul:after, .minitabs > ul:after,
.postprofile .avatar-container:after { .postprofile .avatar-container:after {
clear: both; clear: both;
content: ''; content: '';
@ -1243,11 +1230,11 @@ ul.linklist:after,
/* Navbar specific list items /* Navbar specific list items
----------------------------------------*/ ----------------------------------------*/
#quick-links { .linklist .quick-links {
margin: 0 7px 0 0; margin: 0 7px 0 0;
} }
#quick-links a.responsive-menu-link { .linklist .quick-links .responsive-menu-link {
display: block; display: block;
font-size: inherit; font-size: inherit;
line-height: inherit; line-height: inherit;
@ -1255,12 +1242,12 @@ ul.linklist:after,
width: auto; width: auto;
} }
#quick-links a.responsive-menu-link:before { .linklist .quick-links .responsive-menu-link:before {
font-size: 1.455em; font-size: 1.455em;
line-height: 16.5px; line-height: 16.5px;
} }
.compact #quick-links a.responsive-menu-link { .compact .quick-links .responsive-menu-link {
width: 0; width: 0;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;

16
phpBB/styles/prosilver/theme/content.css
View file

@ -282,28 +282,28 @@ dd.option {
/* Topic review panel /* Topic review panel
----------------------------------------*/ ----------------------------------------*/
#review { .panel .review {
margin-top: 2em; margin-top: 2em;
} }
#topicreview { .topicreview {
padding-right: 5px; padding-right: 5px;
overflow: auto; overflow: auto;
height: 300px; height: 300px;
} }
#topicreview .postbody { .topicreview .postbody {
width: auto; width: auto;
float: none; float: none;
margin: 0; margin: 0;
height: auto; height: auto;
} }
#topicreview .post { .topicreview .post {
height: auto; height: auto;
} }
#topicreview h2 { .topicreview h2 {
border-bottom-width: 0; border-bottom-width: 0;
} }
@ -313,7 +313,7 @@ dd.option {
/* MCP Post details /* MCP Post details
----------------------------------------*/ ----------------------------------------*/
#post_details { .post_details {
/* This will only work in IE7+, plus the others */ /* This will only work in IE7+, plus the others */
overflow: auto; overflow: auto;
max-height: 300px; max-height: 300px;
@ -829,7 +829,7 @@ table.fixed-width-table {
/* Show scrollbars for items with overflow on iOS devices /* Show scrollbars for items with overflow on iOS devices
----------------------------------------*/ ----------------------------------------*/
.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar { .postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; height: 8px;
-webkit-appearance: none; -webkit-appearance: none;
@ -837,7 +837,7 @@ table.fixed-width-table {
border-radius: 3px; border-radius: 3px;
} }
.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb { .postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
border-radius: 3px; border-radius: 3px;
} }

76
phpBB/styles/prosilver/theme/cp.css
View file

@ -4,19 +4,19 @@
/* Main CP box /* Main CP box
----------------------------------------*/ ----------------------------------------*/
#cp-menu { .cp-menu {
float:left; float:left;
width: 19%; width: 19%;
margin-top: 1em; margin-top: 1em;
margin-bottom: 5px; margin-bottom: 5px;
} }
#cp-main { .cp-main {
float: left; float: left;
width: 81%; width: 81%;
} }
#cp-main .content { .cp-main .content {
padding: 0; padding: 0;
} }
@ -59,7 +59,7 @@ ul.cplist {
border-bottom: none; border-bottom: none;
} }
#cp-main .pm-message { .cp-main .pm-message {
border: 1px solid transparent; border: 1px solid transparent;
margin: 10px 0; margin: 10px 0;
width: auto; width: auto;
@ -70,7 +70,7 @@ ul.cplist {
padding-bottom: 5px; padding-bottom: 5px;
} }
#cp-main .postbody h3, #cp-main .box2 h3 { .cp-main .postbody h3, .cp-main .box2 h3 {
margin-top: 0; margin-top: 0;
} }
@ -78,11 +78,11 @@ ul.cplist {
font-size: 1.1em; font-size: 1.1em;
} }
#cp-main .buttons { .cp-main .buttons {
margin-left: 0; margin-left: 0;
} }
#cp-main ul.linklist { .cp-main ul.linklist {
margin: 0; margin: 0;
} }
@ -98,18 +98,18 @@ ul.cplist {
/* CP tabs shared /* CP tabs shared
----------------------------------------*/ ----------------------------------------*/
#tabs, #minitabs { .tabs, .minitabs {
line-height: normal; line-height: normal;
} }
#tabs > ul, #minitabs > ul { .tabs > ul, .minitabs > ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
position: relative; position: relative;
} }
#tabs .tab, #minitabs .tab { .tabs .tab, .minitabs .tab {
display: block; display: block;
float: left; float: left;
font-size: 1em; font-size: 1em;
@ -117,7 +117,7 @@ ul.cplist {
line-height: 1.4em; line-height: 1.4em;
} }
#tabs .tab > a, #minitabs .tab > a { .tabs .tab > a, .minitabs .tab > a {
display: block; display: block;
padding: 5px 9px; padding: 5px 9px;
position: relative; position: relative;
@ -128,39 +128,39 @@ ul.cplist {
/* CP tabbed menu /* CP tabbed menu
----------------------------------------*/ ----------------------------------------*/
#tabs { .tabs {
margin: 20px 0 0 7px; margin: 20px 0 0 7px;
} }
#tabs .tab > a { .tabs .tab > a {
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
margin: 1px 1px 0 0; margin: 1px 1px 0 0;
} }
#tabs .activetab > a { .tabs .activetab > a {
margin-top: 0; margin-top: 0;
padding-bottom: 7px; padding-bottom: 7px;
} }
/* Mini tabbed menu used in MCP /* Mini tabbed menu used in MCP
----------------------------------------*/ ----------------------------------------*/
#minitabs { .minitabs {
float: right; float: right;
margin: 15px 7px 0 0; margin: 15px 7px 0 0;
max-width: 50%; max-width: 50%;
} }
#minitabs .tab { .minitabs .tab {
float: right; float: right;
} }
#minitabs .tab > a { .minitabs .tab > a {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
margin-left: 2px; margin-left: 2px;
} }
#minitabs .tab > a:hover { .minitabs .tab > a:hover {
text-decoration: none; text-decoration: none;
} }
@ -190,44 +190,44 @@ ul.cplist {
border-top: 0.375em double transparent; border-top: 0.375em double transparent;
} }
#tabs .dropdown, #minitabs .dropdown { .tabs .dropdown, .minitabs .dropdown {
top: 20px; top: 20px;
margin-right: -2px; margin-right: -2px;
font-size: 1.1em; font-size: 1.1em;
font-weight: normal; font-weight: normal;
} }
#minitabs .dropdown { .minitabs .dropdown {
margin-right: -4px; margin-right: -4px;
} }
#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown { .tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
bottom: 20px; bottom: 20px;
top: auto; top: auto;
} }
#tabs .dropdown li { .tabs .dropdown li {
text-align: right; text-align: right;
} }
#minitabs .dropdown li { .minitabs .dropdown li {
text-align: left; text-align: left;
} }
/* UCP navigation menu /* UCP navigation menu
----------------------------------------*/ ----------------------------------------*/
/* Container for sub-navigation list */ /* Container for sub-navigation list */
#navigation { .navigation {
width: 100%; width: 100%;
padding-top: 36px; padding-top: 36px;
} }
#navigation ul { .navigation ul {
list-style: none; list-style: none;
} }
/* Default list state */ /* Default list state */
#navigation li { .navigation li {
display: inline; display: inline;
font-weight: bold; font-weight: bold;
margin: 1px 0; margin: 1px 0;
@ -235,20 +235,20 @@ ul.cplist {
} }
/* Link styles for the sub-section links */ /* Link styles for the sub-section links */
#navigation a { .navigation a {
display: block; display: block;
padding: 5px; padding: 5px;
margin: 1px 0; margin: 1px 0;
text-decoration: none; text-decoration: none;
} }
#navigation a:hover { .navigation a:hover {
text-decoration: none; text-decoration: none;
} }
/* Preferences pane layout /* Preferences pane layout
----------------------------------------*/ ----------------------------------------*/
#cp-main h2 { .cp-main h2 {
border-bottom: none; border-bottom: none;
padding: 0; padding: 0;
margin-left: 10px; margin-left: 10px;
@ -281,10 +281,6 @@ dl.mini dd {
/* PM Styles /* PM Styles
----------------------------------------*/ ----------------------------------------*/
#pm-menu {
line-height: 2.5em;
}
/* Defined rules list for PM options */ /* Defined rules list for PM options */
ol.def-rules { ol.def-rules {
padding-left: 0; padding-left: 0;
@ -327,7 +323,7 @@ ol.def-rules li {
} }
/* Avatar gallery */ /* Avatar gallery */
#gallery label { .gallery label {
position: relative; position: relative;
float: left; float: left;
margin: 10px; margin: 10px;
@ -341,35 +337,35 @@ ol.def-rules li {
----------------------------------------*/ ----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{ {
.nojs #tabs a span, .nojs #minitabs a span { .nojs .tabs a span, .nojs .minitabs a span {
max-width: 40px; max-width: 40px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
letter-spacing: -.5px; letter-spacing: -.5px;
} }
#cp-menu, #navigation, #cp-main { .cp-menu, .navigation, .cp-main {
float: none; float: none;
width: auto; width: auto;
margin: 0; margin: 0;
} }
#navigation { .navigation {
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
max-width: 320px; max-width: 320px;
} }
#navigation a { .navigation a {
background-image: none; background-image: none;
} }
#navigation li:first-child a { .navigation li:first-child a {
border-top-left-radius: 5px; border-top-left-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
} }
#navigation li:last-child a { .navigation li:last-child a {
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }

16
phpBB/styles/prosilver/theme/forms.css
View file

@ -96,7 +96,7 @@ fieldset.fields1 div {
} }
/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */ /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div, fieldset.fields1 .live-search div { fieldset.fields1 .live-search div {
margin-bottom: 0; margin-bottom: 0;
} }
@ -138,7 +138,7 @@ dd textarea {
} }
/* Hover effects */ /* Hover effects */
#timezone { .timezone {
width: 95%; width: 95%;
} }
@ -222,20 +222,20 @@ fieldset.submit-buttons input {
----------------------------------------*/ ----------------------------------------*/
/* Buttons used in the editor */ /* Buttons used in the editor */
#format-buttons { .format-buttons {
margin: 15px 0 2px 0; margin: 15px 0 2px 0;
} }
#format-buttons input, #format-buttons select { .format-buttons input, .format-buttons select {
vertical-align: middle; vertical-align: middle;
} }
/* Main message box */ /* Main message box */
#message-box { .message-box {
width: 80%; width: 80%;
} }
#message-box textarea { .message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 450px; width: 450px;
height: 270px; height: 270px;
@ -253,12 +253,12 @@ fieldset.submit-buttons input {
} }
/* Emoticons panel */ /* Emoticons panel */
#smiley-box { .smiley-box {
width: 18%; width: 18%;
float: right; float: right;
} }
#smiley-box img { .smiley-box img {
margin: 3px; margin: 3px;
} }

10
phpBB/styles/prosilver/theme/plupload.css
View file

@ -1,9 +1,9 @@
#attach-panel-multi { .attach-panel-multi {
display: none; display: none;
margin-bottom: 1em; margin-bottom: 1em;
} }
#file-list td { .file-list td {
vertical-align: middle; vertical-align: middle;
} }
@ -32,11 +32,11 @@
float: right; float: right;
} }
#attach-row-tpl, .nojs .file-inline-bbcode { .nojs .file-inline-bbcode {
display: none; display: none;
} }
#file-total-progress { .file-total-progress {
height: 2px; height: 2px;
display: block; display: block;
position: relative; position: relative;
@ -50,7 +50,7 @@
width: 50px; width: 50px;
} }
.file-progress-bar, #file-total-progress-bar { .file-progress-bar, .file-total-progress-bar {
background-color: green; background-color: green;
display: block; display: block;
height: 100%; height: 100%;

4
phpBB/styles/prosilver/theme/print.css
View file

@ -19,14 +19,14 @@ a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; }
img, .noprint, #sub-header, #sub-footer, .navbar, .box1, .divider, .signature { display: none; } img, .noprint, .navbar, .box1, .divider, .signature { display: none; }
/* Display smilies (Bug #47265) */ /* Display smilies (Bug #47265) */
.content img { .content img {
display: inline; display: inline;
} }
/* Container for the main body */ /* Container for the main body */
#wrap { .wrap {
margin: 0 2em; margin: 0 2em;
} }

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

@ -16,7 +16,7 @@ body {
padding: 0; padding: 0;
} }
#wrap { .wrap {
border: none; border: none;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
@ -32,13 +32,13 @@ body {
margin-right: -5px; margin-right: -5px;
} }
#cp-main .forabg, #cp-main .forumdb, #cp-main .post, #cp-main .panel { .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
border-radius: 7px; border-radius: 7px;
} }
/* Logo block /* Logo block
----------------------------------------*/ ----------------------------------------*/
#site-description { .site-description {
float: none; float: none;
width: auto; width: auto;
text-align: center; text-align: center;
@ -51,7 +51,7 @@ body {
padding: 10px; padding: 10px;
} }
#site-description h1, #site-description p { .site-description h1, .site-description p {
text-align: inherit; text-align: inherit;
float: none; float: none;
margin: 5px; margin: 5px;
@ -60,7 +60,7 @@ body {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
#site-description p, .search-header { .site-description p, .search-header {
display: none; display: none;
} }
@ -254,7 +254,7 @@ table.responsive span.rank-img {
padding-right: 5px; padding-right: 5px;
} }
table.responsive#memberlist td:first-child input[type="checkbox"] { table.responsive.memberlist td:first-child input[type="checkbox"] {
float: right; float: right;
} }
@ -269,7 +269,7 @@ fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
margin-left: 20px; margin-left: 20px;
} }
textarea, dd textarea, #message-box textarea { textarea, dd textarea, .message-box textarea {
width: 100%; width: 100%;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -289,12 +289,12 @@ dl.pmlist dd:first-of-type {
padding-left: 20px; padding-left: 20px;
} }
#smiley-box, #message-box { .smiley-box, .message-box {
float: none; float: none;
width: auto; width: auto;
} }
#smiley-box { .smiley-box {
margin-top: 5px; margin-top: 5px;
} }
@ -359,13 +359,6 @@ fieldset.quick-login label[for="autologin"] {
width: 100%; width: 100%;
} }
#recaptcha_challenge_image,
#recaptcha_response_field,
.recaptchatable #recaptcha_image {
width: 100% !important;
height: auto !important;
}
.recaptchatable tr td:last-child { .recaptchatable tr td:last-child {
display: none; display: none;
} }
@ -518,7 +511,7 @@ dl.mini dd.pm-legend {
min-width: 200px; min-width: 200px;
} }
#topicreview { .topicreview {
margin: 0 -5px; margin: 0 -5px;
padding: 0 5px; padding: 0 5px;
} }

2
phpBB/styles/prosilver/theme/tweaks.css
View file

@ -36,6 +36,6 @@ dd label input { vertical-align: text-bottom\9; }
background-image: url("./images/bg_list.gif"); background-image: url("./images/bg_list.gif");
} }
#tabs .tab > a { .tabs .tab > a {
border-radius: 0; border-radius: 0;
} }