Bug 451134 (1/2): switch to the official border-radius property names: purely mechanical changes. r=dbaron a2.0=blocking2.0:beta6

This was generated with the command:

LC_ALL=C grep -irlEZe '[-_]moz[-_]border[-_]radius([-_](top|bottom)(right|left))?' * | xargs -0 perl -pi -e \
    's/-moz-border-radius-(top|bottom)(left|right)/border-${1}-${2}-radius/gi;
     s/_moz_border_radius_(top|bottom)Right/border_${1}_right_radius/g;
     s/_moz_border_radius_(top|bottom)Left/border_${1}_left_radius/g;
     s/-moz-border-radius/border-radius/gi;
     s/_moz_border_radius/border_radius/g;'
This commit is contained in:
Zack Weinberg ext:(%2C%20L.%20David%20Baron%20%3Cdbaron%40dbaron.org%3E) 2010-09-09 08:21:47 -07:00
Родитель 00da671cec
Коммит 8537cb241d
218 изменённых файлов: 781 добавлений и 781 удалений

Просмотреть файл

@ -172,7 +172,7 @@ image.study-result {
color: white;
font-weight: bold;
padding: 2px;
-moz-border-radius: 10000px;
border-radius: 10000px;
margin-right: 25px;
margin-bottom: 13px;
}

Просмотреть файл

@ -102,7 +102,7 @@ src: url('chrome://testpilot/skin/fonts/DroidSans-Bold.ttf') format('truetype');
font-size: 16px;
padding: 8px 12px;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-box-shadow:
inset rgba(0, 0, 0, 0.2) 0 1px 1px,
@ -122,7 +122,7 @@ src: url('chrome://testpilot/skin/fonts/DroidSans-Bold.ttf') format('truetype');
padding: 8px 12px;
width: 240px;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-box-shadow:
inset rgba(0, 0, 0, 0.2) 0 1px 1px,
@ -143,7 +143,7 @@ src: url('chrome://testpilot/skin/fonts/DroidSans-Bold.ttf') format('truetype');
padding: 8px 24px;
margin: 24px auto;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: rgba(220, 240, 247, 0.8) url('chrome://testpilot/skin/callout.png') no-repeat top center;
-moz-box-shadow:
@ -161,7 +161,7 @@ src: url('chrome://testpilot/skin/fonts/DroidSans-Bold.ttf') format('truetype');
padding: 8px 24px;
margin: 8px auto;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: rgba(220, 240, 247, 0.8) url('chrome://testpilot/skin/callout.png') no-repeat top center;
-moz-box-shadow:
@ -197,7 +197,7 @@ src: url('chrome://testpilot/skin/fonts/DroidSans-Bold.ttf') format('truetype');
padding: 4px 40px;
width: 800px;
text-align: left;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-top: 1px solid #adb6ba;
border-left: 1px solid #adb6ba;

Просмотреть файл

@ -52,7 +52,7 @@ body {
.dataBox {
font-size: 16px;
padding: 6px 20px 20px 20px;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: rgba(220, 240, 247, 0.8) url('chrome://testpilot/skin/images/callout.png') no-repeat top center;
//display: inline;
@ -113,7 +113,7 @@ body {
font-size: 16px;
padding: 8px 12px;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-box-shadow:
inset rgba(0, 0, 0, 0.2) 0 1px 1px,
@ -132,7 +132,7 @@ body {
padding: 8px 12px;
width: 240px;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-box-shadow:
inset rgba(0, 0, 0, 0.2) 0 1px 1px,
@ -151,7 +151,7 @@ body {
padding: 8px 24px;
margin: 24px auto;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: rgba(220, 240, 247, 0.8) url('chrome://testpilot/skin/images/callout.png') no-repeat top center;
-moz-box-shadow:
@ -173,7 +173,7 @@ body {
padding: 8px 24px;
margin: 8px auto;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: rgba(220, 240, 247, 0.8) url('chrome://testpilot/skin/images/callout.png') no-repeat top center;
-moz-box-shadow:
@ -190,7 +190,7 @@ body {
padding: 8px 24px;
margin: 8px auto;
color: rgba(0, 0, 0, 0.8);
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: rgba(220, 240, 247, 0.8) url('chrome://testpilot/skin/images/callout_continue.png') no-repeat top center;
-moz-box-shadow:
@ -237,7 +237,7 @@ body {
padding: 4px 40px;
width: 800px;
text-align: left;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-top: 1px solid #adb6ba;
border-left: 1px solid #adb6ba;

Просмотреть файл

@ -8,7 +8,7 @@
background-image: -moz-linear-gradient(hsla(0,0%,100%,.2), transparent);
-moz-box-shadow: inset 0 0 10px hsla(0,0%,100%,.2),
inset 0 1px 0 hsla(0,0%,100%,.3);
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid Menu;
margin: -6px 0 0 0;
width: 480px;

Просмотреть файл

@ -7,7 +7,7 @@
rgba(60,60,60,.9) 51%, rgba(50,50,50,.9));
background-clip: padding-box;
background-origin: padding-box;
-moz-border-radius: 12px;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.65);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),
inset 0 0 1px rgba(255,255,255,.1),

Просмотреть файл

@ -54,7 +54,7 @@ html {
#brandStart {
background: -moz-linear-gradient(top, #42607C, #1E4262 30%, #1E4262 80%, #143552 98%, #244665);
-moz-border-radius: 5.6px;
border-radius: 5.6px;
padding-bottom: 0.2em;
-moz-padding-start: 0.5em;
font-size: 250%;
@ -82,7 +82,7 @@ body[dir="rtl"] #brandStart:before {
#searchContainer {
border: 1px solid ThreeDShadow;
-moz-border-radius: 5.6px;
border-radius: 5.6px;
padding: 3em;
}
#searchEngineLinks {

Просмотреть файл

@ -82,7 +82,7 @@ body {
.front {
z-index: 999999 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-moz-box-shadow: none !important;
-moz-transform: none !important;
image-rendering: -moz-crisp-edges;

Просмотреть файл

@ -67,7 +67,7 @@ h2 {
max-width: 52em;
margin: 4em auto;
border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */
-moz-border-radius: 10px;
border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;

Просмотреть файл

@ -43,7 +43,7 @@ richlistitem[type="tab"] {
padding: 2px 5px;
margin-bottom: 4px;
-moz-margin-start: 4em;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: menu;
width: 44em;
opacity: 0.9;
@ -64,7 +64,7 @@ richlistitem[type="client"] {
margin-top: 2px;
margin-bottom: 3px;
width: 42em;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: transparent;
-moz-user-focus: ignore !important;
}

Просмотреть файл

@ -1155,8 +1155,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
background-origin: border-box;
border: none;
border-left: 1px solid rgba(0,0,0,.35);
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#urlbar > toolbarbutton:active:hover {
@ -1320,7 +1320,7 @@ statusbarpanel#statusbar-display {
margin: 0;
padding: 0;
-moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px;
-moz-border-radius: 10px 8px 0 0;
border-radius: 10px 8px 0 0;
min-height: 25px; /* reserve space for the sometimes hidden close button */
}
@ -1515,7 +1515,7 @@ statusbarpanel#statusbar-display {
-moz-appearance: tab-scroll-arrow-forward;
margin: 0;
-moz-transition: 1s -moz-box-shadow ease-out;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {

Просмотреть файл

@ -13,7 +13,7 @@ html {
#feedHeaderContainer {
border: 1px solid ThreeDShadow;
-moz-border-radius: 10px;
border-radius: 10px;
margin: -4em auto 0 auto;
background-color: InfoBackground;
}

Просмотреть файл

@ -171,7 +171,7 @@ code {
.nodeCloseLabel {
margin: -2px 2px 0 2px;
border: 2px solid transparent;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 2px;
color: #000088;
}

Просмотреть файл

@ -147,7 +147,7 @@ radio[pane=paneSync] {
#cookieInfoBox {
border: 1px solid ThreeDShadow;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 4px;
padding: 0px;
}

Просмотреть файл

@ -31,7 +31,7 @@
#sanitizeEverythingWarningBox {
background-color: Window;
border: 1px solid ThreeDDarkShadow;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 16px;
}

Просмотреть файл

@ -53,7 +53,7 @@ wizardpage {
.confirm {
border: 1px solid black;
padding: 1em;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Override the text-link style from global.css */
@ -68,7 +68,7 @@ wizardpage {
.success,
.error {
padding: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.error {

Просмотреть файл

@ -19,7 +19,7 @@ body {
.tab {
padding: 4px 6px 6px 4px;
background-color: #D7D7D7;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow: 0 1px 0 #FFFFFF inset,
0 -1px 1px rgba(255, 255, 255, 0.4) inset,
1px 0 1px rgba(255, 255, 255, 0.4) inset,
@ -40,7 +40,7 @@ body {
.favicon {
background-color: #D7D7D7;
-moz-border-radius-bottomright: 0.4em;
border-bottom-right-radius: 0.4em;
-moz-box-shadow:
0 -1px 0 rgba(225, 225, 225, 0.8) inset,
-1px 0 0 rgba(225, 225, 225, 0.8) inset;
@ -156,7 +156,7 @@ body {
cursor: move;
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow:
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
rgba(0,0,0,0.2) 1px 1px 4px;
@ -174,7 +174,7 @@ body {
.overlay {
background-color: rgba(0,0,0,.7) !important;
-moz-box-shadow: 3px 3px 8px rgba(0,0,0,.5);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
/*
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
@ -190,7 +190,7 @@ body {
cursor: move;
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow:
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
rgba(0,0,0, .2) 1px 1px 4px;
@ -365,7 +365,7 @@ input.defaultName {
color: white;
border: none;
background-color: #272727;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
padding-left:5px; padding-right: 5px;
font-size: 14px;
}
@ -375,8 +375,8 @@ input.defaultName {
height: 30px;
background-color: #666;
border: none;
-moz-border-radius-bottomleft: 0.4em;
-moz-border-radius-topleft: 0.4em;
border-bottom-left-radius: 0.4em;
border-top-left-radius: 0.4em;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 13px rgba(0,0,0,.56);
opacity: .64;
text-align: center;

Просмотреть файл

@ -67,7 +67,7 @@ h2 {
max-width: 52em;
margin: 4em auto;
border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */
-moz-border-radius: 10px;
border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;

Просмотреть файл

@ -43,7 +43,7 @@ richlistitem[type="tab"] {
padding: 2px 5px;
margin-bottom: 4px;
-moz-margin-start: 4em;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: menu;
width: 44em;
opacity: 0.9;
@ -64,7 +64,7 @@ richlistitem[type="client"] {
margin-top: 2px;
margin-bottom: 3px;
width: 42em;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: transparent;
-moz-user-focus: ignore !important;
}

Просмотреть файл

@ -165,7 +165,7 @@ toolbarbutton.bookmark-item {
font-weight: bold;
color: #222;
border: 0;
-moz-border-radius: 10000px;
border-radius: 10000px;
padding: 0 8px;
margin: 0 0 1px;
}
@ -298,7 +298,7 @@ toolbarbutton.bookmark-item > menupopup {
padding: 0 3px;
height: 22px;
border: 1px solid @toolbarbuttonBorderColor@;
-moz-border-radius: @toolbarbuttonCornerRadius@;
border-radius: @toolbarbuttonCornerRadius@;
-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.2);
background: @toolbarbuttonBackground@;
background-origin: border-box;
@ -366,14 +366,14 @@ toolbar:not([mode="icons"]) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmar
.toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr) {
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
toolbar:not([mode="icons"]) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-dropmarker {
@ -452,7 +452,7 @@ toolbar:not([iconsize="small"])[mode="icons"] #back-button {
width: 30px;
height: 30px;
padding: 4px 5px 4px 3px;
-moz-border-radius: 10000px;
border-radius: 10000px;
}
toolbar[mode="icons"] #forward-button {
@ -483,15 +483,15 @@ toolbar[iconsize="small"][mode="icons"] #forward-button {
toolbar[mode="icons"]:not([iconsize="small"]) #forward-button:-moz-locale-dir(ltr),
toolbar[iconsize="small"][mode="icons"] #back-button:-moz-locale-dir(rtl),
toolbar[iconsize="small"][mode="icons"] #forward-button:-moz-locale-dir(ltr) {
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
toolbar[mode="icons"]:not([iconsize="small"]) #forward-button:-moz-locale-dir(rtl),
toolbar[iconsize="small"][mode="icons"] #back-button:-moz-locale-dir(ltr),
toolbar[iconsize="small"][mode="icons"] #forward-button:-moz-locale-dir(rtl) {
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#back-forward-dropmarker {
@ -689,7 +689,7 @@ toolbar[iconsize="small"][mode="icons"] #forward-button:-moz-locale-dir(rtl) {
}
#urlbar {
-moz-border-radius: @toolbarbuttonCornerRadius@;
border-radius: @toolbarbuttonCornerRadius@;
direction: ltr;
}
@ -699,7 +699,7 @@ toolbar[iconsize="small"][mode="icons"] #forward-button:-moz-locale-dir(rtl) {
#identity-box {
margin: 1px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 1px;
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
@ -923,8 +923,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
background-origin: border-box;
border: none;
border-left: 1px solid rgba(0,0,0,.25);
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#urlbar > toolbarbutton:active:hover {
@ -1106,7 +1106,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
#editBMPanel_folderMenuList {
@hudButton@
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 3px !important;
min-height: 22px;
-moz-padding-start: 2px;
@ -1234,7 +1234,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
#editBookmarkPanel .expander-up,
#editBookmarkPanel .expander-down {
@hudButton@
-moz-border-radius: 5px;
border-radius: 5px;
-moz-margin-start: 4px;
-moz-margin-end: 2px;
padding: 0;
@ -1282,7 +1282,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
-moz-border-right-colors: #1c1c1c #636363 !important;
-moz-border-bottom-colors: #1c1c1c #797979 !important;
-moz-border-left-colors: #1c1c1c #636363 !important;
-moz-border-radius: 1px !important;
border-radius: 1px !important;
background-color: #666 !important;
color: #fff !important;
}
@ -1478,7 +1478,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
.tabbrowser-tab,
.tabs-newtab-button {
-moz-appearance: none;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
color: #222;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
margin: 0 0 1px;
@ -1499,7 +1499,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
#tabbrowser-tabs[tabsontop="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
border-top-style: solid;
border-bottom-style: none;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
padding-top: 0;
padding-bottom: 2px;
margin-top: 1px;
@ -1697,7 +1697,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
margin: 0;
padding: 0;
border: none;
-moz-border-radius: 0;
border-radius: 0;
background: none;
-moz-box-shadow: none;
}
@ -2004,7 +2004,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
background: rgba(27%,27%,27%,.9) url(KUI-background.png) repeat-x;
color: white;
border-style: none;
-moz-border-radius: 20px;
border-radius: 20px;
}
.KUI-panel[level="top"] {
@ -2060,7 +2060,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
padding: 10px;
background-color: rgba(255,255,255,.2);
-moz-border-radius: .5em;
border-radius: .5em;
}
.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
@ -2069,7 +2069,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
text-shadow: none;
padding: 8px;
border: 2px solid white;
-moz-border-radius: .5em;
border-radius: .5em;
}
.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
@ -2109,12 +2109,12 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
height: 20px;
padding-bottom: 4px;
-moz-padding-start: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.allTabs-favicon[src]:-moz-locale-dir(rtl) {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 4px;
}
.allTabs-preview:not(:focus) > * > .allTabs-favicon-container > .allTabs-favicon[src] {

Просмотреть файл

@ -13,7 +13,7 @@ html {
#feedHeader {
border: 1px solid ThreeDShadow;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 4em;
padding-bottom: .3em;
-moz-padding-start: .3em;

Просмотреть файл

@ -171,7 +171,7 @@ code {
.nodeCloseLabel {
margin: -2px 2px 0 2px;
border: 2px solid transparent;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 2px;
color: #000088;
}

Просмотреть файл

@ -121,8 +121,8 @@
-moz-border-right-colors: transparent #FFFFFF #000000;
-moz-border-bottom-colors: transparent #FFFFFF #000000;
-moz-border-left-colors: transparent #888888 #000000;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
padding: 0;
background-color: -moz-Field;
color: -moz-FieldText;

Просмотреть файл

@ -88,7 +88,7 @@
margin: 4px 4px 5px;
padding: 1px 3px;
border: 1px solid @toolbarbuttonBorderColor@;
-moz-border-radius: @toolbarbuttonCornerRadius@;
border-radius: @toolbarbuttonCornerRadius@;
-moz-box-shadow: @loweredShadow@;
background: @toolbarbuttonBackground@;
background-origin: border-box;
@ -133,8 +133,8 @@
#back-button:-moz-locale-dir(ltr),
#forward-button:-moz-locale-dir(rtl) {
-moz-image-region: rect(0px, 16px, 16px, 0px);
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: 0;
border-right: 0;
}
@ -142,8 +142,8 @@
#forward-button:-moz-locale-dir(ltr),
#back-button:-moz-locale-dir(rtl) {
-moz-image-region: rect(0px, 32px, 16px, 16px);
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: 0;
}
@ -283,7 +283,7 @@
font: icon;
font-weight: bold;
color: #2D2D2D;
-moz-border-radius: 10000px;
border-radius: 10000px;
padding: 0 10px 1px;
margin: 1px;
font-weight: bold;
@ -336,7 +336,7 @@
margin: 0 4px;
padding: 0 10px;
-moz-appearance: none;
-moz-border-radius: 10000px;
border-radius: 10000px;
border: @roundButtonBorder@;
text-shadow: @loweredShadow@;
background: @roundButtonBackground@;

Просмотреть файл

@ -67,7 +67,7 @@
#viewButton {
-moz-appearance: none;
border: 1px solid #7F7F7F;
-moz-border-radius: 10px;
border-radius: 10px;
background: @toolbarbuttonBackground@;
min-width: 0px;
min-height: 0px;

Просмотреть файл

@ -27,7 +27,7 @@
#sanitizeEverythingWarningBox {
background-color: Window;
border: 1px solid ThreeDDarkShadow;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 16px;
}

Просмотреть файл

@ -1,5 +1,5 @@
.searchbar-textbox {
-moz-border-radius: 10000px;
border-radius: 10000px;
}
.searchbar-engine-button {

Просмотреть файл

@ -1,4 +1,4 @@
%include ../../../../toolkit/themes/pinstripe/global/shared.inc
%include ../../browserShared.inc
%define hudButton -moz-appearance: none; background: url("chrome://browser/skin/hud-style-button-middle-background.png") repeat-x #464646 center center; border: 3px solid; -moz-border-top-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4); -moz-border-right-colors: rgba(53,53,53,1) rgba(53,53,53,1) rgba(162,162,162,1); -moz-border-bottom-colors: rgba(128,128,128,0.35) rgba(0,0,0,0.5) rgba(255,255,255,0.15); -moz-border-left-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4); -moz-border-radius: 20px; color: #fff;
%define hudButton -moz-appearance: none; background: url("chrome://browser/skin/hud-style-button-middle-background.png") repeat-x #464646 center center; border: 3px solid; -moz-border-top-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4); -moz-border-right-colors: rgba(53,53,53,1) rgba(53,53,53,1) rgba(162,162,162,1); -moz-border-bottom-colors: rgba(128,128,128,0.35) rgba(0,0,0,0.5) rgba(255,255,255,0.15); -moz-border-left-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4); border-radius: 20px; color: #fff;

Просмотреть файл

@ -53,7 +53,7 @@ wizardpage {
.confirm {
border: 1px solid black;
padding: 1em;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Override the text-link style from global.css */
@ -68,7 +68,7 @@ wizardpage {
.success,
.error {
padding: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.error {

Просмотреть файл

@ -20,7 +20,7 @@ body {
.tab {
padding: 4px 6px 6px 4px;
background-color: #D7D7D7;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.5);
cursor: pointer;
@ -38,7 +38,7 @@ body {
.favicon {
background-color: #D7D7D7;
-moz-border-radius-bottomright: 0.4em;
border-bottom-right-radius: 0.4em;
-moz-box-shadow:
0 -1px 0 rgba(225, 225, 225, 0.8) inset,
-1px 0 0 rgba(225, 225, 225, 0.8) inset;
@ -164,7 +164,7 @@ body {
.groupItem {
cursor: move;
background-color: #EBEBEB;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.5);
}
@ -181,7 +181,7 @@ body {
.overlay {
background-color: rgba(0,0,0,.7) !important;
-moz-box-shadow: 3px 3px 8px rgba(0,0,0,.5);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
/*
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
@ -197,7 +197,7 @@ body {
cursor: move;
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow:
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
rgba(0,0,0, .2) 1px 1px 4px;
@ -372,7 +372,7 @@ input.defaultName {
color: white;
border: none;
background-color: #272727;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
padding-left:5px; padding-right: 5px;
font-size: 14px;
}
@ -382,8 +382,8 @@ input.defaultName {
height: 30px;
background-color: #666;
border: none;
-moz-border-radius-bottomleft: 0.4em;
-moz-border-radius-topleft: 0.4em;
border-bottom-left-radius: 0.4em;
border-top-left-radius: 0.4em;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 13px rgba(0,0,0,.56);
opacity: .64;
text-align: center;

Просмотреть файл

@ -67,7 +67,7 @@ h2 {
max-width: 52em;
margin: 4em auto;
border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */
-moz-border-radius: 10px;
border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;

Просмотреть файл

@ -43,7 +43,7 @@ richlistitem[type="tab"] {
padding: 2px 5px;
margin-bottom: 4px;
-moz-margin-start: 4em;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: menu;
width: 44em;
opacity: 0.9;
@ -64,7 +64,7 @@ richlistitem[type="client"] {
margin-top: 2px;
margin-bottom: 3px;
width: 42em;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: transparent;
-moz-user-focus: ignore !important;
}

Просмотреть файл

@ -111,7 +111,7 @@
#main-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive) {
background-color: rgba(255,255,255,.5);
-moz-border-radius: 4px;
border-radius: 4px;
}
#urlbar,
@ -151,7 +151,7 @@
#ctrlTab-panel {
background: transparent;
-moz-appearance: -moz-win-glass;
-moz-border-radius: 0;
border-radius: 0;
border: none;
font: normal 1.2em "Segoe UI";
color: black;

Просмотреть файл

@ -116,7 +116,7 @@ statusbarpanel#statusbar-display {
-moz-appearance: none;
background: -moz-linear-gradient(rgb(247,182,82), rgb(215,98,10) 95%);
background-clip: padding-box;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border: 1px solid rgba(83,42,6,.9);
border-top: none;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
@ -147,7 +147,7 @@ statusbarpanel#statusbar-display {
#appmenu-button:hover:active,
#appmenu-button[open] {
background-image: -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%);
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.4) inset,
0 1px 1px rgba(0,0,0,.2) inset;
}
@ -183,7 +183,7 @@ statusbarpanel#statusbar-display {
border: 1px solid transparent;
padding: 2px;
background: transparent;
-moz-border-radius: 3px;
border-radius: 3px;
}
.appmenu-edit-button[disabled="true"] {
@ -478,7 +478,7 @@ menuitem.bookmark-item {
-moz-linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%,
rgba(231,232,233,.45) 51%, rgba(225,226,229,.3));
background-clip: padding-box;
-moz-border-radius: 4.5px;
border-radius: 4.5px;
border: 1px solid;
border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38);
-moz-box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
@ -523,14 +523,14 @@ toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 {
.toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr) {
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.toolbarbutton-1[disabled="true"] {
@ -660,18 +660,18 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
}
#back-button:-moz-locale-dir(ltr) {
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#back-button:-moz-locale-dir(rtl),
#forward-button {
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
toolbar:not([iconsize="small"])[mode="icons"] #back-button {
-moz-border-radius: 10000px;
border-radius: 10000px;
padding: 0;
width: 30px;
height: 30px;
@ -922,7 +922,7 @@ toolbar:not([iconsize="small"])[mode="icons"] #forward-button:not([disabled="tru
padding: 2px;
background-clip: padding-box;
border: 1px solid ThreeDDarkShadow;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) inset,
0 1px 0 rgba(255,255,255,.4);
}
@ -1008,7 +1008,7 @@ toolbar:not([iconsize="small"])[mode="icons"] #forward-button:not([disabled="tru
background-color: -moz-dialog;
background-image: -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.15));
color: -moz-dialogText;
-moz-border-radius: 2px;
border-radius: 2px;
}
#identity-box:hover {
@ -1205,8 +1205,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
background-origin: border-box;
border: none;
border-left: 1px solid rgba(0,0,0,.25);
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#urlbar > toolbarbutton:active:hover {
@ -1391,7 +1391,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
margin: 0;
padding: 0;
-moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px;
-moz-border-radius: 10px 8px 0 0;
border-radius: 10px 8px 0 0;
}
.tabbrowser-tab:hover,
@ -1937,7 +1937,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
background: rgba(27%,27%,27%,.9) url(KUI-background.png) repeat-x;
color: white;
border-style: none;
-moz-border-radius: 20px;
border-radius: 20px;
}
.KUI-panel[level="top"] {
@ -1993,7 +1993,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
padding: 10px;
background-color: rgba(255,255,255,.2);
-moz-border-radius: .5em;
border-radius: .5em;
}
.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
@ -2002,7 +2002,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
text-shadow: none;
padding: 8px;
border: 2px solid white;
-moz-border-radius: .5em;
border-radius: .5em;
}
.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
@ -2046,12 +2046,12 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
-moz-padding-end: 5px;
margin-top: -2px;
-moz-margin-start: -2px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.allTabs-favicon[src]:-moz-locale-dir(rtl) {
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px;
}
.allTabs-preview-inner > .tabPreview-canvas {

Просмотреть файл

@ -13,7 +13,7 @@ html {
#feedHeaderContainer {
border: 1px solid ThreeDShadow;
-moz-border-radius: 10px;
border-radius: 10px;
margin: -4em auto 0 auto;
background-color: InfoBackground;
}

Просмотреть файл

@ -170,7 +170,7 @@ code {
.nodeCloseLabel {
margin: -2px 2px 0 2px;
border: 2px solid transparent;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 2px;
color: #000088;
}

Просмотреть файл

@ -185,7 +185,7 @@
#organizerScopeBar > toolbarbutton {
-moz-appearance: none;
border: 1px solid transparent;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0 !important;
margin: 0 1px;
}

Просмотреть файл

@ -160,7 +160,7 @@ radio[pane=paneSync] {
#cookieInfoBox {
border: 1px solid ThreeDShadow;
-moz-border-radius: 0;
border-radius: 0;
margin: 4px;
padding: 0;
}

Просмотреть файл

@ -31,7 +31,7 @@
#sanitizeEverythingWarningBox {
background-color: Window;
border: 1px solid ThreeDDarkShadow;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 16px;
}

Просмотреть файл

@ -53,7 +53,7 @@ wizardpage {
.confirm {
border: 1px solid black;
padding: 1em;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Override the text-link style from global.css */
@ -68,7 +68,7 @@ wizardpage {
.success,
.error {
padding: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.error {

Просмотреть файл

@ -19,7 +19,7 @@ body {
.tab {
padding: 4px 6px 6px 4px;
background-color: #E0EAF5;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow:
0 1px 0 #FFFFFF inset,
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
@ -41,7 +41,7 @@ body {
.favicon {
background-color: #E0EAF5;
-moz-border-radius-bottomright: 0.4em;
border-bottom-right-radius: 0.4em;
padding: 4px 6px 6px 4px;
top: 4px;
left: 4px;
@ -166,7 +166,7 @@ body {
.groupItem {
cursor: move;
background-color: #E0EAF5;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow:
0 1px 0 #FFFFFF inset,
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
@ -186,7 +186,7 @@ body {
.overlay {
background-color: rgba(0,0,0,.7) !important;
-moz-box-shadow: 3px 3px 8px rgba(0,0,0,.5);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
/*
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
@ -202,7 +202,7 @@ body {
cursor: move;
border: 1px solid rgba(230,230,230,1);
background-color: rgba(248,248,248,1);
-moz-border-radius: 0.4em;
border-radius: 0.4em;
-moz-box-shadow:
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
rgba(0,0,0, .2) 1px 1px 4px;
@ -377,7 +377,7 @@ input.defaultName {
color: white;
border: none;
background-color: #272727;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
padding-left:5px; padding-right: 5px;
font-size: 14px;
}
@ -387,8 +387,8 @@ input.defaultName {
height: 30px;
background-color: #CFDBE8;
border: none;
-moz-border-radius-bottomleft: 0.4em;
-moz-border-radius-topleft: 0.4em;
border-bottom-left-radius: 0.4em;
border-top-left-radius: 0.4em;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 13px rgba(0,0,0,.56);
opacity: .64;
text-align: center;

Просмотреть файл

@ -3,6 +3,6 @@
</head>
<body>
<iframe style="border-top-width: 31378748; -moz-border-radius-bottomright: 23895784; ">
<iframe style="border-top-width: 31378748; border-bottom-right-radius: 23895784; ">
</body>
</html>

Просмотреть файл

@ -1,4 +1,4 @@
<!DOCTYPE HTML>
<div style="overflow: hidden; -moz-border-radius: 50px; height: 200px; width: 200px; background:yellow">
<div style="overflow: hidden; border-radius: 50px; height: 200px; width: 200px; background:yellow">
This is some text that should get clipped at the corners by the border radius.
</div>

Просмотреть файл

@ -1239,7 +1239,7 @@ nsCSSRendering::PaintBoxShadowOuter(nsPresContext* aPresContext,
// We only give the spread radius to corners with a radius on them, otherwise we'll
// give a rounded shadow corner to a frame corner with 0 border radius, should
// the author use non-uniform border radii sizes (-moz-border-radius-topleft etc)
// the author use non-uniform border radii sizes (border-top-left-radius etc)
// (bug 514670)
if (borderRadii[C_TL].width > 0 || borderRadii[C_BL].width > 0) {
borderSizes[NS_SIDE_LEFT] = spreadDistance;

Просмотреть файл

@ -57,7 +57,7 @@ input[type="radio"] {
border-right: 1px solid ThreeDHighlight;
border-bottom: 1px solid ThreeDHighlight;
border-left: 1px solid ThreeDShadow;
-moz-border-radius: 50%;
border-radius: 50%;
width: 12px;
height: 12px;
background-color: -moz-Field;
@ -68,7 +68,7 @@ xul|*.input-radio-check-box2 {
border-right: 1px solid ThreeDLightShadow;
border-bottom: 1px solid ThreeDLightShadow;
border-left: 1px solid ThreeDDarkShadow;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 2px;
width: 4px;
height: 4px;

Просмотреть файл

@ -7,11 +7,11 @@ div {
margin-left: 8px; margin-top: 8px;
width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 10px;
border-radius: 10px;
}
div > div {
margin: 0; width: 50px; height: 50px;
-moz-border-radius: 0;
border-radius: 0;
background: black;
border: none;
}

Просмотреть файл

@ -4,7 +4,7 @@
<style>
div { width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 10px;
border-radius: 10px;
}
</style>
</head>

Просмотреть файл

@ -4,7 +4,7 @@
<style>
div { width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 10px / 20px;
border-radius: 10px / 20px;
}
</style>
</head>

Просмотреть файл

@ -10,7 +10,7 @@
position: absolute;
top: 12px;
left: 12px;
-moz-border-radius: 4px 16px 4px 16px;
border-radius: 4px 16px 4px 16px;
}
</style>
</head>

Просмотреть файл

@ -10,7 +10,7 @@
position: absolute;
top: 12px;
left: 12px;
-moz-border-radius: 5px 20px 5px 20px;
border-radius: 5px 20px 5px 20px;
}
</style>
</head>

Просмотреть файл

@ -8,10 +8,10 @@
height: 200px;
background: green;
border: 10px dashed black;
-moz-border-radius-topleft: 2em 10px;
-moz-border-radius-topright: 10px 0.5em;
-moz-border-radius-bottomright: 3em 10px;
-moz-border-radius-bottomleft: 10px 0.5em;
border-top-left-radius: 2em 10px;
border-top-right-radius: 10px 0.5em;
border-bottom-right-radius: 3em 10px;
border-bottom-left-radius: 10px 0.5em;
}
</style>

Просмотреть файл

@ -9,7 +9,7 @@
border: 10px dashed black}
/* Test interpreted values */
#test1 { -moz-border-radius: 2em 10px 3em / 10px 0.5em }
#test1 { border-radius: 2em 10px 3em / 10px 0.5em }
</style>
</head>

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 20px;
border-radius: 20px;
position: fixed;
left: 50px;
top: 50px;
@ -14,7 +14,7 @@
width: 40px; height: 40px;
border: 10px solid black;
background: black;
-moz-border-radius: 10px;
border-radius: 10px;
position: fixed;
left: 55px;
top: 55px;

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 20px;
border-radius: 20px;
position: absolute;
background: black;
left: 50px;

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 50px; height: 50px;
border: 4px dotted black;
-moz-border-radius: 10px;
border-radius: 10px;
position: fixed;
background: red;
left: 50px;
@ -14,7 +14,7 @@
.div2 { width: 50px; height: 50px;
border: 4px dotted black;
-moz-border-radius: 10px;
border-radius: 10px;
position: fixed;
background: red;
left: 50px;

Просмотреть файл

@ -16,7 +16,7 @@
background: red;
left: 80px;
top: 80px;
-moz-border-radius: 10px;
border-radius: 10px;
}
</style>

Просмотреть файл

@ -2,7 +2,7 @@
<title>Test for clipping of border-radius</title>
<style>
canvas {
-moz-border-radius: 25px;
border-radius: 25px;
}
</style>
<canvas id="canvas" height="100" width="200"></canvas>

Просмотреть файл

@ -4,7 +4,7 @@
img {
height: 100px;
width: 200px;
-moz-border-radius: 25px;
border-radius: 25px;
}
</style>
<img src="../pixel-rounding/green-25x25.png" alt="">

Просмотреть файл

@ -4,7 +4,7 @@
body > div {
height: 100px;
width: 200px;
-moz-border-radius: 25px;
border-radius: 25px;
overflow: hidden;
}
body > div > div {

Просмотреть файл

@ -5,7 +5,7 @@ div {
background: green;
height: 100px;
width: 200px;
-moz-border-radius: 25px;
border-radius: 25px;
}
</style>
<div></div>

Просмотреть файл

@ -8,7 +8,7 @@ canvas {
padding: 0px 1px 1px 5px;
/* border + padding: 1px 2px 4px 8px */
margin: 17px;
-moz-border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
}
</style>
<canvas id="canvas" height="100" width="200"></canvas>

Просмотреть файл

@ -10,7 +10,7 @@ img {
margin: 17px;
height: 100px;
width: 200px;
-moz-border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
}
</style>
<img src="../pixel-rounding/green-25x25.png" alt="">

Просмотреть файл

@ -12,7 +12,7 @@ body > div {
border-width: 1px 2px 4px 8px;
padding: 0px 1px 1px 5px;
margin: 17px;
-moz-border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px;
}
body > div > div {
background: green;

Просмотреть файл

@ -10,8 +10,8 @@ div {
width: 200px;
/* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
/* -moz-border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
-moz-border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
/* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
}
</style>
<div></div>

Просмотреть файл

@ -6,8 +6,8 @@ canvas {
/* border + padding: 1px 2px 4px 8px */
/* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
/* -moz-border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
-moz-border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
/* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
}
</style>
<canvas id="canvas" height="100" width="200"></canvas>

Просмотреть файл

@ -8,8 +8,8 @@ img {
width: 200px;
/* Horizontal: TL TR BR BL / Vertical: TL TR BR BL */
/* -moz-border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
-moz-border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
/* border-radius: 25px 17px 14px 18px / 12px 15px 18px 17px; */
border-radius: 17px 15px 12px 10px / 11px 14px 14px 13px;
}
</style>
<img src="../pixel-rounding/green-25x25.png" alt="">

Просмотреть файл

@ -5,7 +5,7 @@
#one { position: absolute; background: blue;
top: 50px; left: 50px; width: 100px; height: 100px }
#two { position: absolute; -moz-border-radius: 15px; background: fuchsia;
#two { position: absolute; border-radius: 15px; background: fuchsia;
top: 25px; left: 75px; width: 100px; height: 100px }
#three { position: absolute; background: yellow;

Просмотреть файл

@ -5,7 +5,7 @@
#one { position: absolute; z-index: 2; background: blue;
top: 50px; left: 50px; width: 100px; height: 100px }
#twoouter { position: absolute; -moz-border-radius: 15px; overflow: hidden;
#twoouter { position: absolute; border-radius: 15px; overflow: hidden;
top: 25px; left: 75px; width: 100px; height: 100px }
#twoinner { position: relative; z-index: 1; height: 100px; background: fuchsia }

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 10px 10px 6px 6px;
border-radius: 10px 10px 6px 6px;
position: absolute;
background: black;
left: 50px;

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 50px; height: 50px;
border: 10px solid black;
-moz-border-radius: 10px 6px 6px 10px;
border-radius: 10px 6px 6px 10px;
position: absolute;
background: black;
left: 50px;

Просмотреть файл

@ -7,7 +7,7 @@
background: beige;
margin: 1ex;
padding: 1ex;
-moz-border-radius: 3ex;
border-radius: 3ex;
}
</style>
<script>

Просмотреть файл

@ -8,7 +8,7 @@ div {
width: 180px;
height: 180px;
border: 30px double black;
-moz-border-radius: 60px / 40px;
border-radius: 60px / 40px;
margin: 20px;
}
</style>

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 100px; height: 100px;
border: 10px solid black;
-moz-border-radius: 10px;
border-radius: 10px;
left: 50px;
top: 50px;
}
@ -13,7 +13,7 @@ div > div {
width: 40px; height: 40px;
border: 10px solid black;
position: absolute;
-moz-border-radius: 0px;
border-radius: 0px;
left: 40px;
top: 40px;
}

Просмотреть файл

@ -4,7 +4,7 @@
<style>
.div1 { width: 100px; height: 100px;
border: 10px solid black;
-moz-border-radius: 10px;
border-radius: 10px;
left: 50px;
top: 50px;
}

Просмотреть файл

@ -5,10 +5,10 @@ div {
overflow: hidden;
width: 200px;
height: 100px;
-moz-border-radius: 50px / 20px;
border-radius: 50px / 20px;
}
canvas {
-moz-border-radius: 20px / 40px;
border-radius: 20px / 40px;
}
</style>
<div><canvas id="canvas" height="100" width="200"></canvas></div>

Просмотреть файл

@ -5,10 +5,10 @@ div {
overflow: hidden;
width: 200px;
height: 100px;
-moz-border-radius: 50px / 20px;
border-radius: 50px / 20px;
}
img {
-moz-border-radius: 20px / 40px;
border-radius: 20px / 40px;
width: 200px;
height: 100px;
}

Просмотреть файл

@ -5,10 +5,10 @@ body > div {
overflow: hidden;
width: 200px;
height: 100px;
-moz-border-radius: 50px / 20px;
border-radius: 50px / 20px;
}
body > div > div {
-moz-border-radius: 20px / 40px;
border-radius: 20px / 40px;
overflow: hidden;
width: 200px;
height: 100px;

Просмотреть файл

@ -10,10 +10,10 @@
overflow: hidden;
width: 200px;
height: 100px;
-moz-border-radius: 50px / 20px;
border-radius: 50px / 20px;
}
#contain > div > div {
-moz-border-radius: 20px / 40px;
border-radius: 20px / 40px;
overflow: hidden;
width: 200px;
height: 100px;

Просмотреть файл

@ -10,10 +10,10 @@
overflow: hidden;
width: 200px;
height: 100px;
-moz-border-radius: 50px / 20px;
border-radius: 50px / 20px;
}
#contain > div > canvas {
-moz-border-radius: 20px / 40px;
border-radius: 20px / 40px;
}
#contain > div.spot {

Просмотреть файл

@ -10,10 +10,10 @@
overflow: hidden;
width: 200px;
height: 100px;
-moz-border-radius: 50px / 20px;
border-radius: 50px / 20px;
}
#contain > div > img {
-moz-border-radius: 20px / 40px;
border-radius: 20px / 40px;
width: 200px;
height: 100px;
}

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<body>
<div id="d" style="background:blue; -moz-border-radius:50px; width:200px; height:200px;">
<div id="d" style="background:blue; border-radius:50px; width:200px; height:200px;">
</div>
</body>
</html>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html class="reftest-wait">
<body>
<div id="d" style="background:blue; -moz-border-radius:50px; width:200px; height:100px;">
<div id="d" style="background:blue; border-radius:50px; width:200px; height:100px;">
</div>
<script>
function doTest() {

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html class="reftest-wait">
<body>
<div id="d" style="background:blue; -moz-border-radius:50px; width:100px; height:200px;">
<div id="d" style="background:blue; border-radius:50px; width:100px; height:200px;">
</div>
<script>
function doTest() {

Просмотреть файл

@ -7,22 +7,22 @@ div { background: green; }
.r3 { height: 60px; } .c3 { width: 60px; }
.r4 { height: 80px; } .c4 { width: 80px; }
.r1.c1 { -moz-border-radius: 5px / 5px; }
.r1.c2 { -moz-border-radius: 10px / 5px; }
.r1.c3 { -moz-border-radius: 15px / 5px; }
.r1.c4 { -moz-border-radius: 20px / 5px; }
.r2.c1 { -moz-border-radius: 5px / 10px; }
.r2.c2 { -moz-border-radius: 10px / 10px; }
.r2.c3 { -moz-border-radius: 15px / 10px; }
.r2.c4 { -moz-border-radius: 20px / 10px; }
.r3.c1 { -moz-border-radius: 5px / 15px; }
.r3.c2 { -moz-border-radius: 10px / 15px; }
.r3.c3 { -moz-border-radius: 15px / 15px; }
.r3.c4 { -moz-border-radius: 20px / 15px; }
.r4.c1 { -moz-border-radius: 5px / 20px; }
.r4.c2 { -moz-border-radius: 10px / 20px; }
.r4.c3 { -moz-border-radius: 15px / 20px; }
.r4.c4 { -moz-border-radius: 20px / 20px; }
.r1.c1 { border-radius: 5px / 5px; }
.r1.c2 { border-radius: 10px / 5px; }
.r1.c3 { border-radius: 15px / 5px; }
.r1.c4 { border-radius: 20px / 5px; }
.r2.c1 { border-radius: 5px / 10px; }
.r2.c2 { border-radius: 10px / 10px; }
.r2.c3 { border-radius: 15px / 10px; }
.r2.c4 { border-radius: 20px / 10px; }
.r3.c1 { border-radius: 5px / 15px; }
.r3.c2 { border-radius: 10px / 15px; }
.r3.c3 { border-radius: 15px / 15px; }
.r3.c4 { border-radius: 20px / 15px; }
.r4.c1 { border-radius: 5px / 20px; }
.r4.c2 { border-radius: 10px / 20px; }
.r4.c3 { border-radius: 15px / 20px; }
.r4.c4 { border-radius: 20px / 20px; }
</style>
</head><body>

Просмотреть файл

@ -1,7 +1,7 @@
<!doctype html>
<html><head><title>Border radius with percent units &mdash; test</title>
<style>
div { -moz-border-radius: 25%; background: green; }
div { border-radius: 25%; background: green; }
.r1 { height: 20px; } .c1 { width: 20px; }
.r2 { height: 40px; } .c2 { width: 40px; }
.r3 { height: 60px; } .c3 { width: 60px; }

Просмотреть файл

@ -7,22 +7,22 @@ div { background: green; }
.r3 { height: 60px; } .c3 { width: 60px; }
.r4 { height: 80px; } .c4 { width: 80px; }
.r1.c1 { -moz-border-radius: 5px 2px / 5px 2px; }
.r1.c2 { -moz-border-radius: 10px 4px / 5px 2px; }
.r1.c3 { -moz-border-radius: 15px 6px / 5px 2px; }
.r1.c4 { -moz-border-radius: 20px 8px / 5px 2px; }
.r2.c1 { -moz-border-radius: 5px 2px / 10px 4px; }
.r2.c2 { -moz-border-radius: 10px 4px / 10px 4px; }
.r2.c3 { -moz-border-radius: 15px 6px / 10px 4px; }
.r2.c4 { -moz-border-radius: 20px 8px / 10px 4px; }
.r3.c1 { -moz-border-radius: 5px 2px / 15px 6px; }
.r3.c2 { -moz-border-radius: 10px 4px / 15px 6px; }
.r3.c3 { -moz-border-radius: 15px 6px / 15px 6px; }
.r3.c4 { -moz-border-radius: 20px 8px / 15px 6px; }
.r4.c1 { -moz-border-radius: 5px 2px / 20px 8px; }
.r4.c2 { -moz-border-radius: 10px 4px / 20px 8px; }
.r4.c3 { -moz-border-radius: 15px 6px / 20px 8px; }
.r4.c4 { -moz-border-radius: 20px 8px / 20px 8px; }
.r1.c1 { border-radius: 5px 2px / 5px 2px; }
.r1.c2 { border-radius: 10px 4px / 5px 2px; }
.r1.c3 { border-radius: 15px 6px / 5px 2px; }
.r1.c4 { border-radius: 20px 8px / 5px 2px; }
.r2.c1 { border-radius: 5px 2px / 10px 4px; }
.r2.c2 { border-radius: 10px 4px / 10px 4px; }
.r2.c3 { border-radius: 15px 6px / 10px 4px; }
.r2.c4 { border-radius: 20px 8px / 10px 4px; }
.r3.c1 { border-radius: 5px 2px / 15px 6px; }
.r3.c2 { border-radius: 10px 4px / 15px 6px; }
.r3.c3 { border-radius: 15px 6px / 15px 6px; }
.r3.c4 { border-radius: 20px 8px / 15px 6px; }
.r4.c1 { border-radius: 5px 2px / 20px 8px; }
.r4.c2 { border-radius: 10px 4px / 20px 8px; }
.r4.c3 { border-radius: 15px 6px / 20px 8px; }
.r4.c4 { border-radius: 20px 8px / 20px 8px; }
</style>
</head><body>

Просмотреть файл

@ -1,7 +1,7 @@
<!doctype html>
<html><head><title>Border radius with percent units &mdash; test</title>
<style>
div { -moz-border-radius: 25% 10%; background: green; }
div { border-radius: 25% 10%; background: green; }
.r1 { height: 20px; } .c1 { width: 20px; }
.r2 { height: 40px; } .c2 { width: 40px; }
.r3 { height: 60px; } .c3 { width: 60px; }

Просмотреть файл

@ -7,22 +7,22 @@ div { background: green; }
.r3 { height: 60px; } .c3 { width: 60px; }
.r4 { height: 80px; } .c4 { width: 80px; }
.r1.c1 { -moz-border-radius: 5px / 2px; }
.r1.c2 { -moz-border-radius: 10px / 2px; }
.r1.c3 { -moz-border-radius: 15px / 2px; }
.r1.c4 { -moz-border-radius: 20px / 2px; }
.r2.c1 { -moz-border-radius: 5px / 4px; }
.r2.c2 { -moz-border-radius: 10px / 4px; }
.r2.c3 { -moz-border-radius: 15px / 4px; }
.r2.c4 { -moz-border-radius: 20px / 4px; }
.r3.c1 { -moz-border-radius: 5px / 6px; }
.r3.c2 { -moz-border-radius: 10px / 6px; }
.r3.c3 { -moz-border-radius: 15px / 6px; }
.r3.c4 { -moz-border-radius: 20px / 6px; }
.r4.c1 { -moz-border-radius: 5px / 8px; }
.r4.c2 { -moz-border-radius: 10px / 8px; }
.r4.c3 { -moz-border-radius: 15px / 8px; }
.r4.c4 { -moz-border-radius: 20px / 8px; }
.r1.c1 { border-radius: 5px / 2px; }
.r1.c2 { border-radius: 10px / 2px; }
.r1.c3 { border-radius: 15px / 2px; }
.r1.c4 { border-radius: 20px / 2px; }
.r2.c1 { border-radius: 5px / 4px; }
.r2.c2 { border-radius: 10px / 4px; }
.r2.c3 { border-radius: 15px / 4px; }
.r2.c4 { border-radius: 20px / 4px; }
.r3.c1 { border-radius: 5px / 6px; }
.r3.c2 { border-radius: 10px / 6px; }
.r3.c3 { border-radius: 15px / 6px; }
.r3.c4 { border-radius: 20px / 6px; }
.r4.c1 { border-radius: 5px / 8px; }
.r4.c2 { border-radius: 10px / 8px; }
.r4.c3 { border-radius: 15px / 8px; }
.r4.c4 { border-radius: 20px / 8px; }
</style>
</head><body>

Просмотреть файл

@ -1,7 +1,7 @@
<!doctype html>
<html><head><title>Border radius with percent units &mdash; test</title>
<style>
div { -moz-border-radius: 25% / 10%; background: green; }
div { border-radius: 25% / 10%; background: green; }
.r1 { height: 20px; } .c1 { width: 20px; }
.r2 { height: 40px; } .c2 { width: 40px; }
.r3 { height: 60px; } .c3 { width: 60px; }

Просмотреть файл

@ -12,7 +12,7 @@
/* border-width: 2px 4px 8px 10px; */
height: 100px;
width: 200px;
/* -moz-border-radius: 12px / 15px; */
/* border-radius: 12px / 15px; */
border: medium solid blue;
border-width: 2px 4px 8px 10px;
}
@ -30,18 +30,18 @@
<div class="contain">
<!-- scrollbar along bottom -->
<div class="test" id="x" style="-moz-border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
<div class="cover" style="-moz-border-radius-topright: 5px"></div>
<div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
<div class="cover" style="border-top-right-radius: 5px"></div>
</div>
<div class="contain">
<!-- scrollbar along right -->
<div class="test" id="y" style="-moz-border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
<div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
<div class="cover"></div>
</div>
<div class="contain">
<!-- scrollbar along bottom and right -->
<div class="test" id="xy" style="-moz-border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
<div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
<div class="cover"></div>
</div>

Просмотреть файл

@ -12,7 +12,7 @@
border-width: 2px 4px 8px 10px;
height: 100px;
width: 200px;
-moz-border-radius: 12px / 15px;
border-radius: 12px / 15px;
}
.cover {
@ -31,7 +31,7 @@
<div class="contain">
<div class="test" id="x"></div>
<div class="cover" style="-moz-border-radius-topright: 5px"></div>
<div class="cover" style="border-top-right-radius: 5px"></div>
</div>
<div class="contain">

Просмотреть файл

@ -12,7 +12,7 @@
/* border-width: 2px 4px 8px 10px; */
height: 110px;
width: 214px;
/* -moz-border-radius: 12px / 15px; */
/* border-radius: 12px / 15px; */
background: blue;
}
@ -20,15 +20,15 @@
<div class="contain">
<!-- scrollbar along bottom -->
<div class="test" id="x" style="-moz-border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
<div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
</div>
<div class="contain">
<!-- scrollbar along right -->
<div class="test" id="y" style="-moz-border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
<div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
</div>
<div class="contain">
<!-- scrollbar along bottom and right -->
<div class="test" id="xy" style="-moz-border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
<div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
</div>

Просмотреть файл

@ -13,7 +13,7 @@
border-width: 2px 4px 8px 10px;
height: 100px;
width: 200px;
-moz-border-radius: 12px / 15px;
border-radius: 12px / 15px;
}
.cover {

Просмотреть файл

@ -11,7 +11,7 @@ td {
border: 2px solid black;
width: 50px;
height: 50px;
-moz-border-radius: 4px;
border-radius: 4px;
}
</style>

Просмотреть файл

@ -3,5 +3,5 @@
<hbox flex="1"
style="margin:50px; background:yellow;
-moz-box-shadow: 1px 2px 3px black, 0 0 10px white, 0 0 20px rgb(50, 170, 255), 0 0 30px rgb(50, 170, 255);
-moz-border-radius: 10px;"/>
border-radius: 10px;"/>
</window>

Просмотреть файл

@ -8,7 +8,7 @@ hbox {
hbox[x] {
-moz-box-shadow: 1px 2px 3px black, 0 0 10px white, 0 0 20px rgb(50, 170, 255), 0 0 30px rgb(50, 170, 255);
-moz-border-radius: 10px;
border-radius: 10px;
}
"?>

Просмотреть файл

@ -1,7 +1,7 @@
<!doctype html>
<div style="
width: 240px; height: 240px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 32px 32px grey inset;
position: absolute;
top: 16px; left: 16px;

Просмотреть файл

@ -1 +1 @@
<div style="background-color: blue; border: 2px solid red; -moz-border-radius: 10px; width: 300px; height: 300px; position: absolute; top: 10px; left: 10px;">inset and outset</div><div style="-moz-border-radius: 10px; background-color: green; width: 304px; height: 304px; position: absolute; top: 10px; left: 360px;">&nbsp;</div>
<div style="background-color: blue; border: 2px solid red; border-radius: 10px; width: 300px; height: 300px; position: absolute; top: 10px; left: 10px;">inset and outset</div><div style="border-radius: 10px; background-color: green; width: 304px; height: 304px; position: absolute; top: 10px; left: 360px;">&nbsp;</div>

Просмотреть файл

@ -1 +1 @@
<div style="border: 2px red solid; -moz-border-radius: 10px; width: 300px; height: 300px; -moz-box-shadow: 500px 500px 0px 20px blue inset, 350px 0px green; position: absolute; top: 10px; left: 10px;">inset and outset</div>
<div style="border: 2px red solid; border-radius: 10px; width: 300px; height: 300px; -moz-box-shadow: 500px 500px 0px 20px blue inset, 350px 0px green; position: absolute; top: 10px; left: 10px;">inset and outset</div>

Просмотреть файл

@ -1,3 +1,3 @@
<!DOCTYPE HTML>
<div style="position: absolute; top: 300px; left: 70px; width: 360px; height: 160px; -moz-border-radius-topright: 40px; background: red;">&nbsp;</div>
<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; -moz-border-radius-topright: 10px; background: yellow;">Test</div>
<div style="position: absolute; top: 300px; left: 70px; width: 360px; height: 160px; border-top-right-radius: 40px; background: red;">&nbsp;</div>
<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-top-right-radius: 10px; background: yellow;">Test</div>

Просмотреть файл

@ -1,2 +1,2 @@
<!DOCTYPE HTML>
<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; -moz-border-radius-topright: 10px; -moz-box-shadow: 0 300px 0 30px red; background: yellow;">Test</div>
<div style="position: absolute; top: 30px; left: 100px; width: 300px; height: 100px; border-top-right-radius: 10px; -moz-box-shadow: 0 300px 0 30px red; background: yellow;">Test</div>

Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше