Created
May 30, 2012 11:58
-
-
Save JackieXu/2835807 to your computer and use it in GitHub Desktop.
CodeContest juni
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CodeContest juni | |
| */ | |
| body { | |
| } | |
| ::selection { | |
| color: #8ea055; | |
| background-color: #94388d; | |
| } | |
| #codecontest { | |
| background-image: url('http://i.imgur.com/JLY7G.jpg'); | |
| background-position: bottom; | |
| background-repeat: no-repeat; | |
| height: 730px; | |
| position: relative; | |
| width: 897px; | |
| } | |
| #cc_nav { | |
| left: 40px; | |
| position: absolute; | |
| top: 130px; | |
| } | |
| #cc_head { | |
| background-image: url('http://i.imgur.com/rfY0S.png'); | |
| background-repeat: no-repeat; | |
| height: 270px; | |
| margin: auto; | |
| position: relative; | |
| width: 517px; | |
| z-index: 43; | |
| } | |
| #cc_characters { | |
| padding: 35px 0 0; | |
| text-align: center; | |
| } | |
| #cc_characters > li{ | |
| background-image: radial-gradient(50% 50%, circle closest-side, #fcfcfc, #e4e4e4 100%); | |
| border: 0; | |
| border-radius: 20px; | |
| box-shadow: 1px 2px 7px #aaa; | |
| color: #94388d; | |
| display: inline-block; | |
| font-family: 'Arial Rounded MT Bold'; | |
| font-size: 30px; | |
| font-weight: bold; | |
| height: 40px; | |
| line-height: 40px; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| width: 40px; | |
| } | |
| #cc_head > h1 { | |
| margin: 0; | |
| text-align: center; | |
| } | |
| #cc_head > h1 > a { | |
| color: #94388d; | |
| font-size: 36pt; | |
| margin: 0; | |
| padding: 0; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| } | |
| #cc_head > h3 { | |
| color: #8ea055; | |
| font-size: 15pt; | |
| margin: 0; | |
| text-align: center; | |
| } | |
| .card { | |
| background-color: #fff; | |
| border-radius: 10px; | |
| box-shadow: 1px 1px 1px #777; | |
| cursor: pointer; | |
| display: inline-block; | |
| height: 130px; | |
| margin-top: 0; | |
| position: relative; | |
| text-align: center; | |
| transition: top 0.3s linear; | |
| width: 90px; | |
| } | |
| .card:hover .card_text { | |
| text-decoration: underline; | |
| } | |
| .card_suit { | |
| color: #94388d; | |
| font-size: 70pt; | |
| margin-top: 10px; | |
| } | |
| .card_text { | |
| color: #94388d; | |
| font-family: "Arial Rounded MT Bold"; | |
| font-size: 8pt; | |
| font-weight: bold; | |
| margin-top: -15px; | |
| } | |
| #active { | |
| color: #92a25d; | |
| } | |
| #card_uitleg { | |
| transform: rotate(4deg); | |
| z-index: 42; | |
| } | |
| .card:hover { | |
| transition: top 0.3s linear; | |
| top: 20px; | |
| } | |
| #card_stand { | |
| margin-left: -20px; | |
| transform: rotate(-8deg); | |
| z-index: 41; | |
| } | |
| #cc_decor_cards { | |
| position: absolute; | |
| right: 180px; | |
| top: 140px; | |
| } | |
| .deckcard { | |
| background: linear-gradient(90deg, #6d326d, #9d669d); | |
| border: 3px solid #fff; | |
| border-radius: 5px; | |
| box-shadow: 1px 2px 2px #111; | |
| height: 130px; | |
| position: absolute; | |
| width: 90px; | |
| } | |
| .deckcard > a { | |
| color: #FFF; | |
| display: block; | |
| font-family: 'Arial Rounded MT Bold'; | |
| font-size: 16pt; | |
| margin-left: -35px; | |
| padding-top: 35px; | |
| text-decoration: none; | |
| text-shadow: 1px 2px 2px #333; | |
| transition: color 0.3s linear; | |
| transform: rotate(-90deg); | |
| } | |
| .deckcard > a:hover { | |
| color: #8ea055; | |
| transition: color 0.3s linear; | |
| } | |
| #card_1 { | |
| margin-left: -10px; | |
| margin-top: -5px; | |
| transform: rotate(70deg); | |
| z-index: 42; | |
| } | |
| #card_2 { | |
| transform: rotate(65deg); | |
| } | |
| #card_3 { | |
| transform: rotate(67deg); | |
| } | |
| #card_4 { | |
| transform: rotate(68deg); | |
| } | |
| #cc_decor_chips { | |
| bottom: 65px; | |
| left: 70px; | |
| position: absolute; | |
| } | |
| .poker_chips { | |
| float: left; | |
| height: 80px; | |
| width: 100px; | |
| } | |
| .green_poker_chip { | |
| background-color: #fff; | |
| border: 10px dotted #49b456; | |
| border-radius: 60px; | |
| box-shadow: 1px 2px 2px #333; | |
| height: 60px; | |
| position: absolute; | |
| width: 60px; | |
| } | |
| .green_poker_chip_inner { | |
| border: 10px double #49b456; | |
| border-radius: 40px; | |
| height: 40px; | |
| width: 40px; | |
| } | |
| .black_poker_chip { | |
| background-color: #fff; | |
| border: 10px dotted #000; | |
| border-radius: 60px; | |
| box-shadow: 1px 2px 2px #333; | |
| height: 60px; | |
| position: absolute; | |
| width: 60px; | |
| } | |
| .black_poker_chip_inner { | |
| border: 10px double #000; | |
| border-radius: 40px; | |
| height: 40px; | |
| width: 40px; | |
| } | |
| .purple_poker_chip { | |
| background-color: #fff; | |
| border: 10px dotted #a559ba; | |
| border-radius: 60px; | |
| box-shadow: 1px 2px 2px #333; | |
| height: 60px; | |
| position: absolute; | |
| width: 60px; | |
| } | |
| .purple_poker_chip_inner { | |
| border: 10px double #a559ba; | |
| border-radius: 40px; | |
| height: 40px; | |
| width: 40px; | |
| } | |
| #chip_1 { | |
| transform: rotate(3deg); | |
| z-index: 42; | |
| } | |
| #chip_2 { | |
| margin-left: 3px; | |
| margin-top: 6px; | |
| transform: rotate(-3deg); | |
| z-index: 41; | |
| } | |
| #chip_3 { | |
| margin-left: 8px; | |
| margin-top: 3px; | |
| transform: rotate(14deg); | |
| z-index: 40; | |
| } | |
| #chip_4 { | |
| margin-top: 10px; | |
| z-index: 42; | |
| } | |
| #chip_5 { | |
| margin-left: 6px; | |
| margin-top: 8px; | |
| z-index: 41; | |
| } | |
| #chip_6 { | |
| margin-left: 4px; | |
| margin-top: 14px; | |
| z-index: 40; | |
| } | |
| #chip_7 { | |
| margin-left: 4px; | |
| margin-top: 3px; | |
| z-index: 42; | |
| } | |
| #chip_8 { | |
| margin-top: 7px; | |
| z-index: 41; | |
| } | |
| #chip_9 { | |
| margin-left: 7px; | |
| margin-top: 10px; | |
| z-index: 40; | |
| } | |
| #cc_text { | |
| background-color: rgba(0,0,0,0.4); | |
| height: 280px; | |
| margin: auto; | |
| position: relative; | |
| width: 750px;; | |
| } | |
| #cc_text > h2 { | |
| color: #fff; | |
| font-family: 'Arial Rounded MT Bold'; | |
| font-size: 15pt; | |
| font-weight: normal; | |
| line-height: 40px; | |
| margin-left: 10px; | |
| text-transform: uppercase; | |
| } | |
| #cc_text > p { | |
| color: #FFF; | |
| font-family: 'Arial Rounded MT Bold'; | |
| font-size: 11pt; | |
| padding-left: 15px; | |
| padding-right: 120px; | |
| } | |
| #cc_text > ul{ | |
| list-style-type: none; | |
| } | |
| #cc_text > ul > li { | |
| display: inline-block; | |
| } | |
| #cc_text > ul > li > a { | |
| color: #fff; | |
| font-family: 'Arial Rounded MT Bold'; | |
| margin-right: 50px; | |
| text-decoration: none; | |
| } | |
| #cc_text > ul > li > a:hover { | |
| color: #8ea055; | |
| text-decoration: underline; | |
| } | |
| #matches_overlay { | |
| left: 210px; | |
| margin: 0; | |
| padding: 0; | |
| position: absolute; | |
| height: 130px; | |
| top: 130px; | |
| width: 90px; | |
| z-index: 1337; | |
| } | |
| #matches_overlay:hover { | |
| cursor: pointer; | |
| } | |
| #matches_overlay:hover + div > #card_matches { | |
| top: 20px; | |
| transition: top 0.3s linear; | |
| } | |
| #matches_overlay:hover + div > #card_matches > .card_text { | |
| text-decoration: underline; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- content to be placed inside <body>…</body> --> | |
| <div id="codecontest"> | |
| <div id="cc_head"> | |
| <ul id="cc_characters"> | |
| <li>w</li> | |
| <li>e</li> | |
| <li>l</li> | |
| <li>c</li> | |
| <li>o</li> | |
| <li>m</li> | |
| <li>e</li> | |
| </ul> | |
| <h3>to Starapple</h3> | |
| <h1><a href="#">Code Contest</a></h1> | |
| <h3>juni 2012</h3> | |
| </div> | |
| <!-- | |
| Lelijke fix :-( | |
| Als je iets mooiers weet, mag je mailen naar | |
| jackie@starapple.nl en krijg je een koekje. | |
| --> | |
| <div id="matches_overlay"></div> | |
| <div id="cc_nav"> | |
| <div class="card" id="card_uitleg"> | |
| <div class="card_suit" id="active">♣</div> | |
| <div class="card_text">speluitleg</div> | |
| </div> | |
| <div class="card" id="card_stand"> | |
| <div class="card_suit">♥</div> | |
| <div class="card_text">Tussenstand</div> | |
| </div> | |
| <div class="card" id="card_matches"> | |
| <div class="card_suit">♠</div> | |
| <div class="card_text">Matches</div> | |
| </div> | |
| </div> | |
| <div id="cc_text"> | |
| <h2>Welkom Pi-reaugrammeur,</h2> | |
| <p> | |
| Nu de taxichaffeurs eindelijk de kortste weg weten om van Wall Street naar JFK airport te komen, kunnen ze weer iedereen in New York vervoeren. Er is besloten om van New York over te vliegen naar het zonnige Las Vegas, Nevada. Hier is pas geleden een nieuw Casino gebouwd speciaal voor robots en we gaan maar eens kijken hoeveel geld er te verdienen valt met jouw hulp! | |
| </p> | |
| <p> | |
| We hebben een stukje software nodig voor onze pokerrobot, die bepaalt hoeveel chips we gaan inzetten. Het spelletje is No-Limit Texas Hold’Em waar de regels hier van beschreven staan. Aan jou is de taak om een klasse te schrijven die het volgende interface implementeert: | |
| </p> | |
| <ul> | |
| <li><a href="#">Java</a></li> | |
| <li><a href="#">C#</a></li> | |
| <li><a href="#">PHP</a></li> | |
| </ul> | |
| </div> | |
| <div id="cc_decor_cards"> | |
| <div class="deckcard" id="card_1"> | |
| <a href="#">Upload<br />jouw bot</a> | |
| </div> | |
| <div class="deckcard" id="card_2"></div> | |
| <div class="deckcard" id="card_3"></div> | |
| <div class="deckcard" id="card_4"></div> | |
| </div> | |
| <div id="cc_decor_chips"> | |
| <div class="poker_chips"> | |
| <div class="green_poker_chip" id="chip_1"> | |
| <div class="green_poker_chip_inner"></div> | |
| </div> | |
| <div class="green_poker_chip" id="chip_2"> | |
| <div class="green_poker_chip_inner"></div> | |
| </div> | |
| <div class="green_poker_chip" id="chip_3"> | |
| <div class="green_poker_chip_inner"></div> | |
| </div> | |
| </div> | |
| <div class="poker_chips"> | |
| <div class="black_poker_chip" id="chip_4"> | |
| <div class="black_poker_chip_inner"></div> | |
| </div> | |
| <div class="black_poker_chip" id="chip_5"> | |
| <div class="black_poker_chip_inner"></div> | |
| </div> | |
| <div class="black_poker_chip" id="chip_6"> | |
| <div class="black_poker_chip_inner"></div> | |
| </div> | |
| </div> | |
| <div class="poker_chips"> | |
| <div class="purple_poker_chip" id="chip_7"> | |
| <div class="purple_poker_chip_inner"></div> | |
| </div> | |
| <div class="purple_poker_chip" id="chip_8"> | |
| <div class="purple_poker_chip_inner"></div> | |
| </div> | |
| <div class="purple_poker_chip" id="chip_9"> | |
| <div class="purple_poker_chip_inner"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment