MediaWiki:Common.css

From protonation
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;
}

/*********************************/
/*                               */
/* ΤΕΛΟΣ [[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;
}
Retrieved from "http://meta.protonotarios.eu/wiki/index.php?title=MediaWiki:Common.css&oldid=58608"