MediaWiki:Vector.css: Różnice pomiędzy wersjami
(Utworzono nową stronę "→Umieszczony tutaj kod CSS wpłynie na wygląd skórki Wektor: body{color:red;}") |
|||
(Nie pokazano 23 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
Linia 1: | Linia 1: | ||
− | /* | + | body { |
− | body{color: | + | height: 100%; |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-family: 'Open Sans',sans-serif; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | body { | ||
+ | background-color:#F2EEE1; | ||
+ | background-image: url(images/cpkpvwf.png); /* wiki-back.png */ | ||
+ | background-position: top left; | ||
+ | background-repeat: repeat; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | div#content { | ||
+ | margin-left:180px; | ||
+ | padding: 2em; | ||
+ | /* @embed */ | ||
+ | /*background-image: url(images/border.png); | ||
+ | background-position: top left; | ||
+ | background-repeat: repeat-y;*/ | ||
+ | background-color: white; | ||
+ | color: #313131; | ||
+ | direction: ltr; | ||
+ | z-index:9; | ||
+ | min-height:400px; | ||
+ | min-width:700px; | ||
+ | -moz-box-shadow:2px 0px 8px black; | ||
+ | -webkit-box-shadow:2px 0px 8px black; | ||
+ | box-shadow:2px 0px 8px black; | ||
+ | position:relative; | ||
+ | border-radius: 12px; | ||
+ | border-left:1px solid #C5DBEA; | ||
+ | border-bottom:1px solid #C5DBEA; | ||
+ | } | ||
+ | #p-logo { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 178px; | ||
+ | z-index:0; | ||
+ | background-color:#A40000; | ||
+ | background-image: url(images/header.png); | ||
+ | background-repeat:repeat-x; | ||
+ | background-position:top left; | ||
+ | } | ||
+ | #p-logo a { | ||
+ | display: block; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | width: 255px; | ||
+ | height: 178px; | ||
+ | background-image: url(images/wikikuchnia.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | /* Panel */ | ||
+ | div#mw-panel { | ||
+ | position: fixed; | ||
+ | top: 170px; | ||
+ | padding-top: 1em; | ||
+ | width: 10em; | ||
+ | left: 0; | ||
+ | } | ||
+ | a.new { | ||
+ | color: #ba0000; | ||
+ | } | ||
+ | a.new:visited { | ||
+ | color: #a55858; | ||
+ | } | ||
+ | h1,h2,h3,h4,h5,h6,.mw-body h1, .mw-body h2 { | ||
+ | color: black; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | width: auto; | ||
+ | border-bottom: 1px solid #ECE9D8; | ||
+ | font-family: 'Open Sans',"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif; | ||
+ | color: #669900; | ||
+ | } | ||
+ | h1 { font-size: 188%;} | ||
+ | h1 .editsection { font-size: 53%; } | ||
+ | h2 { font-size: 150%;} | ||
+ | h2 .editsection { font-size: 67%; } | ||
+ | h3,h4,h5,h6 { | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #toc, | ||
+ | .toc { | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | right:-15px; | ||
+ | clear:both; | ||
+ | -moz-box-shadow:2px 2px 10px silver; | ||
+ | -webkit-box-shadow:2px 2px 10px silver; | ||
+ | box-shadow:2px 2px 10px silver; | ||
+ | } | ||
+ | |||
+ | |||
+ | .hbcb { | ||
+ | border:1px solid silver; | ||
+ | font-size:13px; | ||
+ | font-weight:bold; | ||
+ | color:#3B3935; | ||
+ | background-image:url(images/box1.png); | ||
+ | background-position:right top; | ||
+ | background-repeat:repeat-x; | ||
+ | background-color:#FCFAF7; | ||
+ | border:1px solid #C4BBAE; | ||
+ | border-radius: 8px; | ||
+ | padding:6px 20px; | ||
+ | width:340px; | ||
+ | margin:20px auto; | ||
+ | -moz-box-shadow: 1px 1px 6px #D2D1C4; | ||
+ | -webkit-box-shadow: 1px 1px 6px #D2D1C4; | ||
+ | box-shadow: 1px 1px 6px #D2D1C4; | ||
+ | font-family: 'Open Sans',sans-serif; | ||
+ | } | ||
+ | |||
+ | .hbcb .createboxInput { | ||
+ | width:200px; | ||
+ | border:1px solid #869EBD; | ||
+ | padding:2px; | ||
+ | font-size:13px; | ||
+ | line-height:normal; | ||
+ | } | ||
+ | |||
+ | .tml td { | ||
+ | border-radius: 8px; | ||
+ | font-family: 'Open Sans',sans-serif; | ||
+ | } | ||
+ | |||
+ | .tml img{ | ||
+ | border:1px solid white; | ||
+ | -moz-box-shadow:0px 0px 6px gray; | ||
+ | -webkit-box-shadow:0px 0px 6px gray; | ||
+ | box-shadow:0px 0px 6px gray; | ||
+ | position:relative; | ||
+ | top:-6px; | ||
+ | border-radius: 2px; | ||
+ | } | ||
+ | |||
+ | #left-navigation { | ||
+ | position: absolute; | ||
+ | left: 12px; | ||
+ | top: 9px; | ||
+ | -moz-box-shadow: -1px -3px 3px #520404; | ||
+ | -webkit-box-shadow: -1px -3px 3px #520404; | ||
+ | box-shadow: -1px -3px 3px #520404; | ||
+ | } | ||
+ | div.vectorTabs span a { | ||
+ | padding-top: 0.30em; | ||
+ | } | ||
+ | #right-navigation { | ||
+ | float: right; | ||
+ | margin-top: 50px; | ||
+ | margin-right:15px; | ||
+ | background-color:white; | ||
+ | -moz-box-shadow:-1px -3px 3px black; | ||
+ | -webkit-box-shadow:-1px -3px 3px #520404; | ||
+ | box-shadow:-1px -3px 3px #520404; | ||
+ | } | ||
+ | div #simpleSearch{ | ||
+ | margin-top: -3px; | ||
+ | height: 1.2em; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | div#simpleSearch input#searchInput{ | ||
+ | font-size: 11px; | ||
+ | } |
Aktualna wersja na dzień 20:35, 24 lut 2016
body { height: 100%; margin: 0; padding: 0; font-family: 'Open Sans',sans-serif; font-size: 1em; } body { background-color:#F2EEE1; background-image: url(images/cpkpvwf.png); /* wiki-back.png */ background-position: top left; background-repeat: repeat; background-attachment:fixed; } div#content { margin-left:180px; padding: 2em; /* @embed */ /*background-image: url(images/border.png); background-position: top left; background-repeat: repeat-y;*/ background-color: white; color: #313131; direction: ltr; z-index:9; min-height:400px; min-width:700px; -moz-box-shadow:2px 0px 8px black; -webkit-box-shadow:2px 0px 8px black; box-shadow:2px 0px 8px black; position:relative; border-radius: 12px; border-left:1px solid #C5DBEA; border-bottom:1px solid #C5DBEA; } #p-logo { position: fixed; top: 0; left: 0; width: 100%; height: 178px; z-index:0; background-color:#A40000; background-image: url(images/header.png); background-repeat:repeat-x; background-position:top left; } #p-logo a { display: block; position:absolute; top:0; left:0; width: 255px; height: 178px; background-image: url(images/wikikuchnia.png); background-repeat: no-repeat; background-position: center center; text-decoration: none; } /* Panel */ div#mw-panel { position: fixed; top: 170px; padding-top: 1em; width: 10em; left: 0; } a.new { color: #ba0000; } a.new:visited { color: #a55858; } h1,h2,h3,h4,h5,h6,.mw-body h1, .mw-body h2 { color: black; background: none; font-weight: normal; margin: 0; overflow: hidden; padding-top: .5em; padding-bottom: .17em; width: auto; border-bottom: 1px solid #ECE9D8; font-family: 'Open Sans',"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif; color: #669900; } h1 { font-size: 188%;} h1 .editsection { font-size: 53%; } h2 { font-size: 150%;} h2 .editsection { font-size: 67%; } h3,h4,h5,h6 { border-bottom: none; font-weight: bold; } #toc, .toc { float:right; position:relative; right:-15px; clear:both; -moz-box-shadow:2px 2px 10px silver; -webkit-box-shadow:2px 2px 10px silver; box-shadow:2px 2px 10px silver; } .hbcb { border:1px solid silver; font-size:13px; font-weight:bold; color:#3B3935; background-image:url(images/box1.png); background-position:right top; background-repeat:repeat-x; background-color:#FCFAF7; border:1px solid #C4BBAE; border-radius: 8px; padding:6px 20px; width:340px; margin:20px auto; -moz-box-shadow: 1px 1px 6px #D2D1C4; -webkit-box-shadow: 1px 1px 6px #D2D1C4; box-shadow: 1px 1px 6px #D2D1C4; font-family: 'Open Sans',sans-serif; } .hbcb .createboxInput { width:200px; border:1px solid #869EBD; padding:2px; font-size:13px; line-height:normal; } .tml td { border-radius: 8px; font-family: 'Open Sans',sans-serif; } .tml img{ border:1px solid white; -moz-box-shadow:0px 0px 6px gray; -webkit-box-shadow:0px 0px 6px gray; box-shadow:0px 0px 6px gray; position:relative; top:-6px; border-radius: 2px; } #left-navigation { position: absolute; left: 12px; top: 9px; -moz-box-shadow: -1px -3px 3px #520404; -webkit-box-shadow: -1px -3px 3px #520404; box-shadow: -1px -3px 3px #520404; } div.vectorTabs span a { padding-top: 0.30em; } #right-navigation { float: right; margin-top: 50px; margin-right:15px; background-color:white; -moz-box-shadow:-1px -3px 3px black; -webkit-box-shadow:-1px -3px 3px #520404; box-shadow:-1px -3px 3px #520404; } div #simpleSearch{ margin-top: -3px; height: 1.2em; line-height: 100%; } div#simpleSearch input#searchInput{ font-size: 11px; }