مدیاویکی:Common.css: تفاوت میان نسخه‌ها

مدیاویکی:Common.css (نمایش مبدأ)

نسخهٔ ‏۴ مارس ۲۰۲۰، ساعت ۱۹:۰۳

۱٬۸۰۱ بایت اضافه‌شده ، ‏۴ مارس ۲۰۲۰

بدون خلاصۀ ویرایش

Admin

Writers

۱٬۲۳۲

ویرایش

@@ خط ۱۶: / خط ۱۶: @@
      text-align: center;
 }
-.bubble {
+#content {
-     clear: both;
+     background: #f9f9f9;
-     margin: 0px auto;
+     background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
-     width: 95%;
+     background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
-     background: #fff;
+     background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
-     -moz-border-radius: 10px;
+     background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
-     -khtml-border-radius: 10px;
+    background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
-     -webkit-border-radius: 10px;
+     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
-     -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
+     -webkit-box-shadow: 0 1px 0 #fff inset;
-     -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
+     -moz-box-shadow: 0 1px 0 #fff inset;
-     -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
+    -ms-box-shadow: 0 1px 0 #fff inset;
+     -o-box-shadow: 0 1px 0 #fff inset;
+     box-shadow: 0 1px 0 #fff inset;
+    border: 1px solid #c4c6ca;
+    margin: 0 auto;
+    padding: 25px 0 0;
      position: relative;
-     z-index: 90;
+    text-align: center;
+    text-shadow: 0 1px 0 #fff;
+}
+#content:before {
+    -webkit-transform: rotate(-3deg);
+    -moz-transform: rotate(-3deg);
+    -ms-transform: rotate(-3deg);
+    -o-transform: rotate(-3deg);
+    transform: rotate(-3deg);
+    top: 0;
+    z-index: -2;
+}
+#content:after {
+    -webkit-transform: rotate(2deg);
+    -moz-transform: rotate(2deg);
+    -ms-transform: rotate(2deg);
+    -o-transform: rotate(2deg);
+    transform: rotate(2deg);
+    top: 0;
+     z-index: -1;
+}
+#content:after, #content:before {
+    background: #f9f9f9;
+    background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
+    background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
+    background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
+    background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
+    background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
+    border: 1px solid #c4c6ca;
+    content: "";
+    display: block;
+    height: 100%;
+    left: -1px;
+    position: absolute;
+    width: 100%;
 }