Difference between revisions of "MediaWiki:Common.css"

From MaxCard
Jump to: navigation, search
Line 9: Line 9:
 
h1.title-name a {
 
h1.title-name a {
 
height:46px;
 
height:46px;
width:240px;
+
width:200px;
 
font: 0/0 a;
 
font: 0/0 a;
 
color: transparent;
 
color: transparent;
 
text-shadow: none;
 
text-shadow: none;
 
}
 
}
h1.title-name {width:270px;}
+
h1.title-name {
 +
width:230px;
 +
padding-top:5px;
 +
}
 
div.title-name {
 
div.title-name {
 
background: url(../images/[email protected]) left top no-repeat;
 
background: url(../images/[email protected]) left top no-repeat;
 
background-size: 240px;
 
background-size: 240px;
height:46px;
+
height:38px;
width:240px;
+
width:200px;
 
font: 0/0 a;
 
font: 0/0 a;
 
color: transparent;
 
color: transparent;

Revision as of 16:29, 22 February 2015

@import url('../css/ropa_font.css');
body,h3, h4, h5, h6, p {font-family: RopaSoftPTT-Regular, sans-serif; color: #424953; font-weight: normal;}
h1, h2 {font-family: RopaSoftPTT-Light, sans-serif; color: #424953; font-weight: normal;}
h2.title, h4.label {margin-bottom:20px;}
a {color:#47B750}
a:hover {color:#000;}

h1.title-name,
h1.title-name a {
height:46px;
width:200px;
font: 0/0 a;
color: transparent;
text-shadow: none;
}
h1.title-name {
width:230px;
padding-top:5px;
}
div.title-name {
background: url(../images/[email protected]) left top no-repeat;
background-size: 240px;
height:38px;
width:200px;
font: 0/0 a;
color: transparent;
text-shadow: none;
}

.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-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;)