Difference between revisions of "MediaWiki:Common.css"
From MaxCard
| (38 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | @import url(' | + | @import url('/newsite/css/ropa_font.css'); |
| − | body | + | body {background-color:#fff} |
| − | + | #mw-page-base {background-image:none;} | |
| + | #ca-talk { display:none!important; } | ||
| + | body,h3, h4, h5, h6, p {font-family: RopaSoftPTT-Regular, sans-serif !important; color: #424953; font-weight: normal;} | ||
| + | h1, h2 {font-family: RopaSoftPTT-Light, sans-serif !important; color: #424953; font-weight: normal;} | ||
| + | h2.title, h4.label {margin-bottom:20px;} | ||
| + | a {color:#47B750 !important;} | ||
| + | a:hover {color:#000 !important;} | ||
| + | |||
| + | #p-logo a { | ||
| + | background-position:left 50px; | ||
| + | background-size:100%; | ||
| + | height: 80px; | ||
| + | } | ||
| + | div#mw-panel {top:90px;} | ||
| + | #p-logo { | ||
| + | top: -90px; | ||
| + | height: 90px; | ||
| + | } | ||
| + | |||
| + | #n-mainpage-description a {text-transform:uppercase !important;} | ||
| + | |||
| + | div#footer {display:none !important;} | ||
| + | #page-content {padding-bottom:30px;} | ||
| + | |||
| + | h1.title-name { | ||
| + | width:230px; | ||
| + | padding-top:5px; | ||
| + | padding-bottom:2px; | ||
| + | height:38px; | ||
| + | font: 0/0 a; | ||
| + | color: transparent; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | h1.title-name a { | ||
| + | height:38px; | ||
| + | width:200px; | ||
| + | font: 0/0 a; | ||
| + | color: transparent; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | div.title-name { | ||
| + | background: url(../images/maxcard_logo_white.png) left top no-repeat; | ||
| + | background-size: 200px; | ||
| + | height:38px; | ||
| + | width:200px; | ||
| + | font: 0/0 a; | ||
| + | color: transparent; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | |||
| + | .dropdown a {text-transform:uppercase;} | ||
| + | |||
| + | .label { | ||
| + | font-weight: normal; | ||
| + | text-align: center; | ||
| + | text-transform: uppercase; | ||
| + | padding: 0.25em 0.625em 0.1875em 0.625em; | ||
| + | font-size: 0.875em; | ||
| + | background-color: #33B1BD; | ||
| + | color: white; | ||
| + | } | ||
.top-bar, | .top-bar, | ||
.top-bar-section ul, | .top-bar-section ul, | ||
| Line 12: | Line 72: | ||
color: white; | color: white; | ||
} | } | ||
| + | .top-bar {height:50px;} | ||
.top-bar-section > ul > .divider, | .top-bar-section > ul > .divider, | ||
| Line 19: | Line 80: | ||
@media only screen and (min-width: 58.75em) { | @media only screen and (min-width: 58.75em) { | ||
| − | input[type="submit"], input[type="button"], input[type="reset"], button, .button { | + | input[type="submit"], input[type="button"], input[type="reset"], button, .button, button[type="submit"] { |
position: relative; | position: relative; | ||
color: #fff !important;
|
color: #fff !important;
| ||
| Line 31: | Line 92: | ||
border-radius: 3px; | border-radius: 3px; | ||
border: 0; | border: 0; | ||
| − | margin: 0 5px | + | margin: 0 5px 14px 0; |
outline: none !important; |
outline: none !important; | ||
display: inline-block; | display: inline-block; | ||
| Line 47: | Line 108: | ||
} | } | ||
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { | input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { | ||
| + | position:relative; | ||
outline: none !important; | outline: none !important; | ||
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30); | -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30); | ||
| Line 54: | Line 116: | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
border-radius: 3px; | border-radius: 3px; | ||
| − | |||
| − | |||
padding: 6px 12px; | padding: 6px 12px; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 61: | Line 121: | ||
line-height: 1.42857143; | line-height: 1.42857143; | ||
} | } | ||
| + | .top-bar button[type="submit"] {background:#424953;} | ||
.top-bar input[type="search"] {margin-top:10px} | .top-bar input[type="search"] {margin-top:10px} | ||
} | } | ||
| + | |||
| + | #tagline {display:none;) | ||
Latest revision as of 10:01, 15 March 2015
@import url('/newsite/css/ropa_font.css');
body {background-color:#fff}
#mw-page-base {background-image:none;}
#ca-talk { display:none!important; }
body,h3, h4, h5, h6, p {font-family: RopaSoftPTT-Regular, sans-serif !important; color: #424953; font-weight: normal;}
h1, h2 {font-family: RopaSoftPTT-Light, sans-serif !important; color: #424953; font-weight: normal;}
h2.title, h4.label {margin-bottom:20px;}
a {color:#47B750 !important;}
a:hover {color:#000 !important;}
#p-logo a {
background-position:left 50px;
background-size:100%;
height: 80px;
}
div#mw-panel {top:90px;}
#p-logo {
top: -90px;
height: 90px;
}
#n-mainpage-description a {text-transform:uppercase !important;}
div#footer {display:none !important;}
#page-content {padding-bottom:30px;}
h1.title-name {
width:230px;
padding-top:5px;
padding-bottom:2px;
height:38px;
font: 0/0 a;
color: transparent;
text-shadow: none;
}
h1.title-name a {
height:38px;
width:200px;
font: 0/0 a;
color: transparent;
text-shadow: none;
}
div.title-name {
background: url(../images/maxcard_logo_white.png) left top no-repeat;
background-size: 200px;
height:38px;
width:200px;
font: 0/0 a;
color: transparent;
text-shadow: none;
}
.dropdown a {text-transform:uppercase;}
.label {
font-weight: normal;
text-align: center;
text-transform: uppercase;
padding: 0.25em 0.625em 0.1875em 0.625em;
font-size: 0.875em;
background-color: #33B1BD;
color: white;
}
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form,
.top-bar.expanded .title-area {
background: #47B750;
color: white;
}
.top-bar {height:50px;}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-color: #47B750;
}
@media only screen and (min-width: 58.75em) {
input[type="submit"], input[type="button"], input[type="reset"], button, .button, button[type="submit"] {
position: relative;
color: #fff !important;
background: #47B750 !important;
border-color: #47B750;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0;
margin: 0 5px 14px 0;
outline: none !important;
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
}
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
position:relative;
outline: none !important;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.30);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
}
.top-bar button[type="submit"] {background:#424953;}
.top-bar input[type="search"] {margin-top:10px}
}
#tagline {display:none;)
