MediaWiki:Mobile.css: Różnice pomiędzy wersjami

m
m
Linia 13: Linia 13:
 
/* tu są dzikie próby zrobienia tego sensownie */
 
/* tu są dzikie próby zrobienia tego sensownie */
  
 +
/* main header */
 
.header-container.header-chrome {
 
.header-container.header-chrome {
background-color: #A0522D;
+
background-color: #443427;
 
}
 
}
 
+
/* napis-główny tytuł strony (aka Silberberg) */
 
.branding-box {
 
.branding-box {
 
font-family: Minion Pro, serif;
 
font-family: Minion Pro, serif;
letter-spacing: 1em;
+
letter-spacing: 0.5em;
color: #4D4134;
+
color: #F0CD94;
 
font-style: normal;
 
font-style: normal;
 
font-variant: small-caps;
 
font-variant: small-caps;
 
}
 
}
  
 +
.notifications-overlay.navigation-drawer{
 +
right:0;
 +
height:100%;
 +
width:auto;
 +
box-shadow:-5px 0 0 0 rgba(0,0,0,0.3);
 +
}
 
#mw-mf-page-left{
 
#mw-mf-page-left{
background-color: #A0522D;
+
background-color:#443427;
 +
float:left;
 +
min-height:100%;
 +
}
 +
#mw-mf-page-left .secondary-action{
 +
border:0;
 +
font-size:16px;
 +
position:absolute;
 +
right:0;
 +
top:0;
 +
bottom:0;
 +
padding-right:0;
 +
border-left:1px solid #443427;
 +
}
 +
#mw-mf-page-left .primary-action{
 +
margin-right:3.5em;
 +
 +
}
 +
#mw-mf-page-left ul{
 +
padding-bottom:22px
 +
 +
}
 +
#mw-mf-page-left ul:first-child li:first-child{
 +
border-top:0
 +
 +
}
 +
#mw-mf-page-left ul li{
 +
background-color:rgba(255,248,220,0.9);
 +
position:relative;
 +
border-top:1px solid #443427;
 +
margin-top:-1px;font-size:0.875em
 +
 +
}
 +
#mw-mf-page-left ul li:first-child{
 +
border-top:0
 +
 +
}
 +
#mw-mf-page-left ul li a{
 +
color:#443427;
 +
display:block;
 +
padding:12px 10px 12px 15px
 +
 +
}
 +
#mw-mf-page-left ul li a:hover{
 +
box-shadow:inset 4px 0 0 0 #3366cc;
 +
text-decoration:none
 +
 
}
 
}
 +
#mw-mf-page-left ul li a:visited,#mw-mf-page-left ul li a:active{
 +
color:#443427
 +
 +
}
 +
#mw-mf-page-left ul li a.mw-ui-icon{
 +
font-weight:bold;
 +
line-height:1.857
 +
 +
}
 +
 +
 +
/* RZECZY ISTOTNE ŻEBY DZIAŁAŁY HOVERY I ZAKŁADKI */
  
 
/* =ContentExtensionBookmarks //made by Av
 
/* =ContentExtensionBookmarks //made by Av

Wersja z 17:53, 17 lut 2020

#content {
	/*background: #FFF8DC;*/
	background-color: rgba(255,248,220,0.9);
}
#main .widget-area {
	/* background: #FFF8DC; */
	background-color: rgba(255,248,220,0.9);
}
#access {
	background: #A0522D;
}

/* tu są dzikie próby zrobienia tego sensownie */

/* main header */
.header-container.header-chrome {
	background-color: #443427;
}
/* napis-główny tytuł strony (aka Silberberg) */
.branding-box {
	font-family: Minion Pro, serif;
	letter-spacing: 0.5em;
	color: #F0CD94;
	font-style: normal;
	font-variant: small-caps;
}

.notifications-overlay.navigation-drawer{
	right:0;
	height:100%;
	width:auto;
	box-shadow:-5px 0 0 0 rgba(0,0,0,0.3);
}
#mw-mf-page-left{
	background-color:#443427;
	float:left;
	min-height:100%;
}
#mw-mf-page-left .secondary-action{
	border:0;
	font-size:16px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	padding-right:0;
	border-left:1px solid #443427;
}
#mw-mf-page-left .primary-action{
	margin-right:3.5em;
	
}
#mw-mf-page-left ul{
	padding-bottom:22px
	
}
#mw-mf-page-left ul:first-child li:first-child{
	border-top:0
	
}
#mw-mf-page-left ul li{
	background-color:rgba(255,248,220,0.9);
	position:relative;
	border-top:1px solid #443427;
	margin-top:-1px;font-size:0.875em
	
}
#mw-mf-page-left ul li:first-child{
	border-top:0
	
}
#mw-mf-page-left ul li a{
	color:#443427;
	display:block;
	padding:12px 10px 12px 15px
	
}
#mw-mf-page-left ul li a:hover{
	box-shadow:inset 4px 0 0 0 #3366cc;
	text-decoration:none
	
}
#mw-mf-page-left ul li a:visited,#mw-mf-page-left ul li a:active{
	color:#443427
	
}
#mw-mf-page-left ul li a.mw-ui-icon{
	font-weight:bold;
	line-height:1.857
	
}


/* RZECZY ISTOTNE ŻEBY DZIAŁAŁY HOVERY I ZAKŁADKI */

/* =ContentExtensionBookmarks //made by Av
-------------------------------------------------------------- */
.bookmark table {
	border: 0px none #2F281D;
	border-radius: 8px 8px 0px 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: center;
	width: 100%;
	background-color: rgba(0,0,0,0);
}
.bookmark a {
	font-family: Georgia, serif;
	color: #F0CD94;
	font-size: 16px;
	font-variant: small-caps;

}
.bookmark a:hover {
	color: #EEA870
}
.bookmark tr td {
	border: 1px none #2F281D;
	border-radius: 8px 8px 0px 0px;
	border-collapse: collapse;
	padding: 0px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0);
}
/* =ImageByImageHover //made by Av
-------------------------------------------------------------- */

.imageBox {
  position: relative;
  float: left;
}

.imageBox .hoverImg {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.imageBox:hover .hoverImg {
  display: block;
}