משתמש:רונאלדיניו המלך/עמוד ראשי3/style.css

הערה: לאחר הפרסום, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.

  • פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
  • גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
  • אינטרנט אקספלורר / אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.
  • אופרה: ללחוץ על Ctrl-F5.
/* ALBISTEAK */
.banner-albiste {
    position: relative;
    overflow: hidden;
    max-width: 400px; 
    height: 25vh;
}
.banner-albiste img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/* ESTATISTIKA */
.estatistika {
	width: 100%;
	font-size: 1.5vw;
	text-align: left;
	font-family: 'Linux Libertine','Georgia','Times',serif;
	clear: both;
	color: #54595d;
	margin-top: -15px;
}

/*TYPEWRITER*/
.typewriter {  
	padding: 6px;
	padding-left: 10px;
	border: 1px solid #a2a9b1;
-webkit-box-shadow: inset 0px 1px 6px 0px rgba(162,169,177,1);
-moz-box-shadow: inset 0px 1px 6px 0px rgba(162,169,177,1);
box-shadow: inset 0px 1px 6px 0px rgba(162,169,177,1);
	width: 90%;
	float: left;
}
.typewriter h1 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #2a4b8d; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
  border-bottom: 0;
  font-size: 2vw;
}

/*NABARMEN*/
.banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
}
.banner-image img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.banner-box {
	padding: 8px 7px;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.6);
	width: 99%;
	margin-bottom: 0;
}

.banner-box-nagusi {
	height: 60vh;
}

.banner-box-albo {
	height: 30vh;
}

.mainpage-shadowbox {
	color: white;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.6);
}

.mainpage-shadowbox h2 {
	font-size: 120%;
	font-family: 'Linux Libertine','Georgia','Times',serif;
	font-style: italic;
	background-color: rgba(255,204,51,0.75);
	color: white;
	display:inline-block;
	padding: 4px 10px 4px 10px;
	margin-top: 0;
	margin-bottom: -14px;
}

.mainpage-shadowbox.aurrekoa h2 {
	background-color: rgba(51,102,204,0.75);
	font-size: 100%;
}

.mainpage-shadowbox.aurrekoa-2 h2 {
	background-color: rgba(0,175,137,0.75);
	font-size: 100%;
}

.mainpage-shadowbox a {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

.mainpage-shadowbox h2 a {
	text-decoration: none;
}

.banner-box-2 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

.banner-box-2 .quote {
    font-size: 14px;
    line-height: 1.2em;
}

.izenburua {
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	padding: 10px;
	font-family: 'Linux Libertine','Georgia','Times',serif;
	font-style: italic;
	font-size: 1.4em;
	background-color: rgba(0,0,0,0.75);
	color: white;
}

.bozkatu {
	background-color:#DD3333;
}
.bozkatu .bozkatu-nabarmen {
	padding: 16px; 
	color: white; 
	font-size: 140%; 
}
.bozkatu a {color: white;}