Glee RPG

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Glee RPG

Mensagem por Funebribus em 24th Fevereiro 2015, 20:41

Código:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto" /><style>#sidebox {width: 140px; height: 160px; padding: 20px; background-color: #0a0a0a;}.sidewrite {text-align: center; color: #fff; font-size: 50px; text-transform: uppercase; font-family: oswald; line-height: 95%; font-weight: bold; text-shadow: 1px 1px 0px #121212;}#effect {position: relative; overflow: hidden; width: 750px; height: 200px;}#effect .grid {width: 750px; height: 200px; transform: scale(1.0,1.0); -moz-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0); -o-transform: scale(1.0,1.0); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
#effect:hover .grid {transform: scale(1.12,1.12); -moz-transform: scale(1.12,1.12); -webkit-transform: scale(1.12,1.12); -ms-transform: scale(1.12,1.12); -o-transform: scale(1.12,1.12);}
#effect .bground {width: 750px; height: 200px; opacity: 0.0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; background-color: rgba(0,0,0,0.5);}
#effect:hover .bground {opacity: 1.0;}
#effect .boxx {width: 600px; height: 120px; margin-left: 62px; margin-bottom: -50px; margin-top: 0px;transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; border: 1px solid #fff; background-color: transparent; position: center; left: 150px; top:200px;padding: 10px; z-index: 5;}
#effect:hover .boxx {ransform: scale(1.0,1.0); -moz-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0); -o-transform: scale(1.0,1.0);}
#effect .boxxx {opacity: 1.0; font-family: oswald; text-transform: uppercase; position: absolute; bottom: 30px; left: 51px; background-color: #fff; padding: 5px; font-size: 13px; text-align: center; font-style: italic; width: 640px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
#effect:hover .boxxx {opacity: 0.0;}
.boxx2 {width: 640px; height: 120px; overflow: auto; padding-right: 10px;}
.boxx2 a {background-color: #00a599; display: block; padding: 3px; text-align: center; color: #fff; font-size: 6.5px; letter-spacing: 1px; text-transform: uppercase; font-family: roboto; margin-bottom: 2px;}
.boxx2 a:hover {background-color: #004153;}
.gal-write {background-color: #fff; border: 10px solid #fff; overflow: auto; padding-right: 10px; text-align: justify; color: #121212; font-family: calibri, sans-serif; font-size: 10px; line-height: 90%; width: 570px; height: 100px;}
.bg13{width:235px;160px;background-image: url(http://i.imgur.com/p04OrL1.png);}
.mini-title {font-family: oswald; text-transform: uppercase; font-size: 15px; color: #00a599; text-align: center; font-style: italic;}
.arch a {display: inline-block;}
</style>
   <center>
                                                                                                                               
      <table>
                                                                                                                                  
         <tbody>
                                                                                                                                     
            <tr>
                                                                                                                                        
               <td>
                                                                                                                                           
                  <div style="margin-left: -4px;" id="sidebox">
                                                                                                                                              
                     <div style="margin-top: 5px;" class="sidewrite">
                                                                                      Wel<br />come                                                           
                     </div>
                                                                                                                                              
                  </div>
                                                                                                                                           
               </td>
                                                                                                                                      
               <td>
                                                                                                                                           
                  <div id="effect">
                                                                                                                                              
                     <div style="background-image: url(http://i.imgur.com/p04OrL1.png);" class="grid">
                                                                                                                                               
                        <div class="bground">
                                                                                   <br /> <br />                                                                   
                           <div class="boxx">
                                                                                                                                                       
                              <div class="boxx2">
                                                                                                                                                          
                                 <div class="gal-write">
                                        <strong> </strong>     
                                    <div align="center">
                                             PART I --FALL FOR THE GLORY<strong></strong>     
                                    </div><strong></strong>Há cerca de 97 anos, uma gigantesca guerra nuclear devastou vida de nosso planeta. A terra não era mais habitável. Doze distintas nações enviaram uma pequena parcela da população ao espaço, e dessas doze estações espaciais nasceu a ARCA. Estamos aqui há três gerações e nenhum de nós respirou ar de verdade, sentiu o sol no rosto ou pisou em terra firme - os que puderem desfrutar dessas sensações já estão mortos. A ARCA é a nossa nova terra, nossa casa, e está morrendo. Nossa população hoje se resume a um número de 2.500 pessoas divididas entre o conselho, a guarda, os civis, e os criminosos.  Desde que a ARCA nasceu, todo e qualquer crime é pago com a vida. Só há uma chance de se livrar da morte imediata: não ter completado 18 anos. Nós estamos trancados aqui por qualquer transgressão de lei, por menor que seja ela. Somos criminosos. Todas as vezes que aquelas portas de ferro se abrem, rezamos para que ainda não seja o dia. 100 de nós foram enviados à Terra, em uma missão suicida, a fim de descobrir se a Terra é novamente habitável ou não. Não sabemos nada. Não há leis, não há nada. A nossa única certeza é: precisamos continuar vivos. Caímos do céu para morte ou para glória.     
                                    <div align="center">
                                             [...] <strong>"A Terra é habitável. Nossa Terra, nossas leis." </strong>     
                                    </div>
                                                                                                                         
                                 </div>
                                                                                                  
                              </div>
                                                                                                                                                       
                           </div>
                                                                                                                                                    
                        </div>
                                                                                                                                                 
                     </div>
                                                                                                                                              
                     <div class="boxxx">
                                                                                      welcome, Convidado  !                                                         
                     </div>
                                                                                                                                              
                  </div>
                                                                                                                                           
               </td>
                                                                                                                                            
            </tr>
                                                                                                                                     
         </tbody>
                                                                                                                                  
      </table>
   </center>



I'm waking up, I feel it in my bones. Enough to make my systems blow. Welcome to the new age, to the new age. Whoa, whoa, I'm radioactive, radioactive.
------------ ▼
Administradores
Mensagens :
320

Data de inscrição :
06/04/2014

Voltar ao Topo Ir em baixo

Re: Glee RPG

Mensagem por Funebribus em 6th Março 2015, 22:36

Código:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway" /><style>
.welcomenome {width: 313px; height: 160px; padding: 20px; background-color: #000; position: relative; overflow: hidden;}
.welcom {text-align: center; color: #fff; font-size: 38px; text-transform: uppercase; font-family: oswald; line-height: 100%; font-weight: bold; text-shadow: 1px 1px 0px #121212; margin-top: 20px;}
#effect {position: relative; overflow: hidden; width: 600px; height: 200px;margin-left: -1px;}
#effect .bground {width: 750px; height: 200px; margin-right: -200px; background-color: rgba(0,0,0,0.2);}
#effect .bground2 {width: 750px; height: 200px; margin-right: -200px; background-color:#460000;}
#effect .boxx {width: 500px; height: 160px; margin-left: 32px; margin-bottom: -50px; margin-top: -20px; background-color: transparent; position: center; left: 150px; top:200px;padding: 10px;}
.gal-write {background-color: #fff; border: 30px solid #fff; overflow: auto; text-align: justify; color: #121212; font-family: Raleway, sans-serif; font-size: 10px; line-height: 90%; width: 460px; height: 100px;}
.aparecer {-webkit-transition: opacity 0.6s linear; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -webkit-transition-duration: 1s; !important; opacity: 0.0;}
.aparecer:hover {-webkit-transition: opacity 0.6s linear; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -webkit-transition-duration: 1s; !important; opacity: 1.0;}
.cfsdesclink, .cfsdesclink a {margin-top: 1px;background-color: transparent;padding: 1px;width: 100px;font-family: oswald;font-size: 28px;text-transform: uppercase;text-align: center;color: #fff;padding: 5px; margin-left: 50px;}
</style> 
<center>
              
   <div class="aparecer">
                 
      <div style="margin-top: -223px; margin-left: -18px;">
                                                                                                                                                      
         <table>
                                                                                                                                                         
            <tbody>
                                                                                                                                                            
               <tr>
                                                                                                                                                               
                  <td>
                                
                     <div id="effect">
                                                                                                                                                                   
                        <div class="bground">
                                                                                             <br /> <br />                                                                             
                           <div class="boxx">
                                                                                                                                                                           
                              <div class="boxx2">
                                                                                                                                                                              
                                 <div class="gal-write">
                                                  <strong> </strong>               
                                    <div align="center">
                                                          
                                       <div style="height: 8px;  background: transparent; font-family: Raleway; font-size: 9px; color: #000; line-height: 11px; text-align: justify; text-transform: uppercase; letter-spacing: 3px;  border-bottom: 1px solid #aaaaaa; padding-bottom: 4px;">
                                                   
                                          <div align="center">
                                                   TRUTH ABOUT LOVE   
                                          </div>
                                                   
                                       </div>
                                                          
                                    </div><br /><strong></strong>Depois do dia dos namorados e da estreia de “Fifty Shades of Grey” um surto de hormônios e sexualidade promíscua atinge os alunos do William McKinley, causando diversos pedidos de namorado e, pasme, casamentos. Quando alguns casais se propõem em frente ao Glee Club, William demostra a sua preocupação com os alunos e diz que eles podem estar cometendo o pior erro da vida deles, e então, como sempre, a partir dos alunos, ele consegue uma nova tarefa semanal “Love vs. Reason”.  Sue continua com sua agenda para tentar derrubas as Cheerleaders da Carmel High, porém, apenas aumenta o orçamento das garotas após flertar com o superentendente das escolas de Ohio.  Kitty, mesmo apesar de todas as suas convicções maldosas começa a demonstrar preocupação sobre o Glee Club estar perdendo semanas de ensaio com tarefas “inúteis” e decide se preparar sozinha, sem o grupo. Enquanto isso, os Warblers estão utilizando Marley como sua nova arma secreta para as competições, e Shelby Corcoran, no Vocal Adrenaline, dá tudo de si para o coral. Será que o New Directions vai perder por falta de treino? Esses casamentos vão para frente? É isso que você vai descobrir em GLEE!                                                                                                   
                                 </div>
                                                                                                                      
                              </div>
                                                                                                                                                                           
                           </div>
                                                                                                                                                                        
                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                         
                     </div>
                                                                                                                                                                                                                                                                                                  
                  </td>
                                                                                                                                                             
                  <td>
                                                                                                                                                                  
                     <div style="margin-left: -4px;">
                                   
                        <div class="welcomenome">
                                                                                                                                                                        
                           <div class="welcom">
                                                                                                      <em>Welcome,</em><br />{USERNAME}!                                                                                                                                       
                           </div>
                                      
                        </div>
                                   
                     </div>
                                                                                                                                                                  
                  </td>
                                                                                                                                                                   
               </tr>
                                                                                                                                                            
            </tbody>
                                                                                                                                                         
         </table>
                          
      </div>
                 
   </div>
</center>
<center>
            
   <div style="margin-top: -3px; margin-left: -18px;">
               
      <table>
                                                                                                                                                      
         <tbody>
                                                                                                                                                         
            <tr>
                                                                                                                                                            
               <td>
                             
                  <div style="margin-left: -4px;">
                                
                     <div class="welcomenome">
                                                                                                                                                                     
                        <div class="cfsdesclink">
                                   <a href="/link">Rules</a>       
                        </div>
                                     
                        <div class="cfsdesclink">
                                   <a href="/link">Plots!</a>       
                        </div>
                                     
                        <div class="cfsdesclink">
                                   <a href="/link">Canons</a>       
                        </div>
                                     
                        <div class="cfsdesclink">
                                   <a href="/link">Avatars</a>       
                        </div>
                                     
                        <div class="cfsdesclink">
                                   <a href="/link">Groups</a>       
                        </div>
                                   
                     </div>
                                
                  </div>
                                                                                                                                                                                                                                                                                               
               </td>
                                                                                                                                                          
               <td>
                                                                                                                                                                     
                  <div id="effect">
                                                                                                                                                                
                     <div class="bground2">
                                                                                          <br /> <br />                                                                             
                        <div class="boxx">
                                                                                                                                                                        
                           <div class="boxx2">
                                                                                                                                                                           
                              <div class="gal-write">
                                               <strong> </strong>               
                                 <div align="center">
                                                       
                                    <div style="height: 8px;  background: transparent; font-family: Raleway; font-size: 9px; color: #000; line-height: 11px; text-align: justify; text-transform: uppercase; letter-spacing: 3px;  border-bottom: 1px solid #aaaaaa; padding-bottom: 4px;">
                                                
                                       <div align="center">
                                                COMING SOON!   
                                       </div>
                                                
                                    </div>
                                                       
                                 </div><br /><strong></strong> 
                                 <center>
                                      <img src="http://1.bp.blogspot.com/-zfu13mjz1bs/U1_Hf7JawxI/AAAAAAAABM8/wUStf9RIsag/s1600/4805475817181134.gif" style="width: 100px; height: 100px;" /> 
                                 </center>
                                                                                                    
                              </div>
                                                                                                                   
                           </div>
                                                                                                                                                                        
                        </div>
                                                                                                                                                                     
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                                                      
                  </div>
                                                                                                                                                       
               </td>
                                                                                                                                                                
            </tr>
                                                                                                                                                         
         </tbody>
                                                                                                                                                      
      </table>
               
   </div>
</center>



I'm waking up, I feel it in my bones. Enough to make my systems blow. Welcome to the new age, to the new age. Whoa, whoa, I'm radioactive, radioactive.
------------ ▼
Administradores
Mensagens :
320

Data de inscrição :
06/04/2014

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum