aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/styles/prosilver/theme/cp.css
diff options
context:
space:
mode:
authorMaat <maat-pub@mageia.biz>2020-05-08 18:29:30 +0200
committerMaat <maat-pub@mageia.biz>2020-05-08 21:36:04 +0200
commit36bc1870f21fac04736a1049c1d5b8e127d729f4 (patch)
tree9d102331eeaf1ef3cd23e656320d7c08e65757ed /phpBB/styles/prosilver/theme/cp.css
parent8875d385d0579b451dac4d9bda465172b4f69ee0 (diff)
parent149375253685b3a38996f63015a74b7a0f53aa14 (diff)
downloadforums-36bc1870f21fac04736a1049c1d5b8e127d729f4.tar
forums-36bc1870f21fac04736a1049c1d5b8e127d729f4.tar.gz
forums-36bc1870f21fac04736a1049c1d5b8e127d729f4.tar.bz2
forums-36bc1870f21fac04736a1049c1d5b8e127d729f4.tar.xz
forums-36bc1870f21fac04736a1049c1d5b8e127d729f4.zip
Merge remote-tracking branch 'upstream/prep-release-3.1.11'
Diffstat (limited to 'phpBB/styles/prosilver/theme/cp.css')
-rw-r--r--phpBB/styles/prosilver/theme/cp.css356
1 files changed, 138 insertions, 218 deletions
diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css
index 7c7158bd00..8a223f653f 100644
--- a/phpBB/styles/prosilver/theme/cp.css
+++ b/phpBB/styles/prosilver/theme/cp.css
@@ -20,65 +20,48 @@
padding: 0;
}
-#cp-main h3, #cp-main hr, #cp-menu hr {
- border-color: #bfbfbf;
-}
-
-#cp-main .panel p {
+.panel-container .panel p {
font-size: 1.1em;
}
-#cp-main .panel ol {
+.panel-container .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
-#cp-main .panel li.row {
- border-bottom: 1px solid #cbcbcb;
- border-top: 1px solid #F9F9F9;
+.panel-container .panel li.row {
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
}
ul.cplist {
margin-bottom: 5px;
- border-top: 1px solid #cbcbcb;
+ border-top: 1px solid transparent;
}
-#cp-main .panel li.header dd, #cp-main .panel li.header dt {
- color: #000000;
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
margin-bottom: 2px;
}
-#cp-main table.table1 {
+.panel-container table.table1 {
margin-bottom: 1em;
}
-#cp-main table.table1 thead th {
- color: #333333;
+.panel-container table.table1 thead th {
font-weight: bold;
- border-bottom: 1px solid #333333;
+ border-bottom: 1px solid transparent;
padding: 5px;
}
-#cp-main table.table1 tbody th {
+.panel-container table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}
-#cp-main .pagination {
- float: right;
- width: auto;
- padding-top: 1px;
-}
-
-#cp-main .postbody p {
- font-size: 1.1em;
-}
-
#cp-main .pm-message {
- border: 1px solid #e2e2e2;
+ border: 1px solid transparent;
margin: 10px 0;
- background-color: #FFFFFF;
width: auto;
float: none;
}
@@ -91,6 +74,10 @@ ul.cplist {
margin-top: 0;
}
+.panel-container .postbody p.author {
+ font-size: 1.1em;
+}
+
#cp-main .buttons {
margin-left: 0;
}
@@ -109,126 +96,122 @@ ul.cplist {
margin-bottom: 0px;
}
-.tabs-container #minitabs {
- float: right;
- margin-top: 19px;
-}
-
-.tabs-container:after {
- display: block;
- clear: both;
- content: '';
-}
-
-/* CP tabbed menu
+/* CP tabs shared
----------------------------------------*/
-#tabs {
+#tabs, #minitabs {
line-height: normal;
- margin: 20px 0 -1px 7px;
- min-width: 570px;
}
-#tabs ul {
- margin:0;
- padding: 0;
+#tabs > ul, #minitabs > ul {
list-style: none;
-}
-
-#tabs li {
- display: inline;
margin: 0;
padding: 0;
- font-size: 1em;
- font-weight: bold;
+ position: relative;
}
-#tabs a {
+#tabs .tab, #minitabs .tab {
+ display: block;
float: left;
- background: none no-repeat 0% -35px;
- margin: 0 1px 0 0;
- padding: 0 0 0 5px;
- text-decoration: none;
- position: relative;
- cursor: pointer;
+ font-size: 1em;
+ font-weight: bold;
+ line-height: 1.4em;
}
-#tabs a span {
- float: left;
+#tabs .tab > a, #minitabs .tab > a {
display: block;
- background: none no-repeat 100% -35px;
- padding: 6px 10px 6px 5px;
- color: #828282;
+ padding: 5px 9px;
+ position: relative;
+ text-decoration: none;
white-space: nowrap;
+ cursor: pointer;
}
-#tabs a:hover span {
- color: #bcbcbc;
+/* CP tabbed menu
+----------------------------------------*/
+#tabs {
+ margin: 20px 0 0 7px;
}
-#tabs .activetab a {
- background-position: 0 0;
- border-bottom: 1px solid #ebebeb;
+#tabs .tab > a {
+ border: 1px solid transparent;
+ border-radius: 4px 4px 0 0;
+ margin: 1px 1px 0 0;
}
-#tabs .activetab a span {
- background-position: 100% 0;
+#tabs .activetab > a {
+ margin-top: 0;
padding-bottom: 7px;
- color: #333333;
}
-#tabs a:hover {
- background-position: 0 -70px;
+/* Mini tabbed menu used in MCP
+----------------------------------------*/
+#minitabs {
+ float: right;
+ margin: 15px 7px 0 0;
+ max-width: 50%;
}
-#tabs a:hover span {
- background-position:100% -70px;
+#minitabs .tab {
+ float: right;
}
-#tabs .activetab a:hover {
- background-position: 0 0;
+#minitabs .tab > a {
+ border-radius: 5px 5px 0 0;
+ margin-left: 2px;
}
-#tabs .activetab a:hover span {
- color: #000000;
- background-position: 100% 0;
+#minitabs .tab > a:hover {
+ text-decoration: none;
}
-/* Mini tabbed menu used in MCP
+/* Responsive tabs
----------------------------------------*/
-#minitabs {
- line-height: normal;
- margin: -20px 7px 0 0;
+.responsive-tab {
+ position: relative;
}
-#minitabs ul {
- margin:0;
- padding: 0;
- list-style: none;
+.responsive-tab > a.responsive-tab-link {
+ display: block;
+ font-size: 1.6em;
+ position: relative;
+ width: 16px;
+ line-height: 0.9em;
+ text-decoration: none;
}
-#minitabs li {
- display: block;
- float: right;
- padding: 0 10px 4px 10px;
- font-size: 1em;
- font-weight: bold;
- background-color: #f2f2f2;
- margin-left: 2px;
+.responsive-tab .responsive-tab-link:before {
+ content: '';
+ position: absolute;
+ left: 10px;
+ top: 7px;
+ height: .125em;
+ width: 14px;
+ border-bottom: 0.125em solid transparent;
+ border-top: 0.375em double transparent;
+}
+
+#tabs .dropdown, #minitabs .dropdown {
+ top: 20px;
+ margin-right: -2px;
+ font-size: 1.1em;
+ font-weight: normal;
}
-#minitabs a {
+#minitabs .dropdown {
+ margin-right: -4px;
}
-#minitabs a:hover {
- text-decoration: none;
+#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown {
+ bottom: 20px;
+ top: auto;
}
-#minitabs li.activetab {
- background-color: #F9F9F9;
+#tabs .dropdown li {
+ text-align: right;
}
-#minitabs li.activetab a, #minitabs li.activetab a:hover {
- color: #333333;
+#minitabs .dropdown li {
+ text-align: left;
}
/* UCP navigation menu
@@ -240,15 +223,15 @@ ul.cplist {
}
#navigation ul {
- list-style:none;
+ list-style: none;
}
/* Default list state */
#navigation li {
+ display: inline;
+ font-weight: bold;
margin: 1px 0;
padding: 0;
- font-weight: bold;
- display: inline;
}
/* Link styles for the sub-section links */
@@ -257,27 +240,10 @@ ul.cplist {
padding: 5px;
margin: 1px 0;
text-decoration: none;
- font-weight: bold;
- color: #333;
- background: #cfcfcf none repeat-y 100% 0;
}
#navigation a:hover {
text-decoration: none;
- background-color: #c6c6c6;
- color: #bcbcbc;
- background-image: none;
-}
-
-#navigation #active-subsection a {
- display: block;
- color: #d3d3d3;
- background-color: #F9F9F9;
- background-image: none;
-}
-
-#navigation #active-subsection a:hover {
- color: #d3d3d3;
}
/* Preferences pane layout
@@ -286,64 +252,19 @@ ul.cplist {
border-bottom: none;
padding: 0;
margin-left: 10px;
- color: #333333;
-}
-
-#cp-main .panel {
- background-color: #F9F9F9;
-}
-
-#cp-main .pm {
- background-color: #FFFFFF;
-}
-
-#cp-main span.corners-top, #cp-menu span.corners-top {
- background-image: none;
-}
-
-#cp-main span.corners-top span, #cp-menu span.corners-top span {
- background-image: none;
-}
-
-#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
- background-image: none;
-}
-
-#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
- background-image: none;
-}
-
-/* Topicreview */
-#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
- background-image: none;
-}
-
-#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
- background-image: none;
-}
-
-#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
- background-image: none;
-}
-
-#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
- background-image: none;
}
/* Friends list */
.cp-mini {
- background-color: #f9f9f9;
- padding: 0 5px;
margin: 10px 15px 10px 5px;
-}
-
-.cp-mini span.corners-top, .cp-mini span.corners-bottom {
- margin: 0 -5px;
+ max-height: 200px;
+ overflow-y: auto;
+ padding: 5px 10px;
+ border-radius: 7px;
}
dl.mini dt {
font-weight: bold;
- color: #676767;
}
dl.mini dd {
@@ -364,25 +285,6 @@ dl.mini dd {
line-height: 2.5em;
}
-/* PM panel adjustments */
-.reply-all a.left {
- background-position: 3px 60%;
-}
-
-.reply-all a.left:hover {
- background-position: 0px 60%;
-}
-
-.reply-all {
- font-size: 11px;
- padding-top: 5px;
-}
-
-/* PM Message history */
-.current {
- color: #999999;
-}
-
/* Defined rules list for PM options */
ol.def-rules {
padding-left: 0;
@@ -403,31 +305,16 @@ ol.def-rules li {
}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
- border-left-color: #bcbcbc;
- border-right-color: #bcbcbc;
-}
-
-.pmlist li.pm_marked_colour, .pm_marked_colour {
- padding: 0;
- border: solid 3px #ffffff;
- border-width: 0 3px;
-}
-
-.pmlist li.pm_replied_colour, .pm_replied_colour {
- padding: 0;
- border: solid 3px #c2c2c2;
- border-width: 0 3px;
-}
-
-.pmlist li.pm_friend_colour, .pm_friend_colour {
- padding: 0;
- border: solid 3px #bdbdbd;
- border-width: 0 3px;
+ border-left-color: transparent;
+ border-right-color: transparent;
}
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
.pmlist li.pm_foe_colour, .pm_foe_colour {
padding: 0;
- border: solid 3px #000000;
+ border: solid 3px transparent;
border-width: 0 3px;
}
@@ -446,11 +333,44 @@ ol.def-rules li {
margin: 10px;
padding: 5px;
width: auto;
- background: #FFFFFF;
- border: 1px solid #CCC;
+ border: 1px solid transparent;
text-align: center;
}
-#gallery label:hover {
- background-color: #EEE;
+/* Responsive *CP navigation
+----------------------------------------*/
+@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
+{
+ .nojs #tabs a span, .nojs #minitabs a span {
+ max-width: 40px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ letter-spacing: -.5px;
+ }
+
+ #cp-menu, #navigation, #cp-main {
+ float: none;
+ width: auto;
+ margin: 0;
+ }
+
+ #navigation {
+ padding: 0;
+ margin: 0 auto;
+ max-width: 320px;
+ }
+
+ #navigation a {
+ background-image: none;
+ }
+
+ #navigation li:first-child a {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ }
+
+ #navigation li:last-child a {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ }
}
generated by cgit v1.2.1 (git 2.21.0) at 2024-09-26 07:05:22 +0000