Actualización

plugin/card_game/resources/css/card-acces-active.svg

@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 64 64"
+   height="64px"
+   version="1.1"
+   viewBox="0 0 64 64"
+   width="64px"
+   xml:space="preserve"
+   id="svg32"
+   sodipodi:docname="card-acces-active.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata38"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs36" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview34"
+     showgrid="false"
+     inkscape:zoom="0.921875"
+     inkscape:cx="-164.6857"
+     inkscape:cy="210.86471"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg32" /><g
+     id="g4"
+     style="fill:#c8beb7"><circle
+       style="fill:#c8beb7"
+       id="circle2"
+       r="32"
+       cy="32"
+       cx="32" /></g><g
+     style="opacity:0.2"
+     id="g8"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path10"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24"
+     transform="matrix(-1.318663,3.3257757,-3.2794526,-1.2347171,233.59711,-70.506721)"
+     style="fill:#abc837"><circle
+       style="fill:#abc837"
+       id="circle22"
+       r="2"
+       cy="41"
+       cx="46" /></g><g
+     id="Layer_2" /><g
+     style="opacity:0.2"
+     id="g8-5"
+     transform="rotate(86.918053,30.486517,30.002601)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6-3"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12-2"
+     transform="rotate(86.918053,30.486517,30.002601)"
+     style="fill:#ffe6d5"><path
+       style="fill:#ffe6d5"
+       inkscape:connector-curvature="0"
+       id="path10-1"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24-2"
+     transform="matrix(0.16158955,3.5740096,-3.497329,0.21914672,164.09941,-141.76822)"
+     style="fill:#afdde9"><circle
+       style="fill:#afdde9"
+       id="circle22-9"
+       r="2"
+       cy="41"
+       cx="46" /></g><g
+     id="g24-2-0"
+     transform="matrix(0.21690503,4.7223995,-4.6945379,0.28956227,236.41517,-175.05731)"
+     style="fill:#ff2a2a"><circle
+       style="fill:#ff2a2a"
+       id="circle22-9-4"
+       r="2"
+       cy="41"
+       cx="46" /></g><text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:21.51814079px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.5379535;"
+     x="46.341255"
+     y="62.60841"
+     id="text846"
+     transform="scale(1.021088,0.97934754)"><tspan
+       sodipodi:role="line"
+       id="tspan844"
+       x="46.341255"
+       y="62.60841"
+       style="stroke-width:0.5379535;fill:#ffffff;">1</tspan></text>
+</svg>

plugin/card_game/resources/css/card-acces.svg

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 64 64"
+   height="64px"
+   version="1.1"
+   viewBox="0 0 64 64"
+   width="64px"
+   xml:space="preserve"
+   id="svg32"
+   sodipodi:docname="card-acces.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata38"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs36" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview34"
+     showgrid="false"
+     inkscape:zoom="3.6875001"
+     inkscape:cx="70.378514"
+     inkscape:cy="50.995503"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg32" /><g
+     id="g4"
+     style="fill:#c8beb7"><circle
+       style="fill:#c8beb7"
+       id="circle2"
+       r="32"
+       cy="32"
+       cx="32" /></g><g
+     style="opacity:0.2"
+     id="g8"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path10"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24"
+     transform="matrix(-1.318663,3.3257757,-3.2794526,-1.2347171,233.59711,-70.506721)"
+     style="fill:#abc837"><circle
+       style="fill:#abc837"
+       id="circle22"
+       r="2"
+       cy="41"
+       cx="46" /></g><g
+     id="Layer_2" /><g
+     style="opacity:0.2"
+     id="g8-5"
+     transform="rotate(86.918053,30.486517,30.002601)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6-3"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12-2"
+     transform="rotate(86.918053,30.486517,30.002601)"
+     style="fill:#ffe6d5"><path
+       style="fill:#ffe6d5"
+       inkscape:connector-curvature="0"
+       id="path10-1"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24-2"
+     transform="matrix(0.16158955,3.5740096,-3.497329,0.21914672,164.09941,-141.76822)"
+     style="fill:#afdde9"><circle
+       style="fill:#afdde9"
+       id="circle22-9"
+       r="2"
+       cy="41"
+       cx="46" /></g></svg>

plugin/card_game/resources/css/cardgame.css

@@ -0,0 +1,238 @@
+/** CSS used to show a 5x3 table of cells hiding a big image */
+#home-card {
+    overflow: hidden;
+}
+
+.enjoy-cardgame-active {
+    position: relative;
+    left: 50%;
+    top: 90%;
+    width: 40px;
+    height: 40px;
+    margin-top: -35px;
+    margin-left: 10px;
+    background-image: url('card-acces-active.svg');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    cursor: pointer;
+    z-index: 1000;
+}
+
+.enjoy-cardgame {
+    position: relative;
+    left: 50%;
+    top: 90%;
+    width: 40px;
+    height: 40px;
+    margin-top: -35px;
+    margin-left: 10px;
+    background-image: url('card-acces.svg');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    cursor: pointer;
+    z-index: 1000;
+}
+
+.card-one {
+    position: absolute;
+    transform: rotate(160deg);
+    background-image: url('card1.jpg');
+    background-position: center center;
+    left: 130%;
+    top: 50px;
+    width: 220px;
+    height: 330px;
+    margin-left: -110px;
+    background-color: #CECEF6;
+    border: solid 2px green;
+    cursor: pointer;
+    border-radius: 20px;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+    opacity: 0.1;
+}
+
+.card-one-2 {
+    transform: rotate(0deg);
+    left: 50%;
+    opacity: 1;
+}
+
+.cardgame-pack {
+    position: relative;
+    width: 100%;
+    height: 450px;
+    background-image: url('cardpack450.jpg');
+    background-color: transparent;
+    background-position: -500px bottom;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+}
+
+.cardgame-open {
+    background-position: 0px 0px;
+}
+
+.linescissors {
+    position: absolute;
+    left: 60px;
+    top: 135px;
+    width: 220px;
+    height: 6px;
+    transform: rotate(-26deg);
+    border-top: dotted 3px gray;
+}
+
+.messagePackDeck {
+    position: absolute;
+    text-align: center;
+    right: 20px;
+    top: 30px;
+    width: 200px;
+    padding: 20px;
+    font-size: 22px;
+    border-radius: 15px;
+    background-color: #8A0886;
+    color: white;
+}
+
+.viewDeckBottom {
+    position: absolute;
+    left: 3px;
+    bottom: 5px;
+    width: 73px;
+    height: 60px;
+    background-image: url('galerie.png');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    display: none;
+    cursor: pointer;
+}
+
+.messagePackDeckBottom {
+    position: absolute;
+    text-align: center;
+    left: 85px;
+    bottom: 10px;
+    right: 20px;
+    padding: 14px;
+    font-size: 16px;
+    border-radius: 15px;
+    background-color: #8A0886;
+    color: white;
+}
+
+.scissorsrightinit {
+    transform: rotate(160deg);
+    position: absolute;
+    left: 260px;
+    top: 50px;
+    width: 60px;
+    height: 60px;
+    background-image: url('scissorsright.gif');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    cursor: pointer;
+    z-index: 1000;
+    -webkit-transition: all 3s ease-in-out;
+    transition: all 3s ease-in-out;
+}
+
+.scissorsrightinitfinal {
+    left: 10px;
+    top: 170px;
+}
+
+.puzzlecardone {
+    position: absolute;
+    display: none;
+    left: 5%;
+    top: 2%;
+    width: 90%;
+    height: 80%;
+    background-color: gray;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    border: solid 1px green;
+    overflow: hidden;
+}
+
+.puzzleMin {
+    float: left;
+    position: relative;
+    left: 10px;
+    top: 10px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    width: 150px;
+    height: 100px;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+}
+
+.puzzleMinOther {
+    float: left;
+    position: relative;
+    left: 10px;
+    top: 10px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    width: 150px;
+    height: 100px;
+    background-image: url('b-back.jpg');
+    background-repeat: no-repeat;
+    background-position: center center;
+    -webkit-background-size: cover;
+    background-size: cover;
+    display: none;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+}
+
+.pimg01 {
+    background-image: url('img01.jpg');
+}
+
+.pimg02 {
+    background-image: url('img02.jpg');
+}
+
+.pimg03 {
+    background-image: url('img03.jpg');
+}
+
+.pimg04 {
+    background-image: url('img04.jpg');
+}
+
+.puzzlepart1 {
+    position: relative;
+    border-right: dotted 3px green;
+    border-bottom: dotted 3px green;
+    float: left;
+    left: 0%;
+    top: 0%;
+    width: 20%;
+    height: 33.34%;
+    background-image: url('b-back.jpg');
+    background-color: transparent;
+    background-position: center center;
+}
+
+.puzzlepartstar {
+    background-image: url('animstar.png');
+}