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

[ticket/11957] Replace corner images with CSS3 corners

Browse source 
PHPBB3-11957
This commit is contained in:
Vjacheslav Trushkin 2013-10-24 21:10:22 +03:00
parent b3140f58a0
commit 12c5997471
12 changed files with 12 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
phpBB/adm/images/corners_left.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 796 B

BIN
phpBB/adm/images/corners_left2.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 55 B

BIN
phpBB/adm/images/corners_right.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 175 B

BIN
phpBB/adm/images/corners_right2.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 56 B

2
phpBB/adm/style/acp_permission_roles.html
View file

@ -90,7 +90,6 @@
</div>
<!-- BEGIN auth -->
<div class="permissions-panel" id="options00{auth.S_ROW_COUNT}"<!-- IF auth.S_FIRST_ROW --><!-- ELSE --> style="display: none;"<!-- ENDIF -->>
<span class="corners-top"><span></span></span>
<div class="tablewrap">
<table id="table00{auth.S_ROW_COUNT}" cellspacing="1">
<colgroup>
@ -120,7 +119,6 @@
</tbody>
</table>
</div>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END auth -->
</div>

96
phpBB/adm/style/admin.css
View file

@ -310,52 +310,19 @@ li {
margin: 4px 0;
padding: 3px 1px;
min-width: 550px;
background-color: #FFFFFF;
background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
border: 1px #999999 solid;
border-radius: 5px;
box-shadow: #FFF 0 0 0 1px inset;
}
.panel {
background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
padding: 0;
padding: 5px 0;
border-radius: 5px;
overflow: hidden;
}
span.corners-top, span.corners-bottom,
span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: url("../images/corners_left.gif");
background-position: 0 0;
margin: -4px -2px 0;
}
span.corners-top span {
background-image: url("../images/corners_right.gif");
background-position: 100% 0;
}
span.corners-bottom {
background-image: url("../images/corners_left.gif");
background-position: 0 100%;
margin: 0 -2px -4px;
clear: both;
}
span.corners-bottom span {
background-image: url("../images/corners_right.gif");
background-position: 100% 100%;
}
/* WinIE tweaks \*/
* html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); }
/* End tweaks */
/* Sub-navigation Menu
---------------------------------------- */
@ -1619,60 +1586,15 @@ fieldset.permissions .padding {
float: left;
background-color: #CADCEB;
width: 100%;
border-radius: 5px;
overflow: hidden;
padding: 5px 0;
}
.rtl .permissions-panel {
float: right;
}
.permissions-panel span.corners-top {
background-image: url("../images/corners_left2.gif");
}
.permissions-panel span.corners-top span {
background-image: url("../images/corners_right2.gif");
}
.permissions-panel span.corners-bottom {
background-image: url("../images/corners_left2.gif");
}
.permissions-panel span.corners-bottom span {
background-image: url("../images/corners_right2.gif");
}
.permissions-panel span.corners-top, .permissions-panel span.corners-bottom,
.permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
.permissions-panel span.corners-top {
background-image: url("../images/corners_left2.gif");
background-position: 0 0;
margin: 0 0;
}
.permissions-panel span.corners-top span {
background-image: url("../images/corners_right2.gif");
background-position: 100% 0;
}
.permissions-panel span.corners-bottom {
background-image: url("../images/corners_left2.gif");
background-position: 0 100%;
margin: 0 0;
clear: both;
}
.permissions-panel span.corners-bottom span {
background-image: url("../images/corners_right2.gif");
background-position: 100% 100%;
}
/* Permission table
---------------------------------------- */
.permissions-panel .tablewrap {

3
phpBB/adm/style/install_footer.html
View file

@ -1,9 +1,6 @@
</div>
</div>
<span class="corners-bottom"><span></span></span>
<div class="clear"></div>
</div>
</div>
</div>

2
phpBB/adm/style/install_header.html
View file

@ -61,8 +61,6 @@ function dE(n, s, type)
</div>
<div id="acp">
<div class="panel">
<span class="corners-top"><span></span></span>
<div id="content">
<div id="menu">
<ul>

7
phpBB/adm/style/install_update_diff.html
View file

@ -44,6 +44,7 @@ window.onresize = resize_panel;
#diff_content {
padding: 30px 10px 10px;
overflow: hidden;
}
<!-- IF DIFF_MODE neq 'side_by_side' and DIFF_MODE neq 'raw' -->
@ -239,15 +240,13 @@ table.hrdiff caption span {
<div id="page-body">
<div id="acp">
<div class="panel" id="codepanel">
<span class="corners-top"><span></span></span>
<div id="codepanel">
<div id="diff_content">
<div id="main">
{DIFF_CONTENT}
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
</div>

3
phpBB/adm/style/overall_footer.html
View file

@ -1,9 +1,6 @@
</div>
</div>
<span class="corners-bottom"><span></span></span>
<div class="clear"></div>
</div>
</div>
</div>

2
phpBB/adm/style/overall_header.html
View file

@ -178,8 +178,6 @@ function switch_menu()
</div>
<div id="acp">
<div class="panel">
<span class="corners-top"><span></span></span>
<div id="content">
<!-- IF not S_USER_NOTICE -->
<div id="toggle">

2
phpBB/adm/style/permission_mask.html
View file

@ -75,7 +75,6 @@
<!-- BEGIN category -->
<div class="permissions-panel" id="options{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" <!-- IF p_mask.S_FIRST_ROW and p_mask.f_mask.S_FIRST_ROW and p_mask.f_mask.category.S_FIRST_ROW --><!-- ELSE --> style="display: none;"<!-- ENDIF -->>
<span class="corners-top"><span></span></span>
<div class="tablewrap">
<table id="table{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" cellspacing="1">
<colgroup>
@ -128,7 +127,6 @@
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span>
</div>
<!-- END category -->
<div class="clearfix"></div>