MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Το τοποθετημένο εδώ CSS θα εφαρμοστεί σε όλα τα skins */
@font-face {
font-family: 'FontAwesome';
src: url('../Font-Awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../Font-Awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('../Font-Awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('../Font-Awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('../Font-Awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('../Font-Awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Linearicons-Free';
src:url('../fonts/Linearicons/Linearicons-Free.eot?w118d');
src:url('../fonts/Linearicons/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
url('../fonts/Linearicons/Linearicons-Free.woff2?w118d') format('woff2'),
url('../fonts/Linearicons/Linearicons-Free.woff?w118d') format('woff'),
url('../fonts/Linearicons/Linearicons-Free.ttf?w118d') format('truetype'),
url('../fonts/Linearicons/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'IcoMoon-Free';
src: url('../fonts/IcoMoon/IcoMoon-Free.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "feather";
src: url('../fonts/Feather/feather.eot?t=1501841394106'); /* IE9*/
src: url('../fonts/Feather/feather.eot?t=1501841394106#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Feather/feather.woff?t=1501841394106') format('woff'), /* chrome, firefox */
url('../fonts/Feather/feather.ttf?t=1501841394106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/Feather/feather.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */
}
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"), url("../fonts/Ubuntu.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 400;
src: local("Ubuntu Italic"), local("Ubuntu-Italic"), url("../fonts/UbuntuItalic.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 500;
src: local("Ubuntu Medium Italic"), local("Ubuntu-MediumItalic"), url("../fonts/UbuntuMediumItalic.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 700;
src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("../fonts/UbuntuBold.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 700;
src: local("Ubuntu Bold Italic"), local("Ubuntu-BoldItalic"), url("../fonts/UbuntuBoldItalic.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: italic;
font-weight: 300;
src: local("Ubuntu Light Italic"), local("Ubuntu-LightItalic"), url("../fonts/UbuntuLightItalic.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 300;
src: local("Ubuntu Light"), local("Ubuntu-Light"), url("../fonts/UbuntuLight.woff") format("woff");
}
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 500;
src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("../fonts/UbuntuMedium.woff") format("woff");
}
/* Χρειάζεται επίσης τα monospaced fonts για ειδικές σελίδες css και js */
/* επειδή απουσιάζουν τα monospaced Ubuntu διατηρώ την παλιά γραμματοσειρά */
pre, code, tt, kbd, samp, .mw-code, xmp, plaintext, listing, .css, .source-css {
font-size: 16px; /*Προσωρινή λύση*/
line-height: 20px;
background-color: #f9f9f9;
border: 1px solid #ddd;
color: black;
/*padding: 0 3px;*/
}
/*******************************/
/* Material Iconfont */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../fonts/MaterialIconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(../fonts/MaterialIconfont/MaterialIcons-Regular.woff2) format('woff2'),
url(../fonts/MaterialIconfont/MaterialIcons-Regular.woff) format('woff'),
url(../fonts/MaterialIconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* END Material Iconfont */
body, div#content h1, div#content h2, div#content #firstHeading, .mw-body .mw-editsection, .mw-body .mw-editsection-like {
font-family: Ubuntu, sans-serif;
}
body, pre, code, tt, kbd, samp, .mw-code, xmp, plaintext, listing, .css, .source-css {
font-weight: 300;
}
b {
font-weight: 700;
}
#bodyContent {
font-size: 15px;
line-height: 20px;
}
/* syntaxhighlight: μηδενισμός για να ταιριάζουν τα tabs από πάνω */
.mw-highlight pre {
margin: 0;
}
/* πλαίσιο αναζήτησης */
div#simpleSearch #searchInput {
font-family: Ubuntu, sans-serif;
font-weight: 300;
}
#disqus_thread #dsq-content #dsq-comments .dsq-comment-header .dsq-comment-body .dsq-comment-footer {
font-family: Ubuntu, sans-serif;
} /* Για το DISQUS αλλά δεν δουλεύει γιατί φορτώνει μέσα σε iframe */
/* Σμίκρυνση του logo και μεταφορά του από πάνω */
#p-logo {
top: -210px;
/* right: 157px; */
left: -1.5em;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
}
#mw-panel {
top: -50px;
}
/* Αύξηση του πλάτους να φτάσει μέχρι τέρμα αριστερά */
div#content {
margin-left: 1em;
margin-right: 1em;
padding: 2em 4em 2em 4em;
}
div#footer {
margin-left: 0em;
}
/* Συμπύκνωση των γραμμών στο footer και αλλαγή χρωμάτων */
div#footer #footer-info li {
line-height: 0.8em;
}
div#footer ul li, #footer-info li {
color: rgba(0,0,0,0.5);
}
div#footer ul li a, #footer-info li a {
color: rgba(6,69,173,0.5);
}
/*div#footer ul li a:visited, #footer-info li a:visited {
color: #1d0340;
}*/
/* Main page fixes */
#interwiki-completelist {
font-weight: bold;
}
body.page-Αρχική_σελίδα #ca-delete {
display: none !important;
}
body.page-Αρχική_σελίδα #siteSub {
display: none !important;
}
body.page-Αρχική_σελίδα #mp-topbanner {
clear: both;
}
body.page-Αρχική_σελίδα .firstHeading {
border: none !important;
}
body.page-Αρχική_σελίδα h1, body.page-Αρχική_σελίδα h2 {
border: none !important;
}
.familytable table, .familytable tbody, .familytable th, .familytable tr, .familytable td {
/* width:100%;*/
/* height:100%;*/
margin:0px !important;
padding:0px !important;
border-collapse:collapse !important;
border: 0px !important;
border-spacing: 0 !important;
cellpadding: 0 !important;
cellspacing: 0 !important;
/*table-layout:fixed;
overflow: hidden;
word-wrap:break-word;*/
/*border-top: 0;
border-top: 0;
border-left: 0;
border-right: 0;
margin-top: 0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;*/
line-height: 95%;
/*display:block;*/
}
.familytable table, .familytable th, .familytable td {
border: 0px !important;
/* font-size : 77%;*/
cellpadding: 0 !important;
cellspacing: 0 !important;
}
/*.familytable td {
line-height: 10px;
}*/
.familytable tr:hover td {
background-color: #FFFAF0 !important;
}
/* General hover highlight */
.hovertable tr:hover td {
background-color: Aquamarine !important;
}
/* Απόκομμα */
#apokomma {
margin-top: 1.5em;
}
.apokommaleksikou {
background-image: url("//orizontasgegonoton.gr/wiki/images/1/1c/%CE%91%CF%80%CF%8C%CE%BA%CE%BF%CE%BC%CE%BC%CE%B11.png");
}
/* Χρώμα φόντου του ονοματοχώρου Meta + Συζήτηση Meta (ανοικτό μπλε) */
.ns-4 #content { background-color: #a8dffd;
background-image: url(http://meta.protonotarios.eu/wiki/images/4/42/Σύννεφα_Ερατεινής.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.ns-4 div.thumb { border-color: #f8fcff; }
/* Χρώμα φόντου του ονοματοχώρου Συζήτηση Ewiki (ανοιχτό γκρι) */
.ns-5 #content { background-color: #b3bcff; }
.ns-5 div.thumb { border-color: #f8fcff; }
/* Χρώμα φόντου του ονοματοχώρου Βοήθεια (ανοιχτό πράσινο) */
.ns-12 #content {
background-color: #d0ffd0;
/* border: 1px solid #a7d7f9; border-right: none; border-top: none; border-bottom: none;
background-image: url(http://thegreatgreekwhatever.gr/wiki/images/9/98/Βοήθειά_μας.jpg);
background-repeat: no-repeat;
background-position: right top; */
}
/* Property namespace background () */
.ns-102 #content, .ns-103 #content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+57,e2d993+100 */
background: rgb(254,252,234); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(254,252,234,1) 57%, rgba(226,217,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(254,252,234,1) 57%,rgba(226,217,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(254,252,234,1) 57%,rgba(226,217,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e2d993',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-color: WhiteSmoke;
background-image: url(http://meta.protonotarios.eu/wiki/images/e/e5/Connect-the-dots-2.png);
background-repeat: no-repeat;
background-position: right -450px top -40px;
}
/* Φόντο Pink Lady Lemonade */
.fontoPinkLadyLemonade {
background-image: url('http://meta.protonotarios.eu/wiki/images/a/ad/Pink_Lady_Lemonade_-_alien8_recordings.jpg');
background-position: left top;
/*background-repeat: repeat-y;*/
background-size: 100%;
}
/* Αφαίρεση στοιχείων */
#ca-nstab-main { display: none !important; }
#ca-talk { display: none !important; }
#ca-history { display: none !important; }
#ca-watch { display: none !important; }
#ca-view { display: none !important; }
#ca-edit { display: none !important; }
#ca-viewsource { display: none !important; }
#left-navigation { display: none !important; }
#p-views { display: none !important; }
/* Σμίκρυνση του πάνω μέρους */
/* #mw-page-base { height: 50px !important; } */ /* Το αφαιρώ για να έρθει στα ίσα του */
/* #right-navigation { margin-top: 10px !important; } */ /* Το αφαιρώ για να έρθει στα ίσα του */
#p-navigation { display: none !important; }
/* Παραμένουν σχολιασμένα */
/*#mw-page-base,*/
/*#mw-head,*/
/*#p-namespaces,*/
/* #footer, */
/*#searchGoButton,
#mw-searchButton*/
#mw-head-base,
.portal h5,
li#pt-login,
/*#p-personal,*/ /* αυτό αφαιρεί όλη τη γραμμή, ΚΑΙ τη γλώσσα. Αντ' αυτού αφαιρούμε τα παρακάτω μεμονωμένα στοιχεία */
#p-tb, /* Είσοδος */
#pt-anonuserpage, /* ip χρήστη */
#pt-anontalk /* σελίδα συζήτησης χρήστη */
{
display: none;
}
/* Παραμένουν σχολιασμένα */
/* #content { margin: 0px !important; } */ /* Το κυρίως τμήμα */
/* p-tb = toolbox */
/* Κουτί μηνύματος */
.koytimhnymatos {
border: 1px solid DarkOrange;
background-color: #FFFF90;
opacity: 0.8;
margin-bottom: 0.5em;
margin-left: 1em;
padding: .2em;
float: none;
clear: right;
margin-left: auto;
margin-right: auto;
width: 80%;
}
/*περιστρεφόμενα πλαίσια*/
#container {
position: relative;
height: 300px;
width: 300px;
margin: 50px 100px;
border: 2px solid red;
-webkit-perspective: 500;
-moz-perspective: 500;
}
#parent {
margin: 10px;
width: 280px;
height: 280px;
background-color: #844BCA;
opacity: 0.8;
-webkit-transform-style: preserve-3d;
-webkit-animation: spin 10s infinite linear;
-moz-transform-style: preserve-3d;
-moz-animation: spin 10s infinite linear;
}
/* #container:hover #parent {
-webkit-transform-style: flat;
-moz-transform-style: flat;
}*/
@-webkit-keyframes spin {
from { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }
to { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
}
#parent > div {
position: absolute;
top: 40px;
left: 40px;
width: 200px;
height: 200px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-family: monospace;
font-size: 12pt;
}
#parent > :first-child {
background-color: #49DC93;
-webkit-transform: translateZ(-100px) rotateY(45deg);
-moz-transform: translateZ(-100px) rotateY(45deg);
}
#parent > :last-child {
background-color: #FF6;
-webkit-transform: translateZ(50px) rotateX(20deg);
-webkit-transform-origin: 50% top;
-moz-transform: translateZ(50px) rotateX(20deg);
-moz-transform-origin: 50% top;
}
h1 {
color: white;
font-size: 60px !important;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
h1, h2, h3, h4, h5, h6 {
overflow: visible; /* αφήνει τη σκιά των τίτλων να εξαπλωθεί έξω από το κουτί */
word-wrap: break-word; /* σπάει μόνο τις λέξεις που βγαίνουν έξω από την οθόνη */
}
.mw-body h2 {
font-size: 40px;
font-weight: 300;
}
/* correct h2 toc - must be after general h2 */
.toc h2 {
font-size: 20px !important;
}
.mw-body h3 {
font-size: 30px;
}
.mw-body h4 {
font-size: 20px;
}
/* Αφαίρεση Translate header */
.mw-pt-translate-header {
display: none;
}
/* Αφαίρεση οριζόντιας γραμμής από κάτω.
Επιλέγουμε το 2o παιδί του mw-content-text (το 1ο είναι το header) αλλά ΜΟΝΟ αν είναι hr (κι ο θεός βοηθός) */
#mw-content-text hr:nth-child(2) {
display: none;
}
/* languages */
.mw-pt-languages {
font-size: smaller;
margin-left: auto;
width: auto;
}
.mw-pt-languages-label {
display: none;
}
.mw-pt-languages-list {
padding: 0.5em;
width: auto;
}
/* αφαίρεση πρόσθετων επιλογών εντός του popup στην αλλαγή γλώσσας */
#uls-settings-block {
display: none;
} /* αυτό κανονικά πρέπει να αναιρεθεί στο MediaWiki:Group-sysop.css */
/* FancyBox: cursor > magnifying glass */
/*a[rel^="group"] img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
#fancybox-overlay {
cursor: -webkit-zoom-out !important;
cursor: -moz-zoom-out !important;
}*/
a[rel^="group"] img {
cursor: url(images/1/15/Loupe-clear.png) 10 11, zoom-in;
}
#fancybox-overlay {
cursor: -webkit-zoom-out !important;
cursor: -moz-zoom-out !important;
}
/* Μάλλον δεν χρειάζεται όλο */
.fancybox-title-float-wrap .child {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-weight: normal;
line-height: normal;
/* Δεν χρειάζεται. Βλ. https://www.mediawiki.org/w/index.php?title=Extension_talk:FancyBoxThumbs#Issue_with_long_descriptions_45008 */
/* white-space: normal; */
}
.fancybox-title {
font: 13px/20px Ubuntu, sans-serif;
}
/* κάνει τις built-in properties του SMW να ξεχωρίζουν */
.smwbuiltin a,
.smwbuiltin a.new {
color: #FF8000;
}
/* Ημιδιαφανής πίνακας περιεχομένων σελίδων, κατηγορίες */
#toc, #catlinks {
/* opacity: 0.5; */
background-color:rgba(255,255,255,0.6);
}
/* Spoilers */
.spoiler {
background-color: black;
color: black;
}
.spoiler:hover, .spoiler:hover ~ .spoiler {
background-color: inherit;
color: inherit;
}
/* ***************** MyMDb ***************** */
.formtable {
max-width: 100%;
}
/*.imdb-value {
color: green;
background-color: lightgrey;
height: 15px;
padding: 1px 0;
margin: 2px;
border: 1px solid grey;
}*/
#mymdb-episode-number-section, #mymdb-next-episode-section, #mymdb-previous-episode-section {
display: inline-block;
}
/* Writers styling: "Writer1, Writer2 and Writer3" */
#mymdb-writer-section ul {
display: inline;
margin: 0;
}
#mymdb-writer-section li {
display: inline;
list-style-type: none;
}
#mymdb-writer-section li:after {
content: ", ";
}
#mymdb-writer-section li:last-child:before {
content: "and ";
}
/* Remove "and" if there is only one item */
#mymdb-writer-section li:first-child:before {
content: "";
}
#mymdb-writer-section li:last-child:after, #mymdb-writer-section li:nth-last-child(2):after {
content: "";
}
/* hide MyMDb related footer icons on normal pages */
#footer-poweredby2ico {
display: none;
}
/* columns */
.familytable2 tr td:nth-of-type(1) {
background-color: Gainsboro;
}
.familytable2 tr td:nth-of-type(2) {
background-color: #cfe7ff; /* wikicinema */
}
.familytable2 tr td:nth-of-type(3) {
background-color: #8cd8ff; /* Ο Μεγάλος Έλληνας Οτιδήποτε */
}
.familytable2 tr td:nth-of-type(4) {
background-color: Moccasin; /* ewiki */
}
.familytable2 tr td:nth-of-type(5) {
background-color: #dce9ff; /* Ορίζοντας Γεγονότων */
}
.familytable2 tr td:nth-of-type(6) {
background-color: #bccfdd; /* ΔΕΝ ΥΠΑΡΧΕΙ */
}
.familytable2 tr td:nth-of-type(7) {
background-color: #fffb95; /* Αεροπατεροπαίδεια */
}
.familytable2 tr td:nth-of-type(8) {
background-color: Beige; /* MoufBusters*/
}
.familytable2 tr td:nth-of-type(9) {
background-color: #ffb6aa; /* meta */
}
.familytable2 tr td:nth-of-type(10) {
background-color: #b5ffda; /* Arduinopedia */
}
.familytable2 tr:hover td {
background-color: #fff !important;
}
.askfamily {
/*table-layout:fixed;
width:100%;*/
max-width:100%;
text-align: center;
}
.askfamily thead {
font-size: 77%;
word-wrap: break-word;
}
/* *********************************************************************** */
/* *************************** 3D Book Covers **************************** */
/* *********************************************************************** */
/* by Scott Robbin * http://srobbin.com/blog/3d-css-book-covers/ */
/* Adopted for wiki by Ioannis Protonotarios * http://prot.gr/3d-book-wiki */
.books {
-moz-perspective: 100px;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.book {
position: relative;
-moz-perspective: 100px;
-moz-transform: rotateY(-3deg);
-webkit-transform: perspective(100) rotateY(-3deg);
outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
box-shadow: none;
margin: 0;
}
.book p {
margin: 0 !important;
}
.book .book-cover {
position: relative;
max-width: 100%;
}
.book:before,
.book:after {
position: absolute;
top: 2%;
height: 96%;
content: ' ';
z-index: -1;
}
.book:before {
width: 100%;
left: 7.5%;
background-color: #5a2d18;
box-shadow: 5px 5px 20px #333;
}
.book:after {
width: 5%;
left: 100%;
background-color: #EFEFEF;
box-shadow: inset 0px 0px 5px #aaa;
-moz-transform: rotateY(20deg);
-webkit-transform: perspective(100) rotateY(20deg);
}
/* ************************ END OF 3D Book Covers ************************ */
/* ********** 3D CUBE ********** */
.separator {
margin-top: 40px;
}
/* 3D Cube */
.space3d {
perspective: 1000px;
width: 250px;
height: 250px;
text-align: center;
display: inline-block;
}
._3dbox {
display: inline-block;
transition: all 0.85s cubic-bezier(0.175, 0.885, 0.32, 1.275);
text-align: center;
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transform: rotateX(-15deg) rotateY(15deg);
}
._3dface {
overflow: hidden;
position: absolute;
border: 1px solid #888;
background: #FFF;
box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1), 0 0 50px rgba(0, 0, 0, 0.3);
color: #333;
line-height: 250px;
opacity: 0.8;
}
._3dface--front {
width: 250px;
height: 250px;
transform: translate3d(0, 0, 125px);
}
._3dface--top {
width: 250px;
height: 250px;
transform: rotateX(90deg) translate3d(0, 0, 125px);
}
._3dface--bottom {
width: 250px;
height: 250px;
transform: rotateX(-90deg) translate3d(0, 0, 125px);
}
._3dface--left {
width: 250px;
height: 250px;
left: 50%;
margin-left: -125px;
transform: rotateY(-90deg) translate3d(0, 0, 125px);
}
._3dface--right {
width: 250px;
height: 250px;
left: 50%;
margin-left: -125px;
transform: rotateY(90deg) translate3d(0, 0, 125px);
}
._3dface--back {
width: 250px;
height: 250px;
transform: rotateY(180deg) translate3d(0, 0, 125px);
}
#radio-left:hover ~ .space3d ._3dbox {
transform: rotateY(90deg);
}
#radio-right:hover ~ .space3d ._3dbox {
transform: rotateY(-90deg);
}
#radio-bottom:hover ~ .space3d ._3dbox {
transform: rotateX(90deg);
}
#radio-top:hover ~ .space3d ._3dbox {
transform: rotateX(-90deg);
}
#radio-back:hover ~ .space3d ._3dbox {
transform: rotateY(180deg);
}
._3dface--front {
background: white;
background-size: 100%;
}
._3dface--left {
background: White;
}
._3dface--right {
background: White;
}
._3dface--top {
background: White;
}
._3dface--bottom {
background: White;
}
._3dface--back {
background: White;
}
/* ********** END OF 3D CUBE ********** */
/* ************* Form:Movie ************* */
.my-rating-button {
background-color: #00F;
padding: 10px;
color: #FFF;
font-size: 24px;
width: 78px;
height: 64px;
font-weight: bold;
text-align: center;
}
#silverback:before,
#silverback:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 100px;
}
#silverback:before {
/* content: url(http://meta.protonotarios.eu/wiki/images/7/78/Gojira_1954_screenshot.jpeg);*/
padding-left: 3%;
text-align: left;
background: transparent url(http://meta.protonotarios.eu/wiki/images/7/78/Gojira_1954_screenshot.jpeg) 300% 0 repeat-x;
}
/*#silverback:after {
content: url(http://meta.protonotarios.eu/wiki/images/7/78/Gojira_1954_screenshot.jpeg);
padding-right: 3%;
text-align: right;
background: transparent url(http://meta.protonotarios.eu/wiki/images/7/78/Gojira_1954_screenshot.jpeg) 70% 0 repeat-x;
}*/
.mw-body-content {
position: static;
}
.hannibaltable-bg {
background: url(http://meta.protonotarios.eu/wiki/images/4/40/Red_Dragon_background.jpg) no-repeat;
background-size: cover;
}
.translation-whateverness-box {
display: inline-block;
font-size: 9px;
line-height: 8px;
text-align: center;
opacity: 0.5;
}
.greek-translated-title {
font-size: 30px;
font-style: italic;
color: rgb(203, 203, 203);
}
.international-english-title {
font-size: 30px;
font-style: italic;
color: rgb(166, 166, 166);
}
.aka-title {
font-size: 30px;
font-style: italic;
color: rgb(203, 203, 203);
}
.aka-title::before {
font-size: 10px;
color: initial;
content: "AKA";
font-style: initial;
vertical-align: top;
}
/***************************/
/* */
/* End of MyMDB */
/* */
/***************************/
/* Buttons */
/* source: http://www.bestcssbuttongenerator.com/#/28 */
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
/* font-family:Arial;
font-size:15px;
font-weight:bold; */
padding:6px 24px;
/* text-decoration:none; */
text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.myButton:active {
position:relative;
top:1px;
}
/**********************/
/* Hide from visitors */
/**********************/
/* Hide from non admins */
/* Undo in page: MediaWiki:Group-sysop.css */
.visible-to-admin-only {
display: none;
}
/* Hide from non autoconfirmed users */
/* Undo in page: MediaWiki:Group-autoconfirmed.css */
.error {
display: none;
}
/*******************************************************************/
/* */
/* P H O T O F I L T E R S */
/* */
/*******************************************************************/
.bw-photo img {
filter: grayscale(100%)
}
.blurred-photo img {
filter: blur(5px)
}
.bright-photo img {
filter: brightness(0.5)
}
.high-contrast-photo img {
filter: contrast(200%)
}
.rotated-hue-photo img {
filter: hue-rotate(90deg)
}
.inverted-photo img {
filter: invert(100%)
}
.high-saturated-photo img {
filter: saturate(200%)
}
.sepia-photo img {
filter: sepia(100%)
}
/****** Vignettes with CSS3 Box Shadows by Divya Manian ******/
/* http://nimbupani.com/vignettes-with-css3-box-shadows.html */
.vignette {
position: relative;
display: inline-block;
}
.vignette img {
display: block;
}
.vignette:after {
-webkit-box-shadow: inset 0 0 3em #333;
-moz-box-shadow: inset 0 0 3em #333;
box-shadow: inset 0 0 3em #333;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
content: "";
}
/* Vignette by CSS-TRICKS */
.vignette2 {
-webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4);
line-height: 0; /* ensure no space between bottom */
display: inline-block; /* don't go wider than image */
}
.vignette2 img {
position: relative;
z-index: -1; /* position beneath */
}
/*************** Instagram filters by Nick Georgiou ****************/
/* http://designpieces.com/2014/09/instagram-filters-css3-effects/ */
.instagram-xpro2-filter {
-webkit-filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
}
.instagram-willow-filter {
-webkit-filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02);
filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02);
}
.instagram-walden-filter {
-webkit-filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
}
.instagram-valencia-filter {
-webkit-filter: sepia(0.15) saturate(1.5) contrast(0.9);
filter: sepia(0.15) saturate(1.5) contrast(0.9);
}
/*******************************************************************/
/* END OF */
/* P H O T O F I L T E R S */
/* */
/*******************************************************************/
.under-construction-stripes {
background-color: gold;
background-image: linear-gradient(
135deg,
transparent,
transparent 25%,
black 25%,
black 50%,
transparent 50%,
transparent 75%,
black 75%,
black
);
background-size: 20px 20px;
padding: 20px;
display: block;
}
/* MyMDb infobox */
.mymdb-infobox {
width: 300px;
font-size: 90%;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}
/* Bootstrap-like blocks See: [[Meta:Typography/Bootstrap-like]] */
.bs-block {
padding: 1.25rem;
position: relative;
display: block;
margin-bottom: .75rem;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.125);
/* max-width: 20rem;*/
}
.bs-primary-strong {
background-color: #0275d8;
color: white;
}
.bs-success-strong {
background-color: #5cb85c;
color: white;
}
.bs-info-strong {
background-color: #5bc0de;
color: white;
}
.bs-warning-strong {
background-color: #f0ad4e;
color: white;
}
.bs-danger-strong {
background-color: #d9534f;
color: white;
}
.bs-primary {
background-color: #f5f5f5;
}
.bs-success {
background-color: #dff0d8;
}
.bs-info {
background-color: #d9edf7;
}
.bs-warning {
background-color: #fcf8e3;
}
.bs-danger {
background-color: #f2dede;
}
/***************************/
/* */
/* [[MediaWiki:Edittools]] */
/* */
/***************************/
div.mw-editTools {
border: 1px solid silver;
padding: 10px;
background-color: #F0F0F0;
font-size: 90%;
}
div.mw-editTools a {
border: 1px solid silver;
padding: 5px;
border-radius: 10px;
background-color: white;
font-family: monospace;
}
div.edittools-block {
border: 1px solid silver;
padding: 5px;
border-radius: 10px;
display: inline-block;
background-color: white;
}
div.edittools-block p {
margin: 0;
}
div.edittools-block a {
border: none;
padding: 0;
border-radius: 0;
}
.edittools-tooltip {
position: relative;
display: inline-block;
}
.edittools-tooltip .edittools-tooltip-arrow {
visibility: hidden;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -160px;
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
opacity: 0;
transition: opacity 1s ease-in-out;
}
.edittools-tooltip:hover .edittools-tooltip-arrow {
visibility: visible;
opacity: 0.7;
}
/* remove <a> style */
div.mw-editTools .edittools-tooltip-arrow a {
border: none;
padding: 0;
background-color: unset;
}
/* διόρθωση για να μην έχει border στο edit link */
.plainlinks a {
border: none !important;
}
/* διόρθωση για τις εικόνες επειδή ουσιαστικά είναι και σύνδεσμοι */
div.edittools-tooltip a.image {
border: none;
background: none;
}
/*********************************/
/* */
/* ΤΕΛΟΣ [[MediaWiki:Edittools]] */
/* */
/*********************************/
.heatmap {
/* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#0000ff+0,00ffff+33,00ff00+50,ffff00+67,ff0000+100 */
background: #0000ff; /* Old browsers */
background: -moz-linear-gradient(left, #0000ff 0%, #00ffff 33%, #00ff00 50%, #ffff00 67%, #ff0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0000ff 0%,#00ffff 33%,#00ff00 50%,#ffff00 67%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0000ff 0%,#00ffff 33%,#00ff00 50%,#ffff00 67%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */
display: inline-block;
}
/* LICENSE BOXES */
.license-box {
margin: 5px 0;
padding: 5px;
width: 100%;
border: 3px solid #aaa;
}
.license-box td {
padding: 5px;
}
/* GREY */
.license-box-grey {
border-color: #aaa;
background-color: #ededed;
}
/* RED */
.license-box-red {
border-color: Red;
background-color: #ffb4b4;
}
/* ORANGE */
.license-box-orange {
border-color: DarkOrange;
background-color: #FFFF90;
}
/* GREEN */
.license-box-green {
border-color: Green;
background-color: #90ff90;
}
/** Font awesome icons **/
#n-mainpage-description:before, #n-portal:before, #n-currentevents:before, #n-recentchanges:before, #n-randompage:before, #n-help:before, #n-Add-movie:before, #n-Add-blog-post:before, #n-Add-quotation:before, #n-Add-clip:before, #n-Add-task:before, #t-whatlinkshere:before, #t-recentchangeslinked:before, #t-contributions:before, #t-log:before, #t-blockip:before, #t-emailuser:before, #t-userrights:before, #t-upload:before, #t-specialpages:before, #t-print:before, #t-permalink:before, #t-info:before, #t-cite:before, #t-smwbrowselink:before, #ca-nstab-main a:before, #ca-nstab-user a:before, #ca-nstab-help a:before, #ca-nstab-image a:before, #ca-nstab-template a:before, #ca-nstab-mediawiki a:before, #ca-nstab-category a:before, #ca-nstab-special a:before, #ca-nstab-project a:before, #ca-talk a:before, #ca-view a:before, #ca-formedit a:before, #ca-edit a:before, #ca-history a:before, #ca-delete a:before, #ca-move a:before, #ca-protect a:before, #ca-purge a:before, #pt-adminlinks a:before, #pt-preferences a:before, #pt-watchlist a:before, #pt-mycontris a:before, #pt-logout a:before {
font-family: 'FontAwesome';
font-family: 'Linearicons-Free';
font-family: 'IcoMoon-Free';
font-family: 'feather';
font-size: 1.3em;
text-rendering: auto;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
}
/* SIDEBAR */
#n-mainpage-description:before {content: "\E87A\0020";}
#n-portal:before {content: "\E8EA\0020";}
#n-currentevents:before {content: "\E83A\0020";}
#n-recentchanges:before {content: "\E84D\0020";}
#n-randompage:before {content: "\E8C5\0020";}
#n-help:before {content: "\E903\0020";}
/* SIDEBAR - ADD */
#n-Add-movie:before {content: "\E871\0020";}
#n-Add-blog-post:before {content: "\E83A\0020";}
#n-Add-quotation:before {content: "\E890\0020";}
#n-Add-clip:before {content: "\E8AE\0020";}
#n-Add-task:before {content: "\E840\0020";}
/* SIDEBAR - TOOLBOX*/
#t-whatlinkshere:before {content: "\E884\0020";}
#t-recentchangeslinked:before {content: "\E892\0020";}
#t-contributions:before {content: "\E82E\0020";}
#t-log:before {content: "\E886\0020";}
#t-blockip:before {content: "\E8C9\0020";}
#t-emailuser:before {content: "\E88A\0020";}
#t-userrights:before {content: "\E8EA\0020";}
#t-upload:before {content: "\E8E1\0020";}
#t-specialpages:before {content: "\E8C3\0020";}
#t-print:before {content: "\E8B3\0020";}
#t-permalink:before {content: "\E826\0020";}
#t-info:before {content: "\E87F\0020";}
#t-cite:before {content: "\E837\0020";}
#t-smwbrowselink:before {content: "\E8D2\0020";}
/* TABS */
#ca-nstab-main a:before {content: "\E870\0020";}
#ca-nstab-user a:before {content: "\E8E9\0020";}
#ca-nstab-help a:before {content: "\E903\0020";}
#ca-nstab-image a:before {content: "\E87C\0020";}
#ca-nstab-template a:before {content: "\e81e\0020";}
#ca-nstab-mediawiki a:before {content: "\E86D\0020";}
#ca-nstab-category a:before {content: "\E878\0020";}
#ca-nstab-special a:before {content: "\E8C3\0020";}
#ca-nstab-project a:before {content: "\E83C\0020";}
#ca-talk a:before {content: "\E891\0020";}
#ca-view a:before {content: "\E86A\0020";}
#ca-formedit a:before {content: "\E866\0020";}
#ca-edit a:before {content: "\E866\0020";}
#ca-history a:before {content: "\E8B9\0020";}
#ca-delete a:before {content: "\E8DA\0020";}
#ca-move a:before {content: "\E829\0020";}
#ca-protect a:before {content: "\E887\0020";}
#ca-purge a:before {content: "\E8BA\0020";}
/* USER MENU */
#pt-adminlinks a:before {content: "\E8C2\0020";}
#pt-preferences a:before {content: "\E90A\0020";}
#pt-watchlist a:before {content: "\E8CD\0020";}
#pt-mycontris a:before {content: "\E82E\0020";}
#pt-logout a:before {content: "\E8B4\0020";}
/* Letterhead for paper skeuomorph */
.letterhead {
background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
background-repeat:no-repeat;
padding: 2em;
background-color: #faf9f2;
}
/* Menu above title */
/* see [[Menu above title test]] */
/* IMPORTANT: Edit [[MediaWiki:Group-sysop.css]] too! */
#menu-above-title {
position: absolute;
top: 100px;
left: 80px;
right: 80px;
z-index: 100;
}
/* hide edit link from visitors */
#menu-above-title-edit {
display: none;
}
/* Correct "More" menu */
div.vectorMenu div.menu {
z-index: 101;
}
/* Slanted diagonal line on table cell */
td.striked-cell {
background-image: linear-gradient(
to top right,
#0000 calc(50% - 0.75px),
#666,
#0000 calc(50% + 0.75px)
);
}