Nivelul2.ro Themes

Ce va place la noul site Nivelul2 și ce nu. Opinii, sugestii, critici.
Post Reply
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Nivelul2.ro Themes

Post by Cristan »

Daca ati prefera site-ul cu o tema mai intunecata, puteti sa va instalati stilul asta pentru Stylish sau sa va copiati direct codul din spoiler, cum preferati. Ar trebui sa fie mai apropiat de tema dark a forumului.

Image
Spoiler for dark style css:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nivelul2.lab501.ro") {


  /*culori*/
  /*albastru: 007faa;
  rosu: e74c3c;
  gri negru fundal: 1a1a1a;
  gri mediu: 262626; */
  
/*===Fundal Site===*/
.wrapper {
background-color: black;
}

 #wrap header h1:hover {
    background: url('https://i.imgur.com/JsEooS0.png') no-repeat 0px 25px;
  }

  #wrap header h1:hover img {
    opacity: 0;
  }
  
/*===Meniuri===*/  
 #menu {
   background: url('https://i.imgur.com/paVJ5R2.gif');
  }
  
  #menu a {
   font-weight: bold;
   font-size: 0.9em;
    transition: all 350ms ease-in-out 0s;
  }
  
  #menu  a:hover {
  color: #007faa;
  text-decoration: none;
  }
    
 #categorii {
  background: url('https://i.imgur.com/sF2POhz.png');
  color: #ccc!important;
}
  
 #categorii a:hover {
 color: #e74c3c;
 text-decoration: none;
   transition: all 350ms ease-in-out 0s;

}


/*===Continut===*/    
 #wrap {
   background: url('https://i.imgur.com/T8bR1gK.jpg') repeat !important;
   border-left: solid 10px #262626;
   border-right: solid 10px #262626;
   border-bottom: solid 10px #262626;
 }

  
#main-content {
    border-right: 2px solid #262626;
}
  
.attachment-article-thumb {
    height: 270px;
    width: 270px;
  }
  
 
.meta a {
  color: #007faa !important;
  font-size: 1.1em;
    }

p .calendar-icon {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
  }


 article .comentarii-homepage {
   margin-top: 1em;
   font-size: 0.9em;
   padding: 0.9em;
 }
 
article h1 a {
    font-size: 20px!important;
 }
  
 #articole h1 a {
    font-size: 30px;
  }
 

 article h1 a,  #articole h1 a {
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
  }
  
   article h1,  #articole h1 {
    line-height: 1em;
     margin-top: 3px!important;
   }

 p {
    margin-bottom: 1em;
   }
  
   article {
    border-bottom: 2px solid #262626;
  }
  
  article p, #articole p {
    padding-top: 5px;
    font-family: "franklin gothic", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #999!important;

  }

  #articole .tech-info {
    
    padding-bottom: 1em;
  }
  
    #articole .tech-info p {
    color: #999!important;
      border-bottom: 1px solid #e74c3c;
      padding-bottom: 1em;
  }
  
   #articole p:empty {
    display: none;
  }
  
  /*concluzie*/
  
#articole .pe_scurt p, #articole .pro-contra p {
    color: #fff!important;
  }

  
 /*imagini articole*/
  
  .single #content div.wp-caption {
    margin-bottom: 0;
}
  
  #articole .wp-caption {
    background: transparent;
    max-width: 97%;
    padding: 0;
    position: relative;

  }
 
   #articole .wp-caption-text {
     font-size: 14px;
     font-style: italic;
     font-family: Cambria, Georgia, serif;
     color: #007faa!important;
     font-weight: normal;
     position: absolute;
     right: 0;
     bottom: 2.5em;
     background: rgba(11, 11, 11, 0.9);
     padding-left: 1em;
     padding-bottom: 0.3em;
     padding-right: 1em;
   }
  
  /*====NAVIGATIE ARTICOLE====*/   
  .pagebar {
  padding-top: 1em;
  padding-bottom: 1em;
  }
  
 .pagebar .this-page{
background: #e74c3c;
  }
  
 .pagebar a:hover {
background: #e74c3c;
  }
    
 /*==================COMENTARII ARTICOLE===================*/  
  #comments_template {
clear: both;
    width: 630px;
    padding: 15px;
    background: #262626;
    font-family: Helvetica, Arial, sans-serif;
    color: #c1c1c1;
  }

  #comments_template .commentlist {
    margin-left: 0px;
    padding-left: 15px;
    background-color:#353535!important;
    
  }
  
   #comments_template p {
    color: #c1c1c1!important;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 1em!important;
   line-height: 1.3em;
  }
   
 #comments_template .fn {
   color: #c1c1c1;
   font-weight: bold;
   }
  
 #comments_template .fn .post-autor {
   color:#007faa;
   }
  
  /*titlu sectiune comentarii*/
  #comments_template .com {
    margin-left: auto;
    margin-right: auto;
  }

  
  /*niveluri replies 1-5*/
    #comments_template .commentlist .depth-1 {
    background-color:rgba(53, 53, 53, 1);
     padding-bottom: 5px;
  }
  
   #comments_template .commentlist .depth-2 {
    margin-right: 10px;
     margin-left: -10px;
     padding-bottom: 10px;
     padding-left: 10px;
    background-color:rgba(63, 63, 63, 1);
  }
  
     #comments_template .commentlist .depth-3 {
 
    margin-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color:rgba(73, 73, 73, 1);
  }
  
  #comments_template .commentlist .depth-4 {
 
    margin-right: 10px;
    background-color:rgba(83, 83, 83, 1);
     padding-bottom: 10px;
    padding-left: 10px;
  }
  
    #comments_template .commentlist .depth-5 {
 
    margin-right: 10px;
    background-color:rgba(93, 93, 93, 1);
     padding-bottom: 10px;
    padding-left: 10px;
  }
    
   .depth-1 .reply {
     border-bottom: solid 1px rgba(83, 83, 83, 1);
    }
  
  .depth-2 .reply, .depth-3 .reply, depth-4 .reply {
    border-bottom: none;
  }
  
 
  /*avatar*/
 #comments_template .avatar {
   margin-top: 5px;
 }
 
  /*caseta comentarii*/
  #respond {
   
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 5px;
}
  
 /*=================SIDEBAR=====================*/  

  #sidebar {
   background: #1a1a1a;
      color: #999;
   width: 280px;
   margin-left: 10px;
   padding-right: 15px;
   padding-left: 15px;
    }
  
  .sci-social-icons img {
    height: 40px;
    width: 40px;
  }
  
  #sidebar a {
    color: #e74c3c;
  }
  
  
  #sidebar strong {
    color: #999;
  }

    
   #sidebar em { 
    font-family: Cambria, Georgia, serif;
    font-weight: normal;
    color: #e74c3c!important;
  }
 
  
/*widgets*/  

  .widget {
    margin-bottom: 2em;
    }
  
   #rss-2 {
    padding-top: 1em;
  
     border-top: 1px solid #262626;
   }
  
  #rss-2, #rss-3 {
    /*background: #423B3A;*/
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #262626;
  padding-bottom: 1em;
    }
  
    #rss-2 li, #rss-3 li{
   font-size: 1em;
   line-height: 1.2em!important;
    margin-bottom: 0.7em!important;

    }
  
 .widgettitle {
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
   }
  
  /*subscribe*/

  #blog_subscription-2 {
    margin-top: -1em;
  }
  
  p#subscribe-text {
    font-family: Helvetica, Arial, serif;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #999!important;
   
  }
  
  #subscribe-email input {
    width: 150px !important;
  color: #999!important;
  }
  
    #subscribe-submit input {
  background: rgba(193, 193, 193, 1)!important;
  }
  
  /*format caseta donatie*/
  #paypal_donations-2 {
    background: #999;
    font-family: "comic sans ms";
    color: #1a1a1a!important;
    padding-bottom: 0;
  }
  
  #paypal_donations-2 .widgettitle {
    font-size: 16px;
    font-family: "comic sans ms"!important;
  }
  
  .donatie p {
    font-size: 10px!important;
  }
  
.widget_paypal_donations .donatie:after {
    border-bottom: none;
    border-top: none;
  border-left: none;
}
.widget_paypal_donations .donatie {
    border:none;
}
  
  
  /*recent comments*/
 /*#recent-comments-2 {display: none;}*/
    #recent-comments-2 {
     margin-top: -2em;
      padding-top: 1em;
      border-top: 1px solid #262626;
  }
  
  
  #recent-comments-2 .recentcomments {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 0.9em!important;
    line-height: 1.2em!important;
    margin-bottom: 0.7em!important;
    }
 }
Daca am gresit ceva, nu va sfiiti sa-mi dati o lectie. :)

As mai fi modificat si altele, dar inca ma chinui cu css-ul. Poate fac un update mai tarziu, eventual si alte teme.

Pareri sau sugestii pentru alte modificari?


edit 15 ian -----------------------

O alta varianta de culoare, mai deschisa:

Image

Link userstyles.org. Codul css mai jos in spoiler.
Spoiler for Maron style css:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nivelul2.lab501.ro") {

  /*culori*/
  /*albastru: 007faa;
  rosu: e74c3c;
  verde: 5e900c;
  */

 
/*===Fundal Site===*/
.wrapper {
background-color: #543F1C;
  background: url('https://i.imgur.com/vpVSgip.jpg');
}
 
 #wrap header h1 {
   float: none;
 }
 
  #wrap header h1 img{
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
    margin-top: 1em;
    
}

h1 {
  font-size: 1.5em;
}
 
/*=====================Body=====================*/   
#wrap {
   background: url('https://i.imgur.com/F9w46kM.jpg') repeat !important;
   border-left: solid 4em #322816;
   border-right: solid 4em #322816;
   border-bottom: solid 4em #322816;
 }

p {
  margin-bottom: 1em;
}
 
#main-content {
    border-right: none;
} 
 
/*========================MENIURI========================*/ 

  /*---------------meniu sus---------------*/ 

  nav {
   border-top: double 6px #553600;
   border-bottom: double 6px #553600;
   margin-bottom: 10px;
   }
 
  #menu {
   /*background: url('https://i.imgur.com/paVJ5R2.gif');*/
   background-color: #D4AE6A;
   background: url('https://i.imgur.com/AQpkaj8.gif');
   }
 

 .menu-item li {
    border-right: none;
  }
 
  #menu a {
    color: #ffe6bb;
   font-weight: bold;
   font-size: 1em;
    transition: all 350ms ease-in-out 0s;
  }
 
  #menu  a:hover {
  color: #553600;
  text-decoration: none;
  }
 
  #search {
  margin-top: -61px;
  }
 
    #search input {
    background-color: #FFE0AA;
      color: #805915;
      border-radius: 5px;
  }
 
 
  /*---------------meniu jos---------------*/ 
 
 #categorii {
   background-color: rgba(212, 174, 106, 0.5);
   border-top: solid 2px #553600;
   border-bottom: solid 2px #553600;
   margin-top: 10px;
   height: 35px;

}
 
.cat-item {
  border-right: 7px dotted #FFE0AA ;

}

.cat-item li {
  border-right: 0px dotted #FFE0AA ;
  margin-top: 0;
  line-height: 35px;
} 
 
 #categorii a {
 color: #553600;
 text-decoration: none;
   transition: all 350ms ease-in-out 0s;
}
 
#categorii a:hover {
 color: #e74c3c;
 text-decoration: none;
 transition: all 350ms ease-in-out 0s;
}


/*=====================Continut lista===========*/
 
.attachment-article-thumb {
    height: 270px;
    width: 270px;
  }
 
article h1 {
    font-family: Cambria, Georgia, serif;
    font-weight: bold;
    line-height: 1em;
     margin-top: 3px!important;
   } 

article h1 a {
    font-size: 20px!important;
 }   
 
article p {
  font-size: 1.1em!important;
  line-height: 1.2em!important;
 } 

article {
    border-bottom: 3px double #805915;
  }
 
article p {
    padding-top: 5px;
    font-family: Cambria, Georgia, serif;
    font-size: 17px;
    line-height: 1.3em;
    color: #805915!important;
}

/*===meta post===*/
.meta a {
  color: #007faa !important;
  font-size: 1.1em;
}

p .calendar-icon {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
  }

article .comentarii-homepage {
   margin-top: 1em;
   font-size: 0.9em;
   padding: 0.9em;
 }

article .comentarii-homepage a {
    font-size: 1em;
 } 
 
/*=====================Continut articol=====================*/     

/*===meta articol===*/
.single-post .social {
border-top: 1px solid #805915;
  padding-top: 0.7em;
  border-bottom: 1px solid #805915;
  margin-bottom: 1.5em;
}


.single-post .social .fb-like {
} 
 
.single-post .social .gplus {
  padding-top: 0.3em;
  float: right;
  padding-right: 0;
  text-align: right;
 }  

.single-post .social .gplus iframe {
  width: 300px!important;

}    
 
.social:after {
     content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#articole .single-thumb {
    padding-bottom: 1em;
}
 
 /*===tech info review===*/ 
 
 #articole .tech-info {
   padding-bottom: 1em;
  }
 
    #articole .tech-info p {
    color: #c05b51!important;
      border-bottom: 1px solid #c05b51;
      padding-bottom: 1em;
  }
 
/*===continut articol===*/ 
 
.single-post #articole {
    margin-left: 4em;
    margin-right: 4em;
  }
 
.single-post #content {
    margin-left: 6em;
    margin-right: 6em;
  } 
 
.single-post #articole h1 a {
   pointer-events: none;

   }
 .single-post #articole h1 {
   cursor: text;
   }
 
  .single-post #articole h1 {
  font-size: 40px;
  font-family: Cambria, Georgia, serif;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
  margin-top: 0.5em!important;
  margin-bottom: 1em!important;
   } 

  .single-post #articole #content h1, .single-post #articole #content h2 {
   font-size: 1.8em;
   margin-top: 0.5em!important;
   margin-bottom: 0.5em!important;
   color: #553600!important;
 } 

#articole p {
    padding-top: 5px;
    font-family: Cambria, Georgia, serif;
    font-size: 17px;
    line-height: 1.3em;
    color: #553600!important;
  width: 100%;

}

  #articole p iframe {
    display: block;


    margin-left: auto;
    margin-right: auto;
  }

   #articole p:empty {
    display: none;
  }
 
  /*concluzie*/
 

  .concluzie p {
    color: black!important;
  }


 /*--------------categorie review----------------*/

#main-content-category article {
  clear: none;
}
 
#main-content-category .img-art img {
    height: 180px;
    width: 180px;
  margin-right: 3em;
  }
 
 #main-content-category .intro-categorii {
   width: 83%;
 }
 
  #main-content-category .nota-categorii {
    margin-top: 0;
    line-height: 0.6em;
    min-width: 1.5em;
    text-align: center;
  }
  
 #main-content-category .comentarii-homepage {
   margin-top: 0;
 }
 
  /*--------------ascunde sidebar--------------*/

 
  .single-post #sidebar {
  display: none!important;
}
.single-post #main-content {
    width: 100%!important;
  }
 
 /*=============imagini articole==============*/

.single-post #articole img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
}   

img {
  opacity: .8 !important;
  transition: opacity .2s
}

img:hover, a:hover img {
  opacity: 1 !important
} 

  .single-post .gallery {
    margin-left: auto!important;
    margin-right: auto!important;
  } 
 
.single #content div.wp-caption {
}
 
.single-post #articole .wp-caption {
    background: transparent;
    max-width: 100%;
    padding: 0;
    position: relative;
  }
 
   #articole .wp-caption-text {
     font-size: 1.1em;
     font-style: italic;
     font-family: Cambria, Georgia, serif;
     color: #c05b51!important;
     font-weight: normal;
     margin-top: -0.5em;
     padding-bottom: 1em;
      }
 
  .slideshow-window {
   background: transparent;
    border: none;
    border-radius: 10px!important;
margin-bottom: 3em!important;
   }
  
  .slideshow-window img {
    border-radius: 10px!important;
   }
  
.slideshow-slide {

   }
  
  .slideshow-controls {
    background-color: rgba(0,0,0,0.2);
    padding-top: 0.5em;

   }

body div div.slideshow-controls a:hover {
  border: 2px solid #e74c3c!important;
}  

/*====NAVIGATIE ARTICOLE====*/  
  .pagebar {
  padding-top: 1em;
  padding-bottom: 1em;
  }
 
 .pagebar .this-page{
background: #e74c3c;
  }

.pagebar, .pagebar a {
font-size: 1em;
  } 
  
 
 .pagebar a:hover {
background: #e74c3c;
  }
   
 /*==================COMENTARII ARTICOLE===================*/ 
  #comments_template {
    clear: both;
    width: auto;
    margin-left: 4em;
    margin-right: 4em;
    padding: 1em;
    background-color: #46361c;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    color: #c1c1c1;
  }

  #comments_template .commentlist {
    margin-left: 2em;
    background-color:#4c3e29!important;
   
  }
 
   #comments_template h3 {
    color: #e74c3c!important;
  }
  
     #comments_template h3 .com-titlu {
    color: #c1c1c1;
       font-size: 0.9em;
       font-weight: normal;
  }
  
  .com {
     border-bottom: 1px solid #c1c1c1!important;
  }
  
  
  
   #comments_template p {
    color: #f5ddc1!important;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 1em!important;
   line-height: 1.3em;
  }
  
 #comments_template .fn {
   color: #c1c1c1;
   font-weight: bold;
   }
 
 #comments_template .fn .post-autor {
   color:#007faa;
   }
 
  /*titlu sectiune comentarii*/
  #comments_template .com {
    margin-left: auto;
    margin-right: auto;
  }

 
  /*niveluri replies 1-5*/
    #comments_template .commentlist .depth-1 {
    background-color: rgba(76,62,41,1);
     padding-bottom: 5px;
      margin-top: 1em;
      padding-top: 0.5em;
  }
 
.depth-1+.depth-1, .depth-2+.depth-2, .depth-3+.depth-3, .depth-4+.depth-4 {
      border-top: solid 1px #ba985d;
  }
  
#comments_template .commentlist .depth-1:first-child {
    margin-top: 0;
  }

  #comments_template .commentlist .depth-2 {
    margin-right: 10px;
    
padding: 0.5em 0.5em 1em 1em;
    background-color:rgba(84,71,51,0.8);
    border-radius: 0 0 5px 5px;
  }
 
#comments_template .commentlist .depth-3 {
    margin-right: 10px;
padding: 0.5em 0.5em 1em 1em;
    background-color:rgba(92,81,64,0.8);
  border-radius: 0 0 5px 5px;
  }
 
#comments_template .commentlist .depth-4 {
 
    margin-right: 10px;
    background-color:rgba(106,95,79,0.8);
     padding: 0.5em 0.5em 1em 1em;
  border-radius: 0 0 5px 5px;
  }
 
#comments_template .commentlist .depth-5 {
 
    margin-right: 10px;
      background-color:rgba(112,102,87,0.8);
padding: 0.5em 0.5em 1em 1em;
  border-radius: 0 0 5px 5px;
  }
   

.reply {
  margin-bottom: 0.5em;
}
  
  .reply .comment-reply-link {
  padding: 0.1em 0.4em 0.2em 0.4em;
  background-color: #ba985d;
  color: #553600;
  border-radius: 3px;
}
 
.reply span {
  display: none;
} 
 
.depth-1 .reply, .depth-2 .reply, .depth-3 .reply, depth-4 .reply {
    border-bottom: none;
  }


#comment-form-share-text-padder {
  background: yellow;
  opacity: 1;
  margin: 2em;
}  
 
/*avatar*/
 #comments_template .avatar {
   margin-top: 0.5em;
   border-radius: 3px;
 }
 
  /*caseta comentarii*/
  #respond {
   background-color: #ba985d;
    color: #553600!important;
    margin-top: 1em;
    margin-left: 0px;
    padding-left: 1em;
    padding-top: 0;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
}
 

 #respond h3 {
    color: #553600!important;
   line-height:2em!important;
   }
  


#respond #comment-form-comment textarea, #comment-form-share-text-padder textarea {
  background-color: initial!important;
}
  
  
 
 /*=================SIDEBAR=====================*/ 

  #sidebar {
   /*background: #D0BC98;*/
   background-color:rgba(127, 96, 45,0.4)!important;
   color: #553600;
   width: 280px;
   margin-left: 10px;
   padding-right: 15px;
   padding-left: 15px;
    }
 
  .sci-social-icons img {
    height: 40px;
    width: 40px;
  }
 #sidebar h2 {
   font-size: 1.2em;
 }
  #sidebar a {
    color: #e74c3c;
  }
 
 
  #sidebar strong {
    color: #553600;
    line-height: 1em;
    font-size: 1.2em;
  }

   
   #sidebar em {
    font-family: Cambria, Georgia, serif;
    font-weight: normal;
    color: #e74c3c!important;

  }
    #sidebar em a {
     font-size: 12px!important;
  }
 
/*widgets*/ 


  
  #sidebar #simple_fb_likebox-2 {
    margin-bottom: 1em;
    border-bottom: 1px solid #805915;
  }
  
    #sidebar #sci_social_widget-2 {
      padding-bottom: 1em;
    border-bottom: 1px solid #805915;
  }
  
  
  .widget {
    margin-bottom: 1em;
    }
 
   #rss-2 {
    padding-top: 1em;
      border-top: 1px solid #805915;
   }
 
  #rss-2, #rss-3 {
    /*background: #423B3A;*/
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #805915;
  padding-bottom: 1em;
    }
 
    #rss-2 li, #rss-3 li{
   font-size: 1em;
   line-height: 1.2em!important;
    margin-bottom: 0.7em!important;

    }
 
 .widgettitle {
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
   }
  
   .widgettitle a {
    text-decoration: underline;
   }
 
  /*subscribe*/

  #blog_subscription-2 {
    margin-top: 1em;
  }
 
  #subscribe-text p {
    font-family: Cambria, Georgia, serif;
    font-size:1em;
    line-height: 1.2em;
    color: #553600!important;
  
  }
 
  #subscribe-email input {
    width: 150px !important;
  color: black!important;
    border-color: #ba985d;
  }
 
    #subscribe-submit input {
      font-family: "franklin gothic", Arial, sans-serif;
    background: #ba985d!important;
      color: #553600!important;
      border: none;
      border-radius: 7px!important;
      line-height: 1.5em!important;
  }

   #subscribe-submit input:hover {
      font-family: "franklin gothic", Arial, sans-serif;
    background: #e74c3c!important;
      color: #fff!important;
      border: none;
      border-radius: 7px!important;
      line-height: 1.5em!important;
  }
  
  /*format caseta donatie*/
  #paypal_donations-2 {
    background: rgba(255,224,170,0.7);
    font-family: "comic sans ms";
    color: #553600!important;
    padding-bottom: 0;
  }
 
  #paypal_donations-2 .widgettitle {

    font-size: 16px;
    font-family: "comic sans ms"!important;
  }
 
  .donatie p {
    font-size: 10px!important;
  }
 
.widget_paypal_donations .donatie:after {
    border-bottom: none;
    border-top: none;
  border-left: none;
}
.widget_paypal_donations .donatie {
    border:none;
}
 
 
  /*recent comments*/
 /*#recent-comments-2 {display: none;}*/
    #recent-comments-2 {
     margin-top: -2em;
      padding-top: 1em;
      border-top: 1px solid #805915;
  }
 
 
  #recent-comments-2 .recentcomments {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 0.9em!important;
    line-height: 1.2em!important;
    margin-bottom: 0.7em!important;
    }

@-moz-document url("https://nivelul2.ro/despre-noi/") {
  
  h2 {
    clear: both;
  }
}
 }
Done
Out into the foggy street. Turn your collar up.
User avatar
Michilangelo
Headless Kamikaze
Posts: 330
Joined: 2 Mar 2014, 19:24

Re: Nivelul2 Dark Theme

Post by Michilangelo »

Arata super, great job :)
laur3ntziu00
Headless Kamikaze
Posts: 300
Joined: 3 Mar 2014, 16:06

Re: Nivelul2 Dark Theme

Post by laur3ntziu00 »

Îmi place foarte mult cum arată acum. GJ!
User avatar
DerangedGenius
Zergling
Posts: 203
Joined: 28 Apr 2014, 15:04

Re: Nivelul2 Dark Theme

Post by DerangedGenius »

Sort of offtopic:
A picat site-ul?!
User avatar
KiMO
Headcrab
Posts: 76
Joined: 20 May 2014, 02:20
Location: Brasov, Romania
Contact:

Re: Nivelul2 Dark Theme

Post by KiMO »

DerangedGenius » 3 Dec 2014, 23:49 wrote:Sort of offtopic:
A picat site-ul?!
Mentenanta la server. Se schimba jucariile. Site-ul ar trebui sa revina, fara probleme, in data de 6 decembrie 2014.
User avatar
KiMO
Headcrab
Posts: 76
Joined: 20 May 2014, 02:20
Location: Brasov, Romania
Contact:

Re: Nivelul2 Dark Theme

Post by KiMO »

Cristan » 1 Dec 2014, 21:52 wrote:Daca ati prefera site-ul cu o tema mai intunecata, puteti sa va instalati stilul asta pentru Stylish sau sa va copiati direct codul din spoiler, cum preferati. Ar trebui sa fie mai apropiat de tema dark a forumului.

Image
Spoiler for dark style css:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nivelul2.lab501.ro") {


  /*culori*/
  /*albastru: 007faa;
  rosu: e74c3c;
  gri negru fundal: 1a1a1a;
  gri mediu: 262626; */
  
/*===Fundal Site===*/
.wrapper {
background-color: black;
}
  
/*===Meniuri===*/  
 #menu {
   background: url('https://i.imgur.com/paVJ5R2.gif');
  }
  
  #menu a {
   font-weight: bold;
   font-size: 0.9em;
    transition: all 350ms ease-in-out 0s;
  }
  
  #menu  a:hover {
  color: #007faa;
  text-decoration: none;
  }
    
 #categorii {
  background: url('https://i.imgur.com/sF2POhz.png');
  color: #ccc!important;
}
  
 #categorii a:hover {
 color: #e74c3c;
 text-decoration: none;
   transition: all 350ms ease-in-out 0s;

}


/*===Continut===*/    
 #wrap {
   background: url('https://i.imgur.com/T8bR1gK.jpg') repeat !important;
   border-left: solid 10px #262626;
   border-right: solid 10px #262626;
   border-bottom: solid 10px #262626;
 }

  
#main-content {
    border-right: 2px solid #262626;
}
  
.attachment-article-thumb {
    height: 270px;
    width: 270px;
  }
  
 
.meta a {
  color: #007faa !important;
  font-size: 1.1em;
    }

p .calendar-icon {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
  }


 article .comentarii-homepage {
   margin-top: 1em;
   font-size: 0.9em;
   padding: 0.9em;
 }
 
article h1 a {
    font-size: 20px!important;
 }
  
 #articole h1 a {
    font-size: 30px;
  }
 

 article h1 a,  #articole h1 a {
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
  }
  
   article h1,  #articole h1 {
    line-height: 1em;
     margin-top: 3px!important;
   }

 p {
    margin-bottom: 1em;
   }
  
   article {
    border-bottom: 2px solid #262626;
  }
  
  article p, #articole p {
    padding-top: 5px;
    font-family: "franklin gothic", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #999!important;

  }

  #articole .tech-info {
    border-bottom: 1px solid #e74c3c;
    padding-bottom: 1em;
  }
 
    #articole .tech-info p {
    color: #999!important;
  }
  
   #articole p:empty {
    display: none;
  }
  
  /*concluzie*/
  
  .concluzie p {
    color: black!important;
  }
  
 /*.concluzie:before, .concluzie:after  {
   display: none;
   }
  
  .concluzie {
  background: #e74c3c;
color: white!important;
  }
   
.concluzie {
  background: #e74c3c;
color: white!important;
  }
  
  .concluzie .nota {
  background: #e74c3c;
  }
  
  .concluzie .pro-contra {
  float: none;
    margin-left: 110px;
  }*/
  
 /*imagini articole*/
  
  .single #content div.wp-caption {
    margin-bottom: 0;
}
  
  #articole .wp-caption {
    background: transparent;
    max-width: 97%;
    padding: 0;
    position: relative;

  }
 
   #articole .wp-caption-text {
     font-size: 14px;
     font-style: italic;
     font-family: Cambria, Georgia, serif;
     color: #007faa!important;
     font-weight: normal;
     position: absolute;
     right: 0;
     bottom: 2.5em;
     background: rgba(11, 11, 11, 0.9);
     padding-left: 1em;
     padding-bottom: 0.3em;
     padding-right: 1em;
   }
  
  /*====NAVIGATIE ARTICOLE====*/   
  .pagebar {
  padding-top: 1em;
  padding-bottom: 1em;
  }
  
 .pagebar .this-page{
background: #e74c3c;
  }
  
 .pagebar a:hover {
background: #e74c3c;
  }
    
 /*==================COMENTARII ARTICOLE===================*/  
  #comments_template {
    width: 630px;
    padding: 15px;
    background: #262626;
    font-family: Helvetica, Arial, sans-serif;
    color: #c1c1c1;
  }

  #comments_template .commentlist {
    margin-left: 0px;
    padding-left: 15px;
    background-color:#353535!important;
    
  }
  
   #comments_template p {
    color: #c1c1c1!important;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 1em!important;
   line-height: 1.3em;
  }
   
 #comments_template .fn {
   color: #c1c1c1;
   font-weight: bold;
   }
  
 #comments_template .fn .post-autor {
   color:#007faa;
   }
  
  /*titlu sectiune comentarii*/
  #comments_template .com {
    margin-left: auto;
    margin-right: auto;
  }

  
  /*niveluri replies 1-5*/
    #comments_template .commentlist .depth-1 {
    background-color:rgba(53, 53, 53, 1);
     padding-bottom: 5px;
  }
  
   #comments_template .commentlist .depth-2 {
    margin-right: 10px;
     margin-left: -10px;
     padding-bottom: 10px;
     padding-left: 10px;
    background-color:rgba(63, 63, 63, 1);
  }
  
     #comments_template .commentlist .depth-3 {
 
    margin-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color:rgba(73, 73, 73, 1);
  }
  
  #comments_template .commentlist .depth-4 {
 
    margin-right: 10px;
    background-color:rgba(83, 83, 83, 1);
     padding-bottom: 10px;
    padding-left: 10px;
  }
  
    #comments_template .commentlist .depth-5 {
 
    margin-right: 10px;
    background-color:rgba(93, 93, 93, 1);
     padding-bottom: 10px;
    padding-left: 10px;
  }
    
   .depth-1 .reply {
     border-bottom: solid 1px rgba(83, 83, 83, 1);
    }
  
  .depth-2 .reply, .depth-3 .reply, depth-4 .reply {
    border-bottom: none;
  }
  
 
  /*avatar*/
 #comments_template .avatar {
   margin-top: 5px;
 }
 
 /*=================SIDEBAR=====================*/  
 #sidebar {
   background: #1a1a1a;
      color: #999;
   width: 280px;
   margin-left: 10px;
   padding-right: 15px;
   padding-left: 15px;
    }
  
  .sci-social-icons img {
    height: 40px;
    width: 40px;
  }
  
  #sidebar a {
    color: #e74c3c;
  }
  
  
  #sidebar strong {
    color: #999;
  }
  
   #sidebar em { 
    font-family: Cambria, Georgia, serif;
    font-weight: normal;
    color: #e74c3c!important;
  }

/*widgets*/  
 .widget {
   margin-bottom: 10px;
   padding-bottom: 10px;
 }
  
   #rss-2 {
    padding-top: 20px;
     border-top: 1px solid #262626;
   }
  
  #rss-2, #rss-3 {
    /*background: #423B3A;*/
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #262626;
    padding-bottom: 0px;
 
   }
  
 .widgettitle {
    font-family: "franklin gothic", Arial, sans-serif;
    font-weight: normal;
   }
  
  /*subscribe*/

  p#subscribe-text {
    font-family: Helvetica, Arial, serif;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #999!important;
   
  }
  
  #subscribe-email input {
    width: 150px !important;
  color: #999!important;
  }
  
  /*format caseta donatie*/
  #paypal_donations-2 {
    background: #999;
    font-family: "comic sans ms";
    color: #1a1a1a!important;
    padding-bottom: 0;
  }
  
  #paypal_donations-2 .widgettitle {
    font-size: 16px;
    font-family: "comic sans ms"!important;
  }
  
  .donatie p {
    font-size: 10px!important;
  }
  
.widget_paypal_donations .donatie:after {
    border-bottom: none;
    border-top: none;
  border-left: none;
}
.widget_paypal_donations .donatie {
    border:none;
}
  
  
  /*ascunde recent comments*/
  #recent-comments-2 {
    display: none;
  }
 }
Daca am gresit ceva, nu va sfiiti sa-mi dati o lectie. :)

As mai fi modificat si altele, dar inca ma chinui cu css-ul. Poate fac un update mai tarziu, eventual si alte teme.

Pareri sau sugestii pentru alte modificari?
Interesant, tine-ne la curent cu ideile :)
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Re: Nivelul2 Dark Theme

Post by Cristan »

Un mic update - codul din primul post si cel de pe Stylish:
- un mic efect pe logo la mouse over;
- aranjat caseta introducere comentarii;
- reafisat widget comentarii recente;
- mici alte corectii.
Done
Out into the foggy street. Turn your collar up.
User avatar
marvas
vrășmaș mârșav
Posts: 3661
Joined: 3 Mar 2014, 01:21

Re: Nivelul2 Dark Theme

Post by marvas »

imi place tema asta intunecata, am inceput s-o folosesc. Ce ma deranjeaza e contrastul dintre culoarea textului scris la final cand se da nota. Gri pe rosu ma ameteste.
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Re: Nivelul2 Dark Theme

Post by Cristan »

Am vrut sa mai lucrez la caseta aia si am lasat-o la sfarsit, dar am uitat de tot de ea. Ma gandeam chiar sa scot nota de acolo (remember cand redactorii Level ziceau ca daca ar fi dupa ei, nu ar mai da note la jocuri?). Sa-mi fac niste timp zilele astea.
Done
Out into the foggy street. Turn your collar up.
User avatar
marvas
vrășmaș mârșav
Posts: 3661
Joined: 3 Mar 2014, 01:21

Re: Nivelul2 Dark Theme

Post by marvas »

nu care cumva s-o scoti! Trebuie pastrata integritatea informatiei.
User avatar
ola small dickie
Big Daddy
Posts: 14558
Joined: 2 Mar 2014, 19:57
Location: Malta

Re: Nivelul2 Dark Theme

Post by ola small dickie »

Cristan » Wed Dec 10, 2014 12:36 am wrote:Am vrut sa mai lucrez la caseta aia si am lasat-o la sfarsit, dar am uitat de tot de ea. Ma gandeam chiar sa scot nota de acolo (remember cand redactorii Level ziceau ca daca ar fi dupa ei, nu ar mai da note la jocuri?). Sa-mi fac niste timp zilele astea.
:lol: what? credeam ca o tema modifica aspectul unui site sau al unui software, nu si continutul
marvas » Wed Dec 10, 2014 12:43 am wrote:nu care cumva s-o scoti! Trebuie pastrata integritatea informatiei.
evidently
Currently playing: Broken Sword 5: The Serpent's Curse
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Re: Nivelul2 Dark Theme

Post by Cristan »

ola small dickie » Wed Dec 10, 2014 7:48 am wrote:
:lol: what? credeam ca o tema modifica aspectul unui site sau al unui software, nu si continutul
In principiu asa e, dar cu unele exceptii. Una dintre ele fiind ca poti sa ascuni anumite elemente din pagina. Cum ar fi sectiunea de comentarii recente din sidebar, pe care o ascunsesem in prima versiune, sau caseta cu nota (doar nota, fara textul pro si contra si restul).
marvas » Wed Dec 10, 2014 12:43 am wrote:nu care cumva s-o scoti! Trebuie pastrata integritatea informatiei.
E o chestie subiectiva, dar asta-i avantajul netului fata de revista. Aspectul e usor de modificat dupa gusturile fiecaruia. Eu pot sa-mi ascund nota, tu poti sa o vezi. :)
Done
Out into the foggy street. Turn your collar up.
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Re: Nivelul2 Dark Theme

Post by Cristan »

Am facut o alta tema, mai deschisa la culoare de data asta, mai aerisita, mai comoda pentru citit. Imaginile sunt putin transparente, puneti cursorul pe ele ca sa aiba culorile intregi.

Deocamdata nu e nicio reclama sus, asa ca mi-am permis sa fac logo-ul mai mare si sa-l centrez. O sa il modific la dimensiunea initiala cand o aparea reclama, asta daca nu folositi adblock.

Link userstyles.org. Aveti codul css in primul post, daca vreti sa-l copiati manual.

Image

Pics:
Spoiler for pics Nivelu2 Maron:
Image
Image
Image
Done
Out into the foggy street. Turn your collar up.
User avatar
Jaunty
Site Admin
Posts: 1808
Joined: 1 Mar 2014, 17:46
Contact:

Re: Nivelul2.ro Themes

Post by Jaunty »

Slavă ție! Când prind timp am să mă uit mai atent la css și poate încerc să adaug temele ca easter eggs pe site. De ex. tastezi în search box "sa fie intuneric"... :)
User avatar
ola small dickie
Big Daddy
Posts: 14558
Joined: 2 Mar 2014, 19:57
Location: Malta

Re: Nivelul2.ro Themes

Post by ola small dickie »

si cand gasesti aceste easter eggs sa se intample ca in Larry 7. Sa apara Dildo pe ecran si sa danseze incep ce se aude acest fundal sonor:

Currently playing: Broken Sword 5: The Serpent's Curse
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Re: Nivelul2 Dark Theme

Post by Cristan »

marvas » Tue Dec 09, 2014 11:07 pm wrote:imi place tema asta intunecata, am inceput s-o folosesc. Ce ma deranjeaza e contrastul dintre culoarea textului scris la final cand se da nota. Gri pe rosu ma ameteste.
Ok, am reparat-o si pe asta, uitasem. Update stylish sau copiaza codul din primul post.

@Jaunty: ai acces si la fisierele site-ului? Sau la ce te referi?
Done
Out into the foggy street. Turn your collar up.
User avatar
Jaunty
Site Admin
Posts: 1808
Joined: 1 Mar 2014, 17:46
Contact:

Re: Nivelul2.ro Themes

Post by Jaunty »

Easter egg deployed. Nu mai aveți nevoie de Stylish, acum temele lui Cristan pot fi încărcate scriind comenzi divine in search box pe http://nivelul2.lab501.ro. Cu ` sau ~ in față, fiindcă-mi aduce aminte de Quake. Yeah, baby!
`sa fie intuneric
`sa fie maro(n)
`sa fie lumina


@Cristan: Am user pe Wordpress-ul lor.
Am urcat temele tale aici:
niveludoi/themes/cristan_dark/cristan_dark.css
niveludoi/themes/cristan_maron/cristan_maron.css
Cu mici modificări: le-am facut auto-indent si am pus imaginile in acelasi folder, ca sa nu mai fie nevoie de request-uri third-party. Să-mi zici daca le mai modifici.
User avatar
TG
Dremora Lord
Posts: 4947
Joined: 1 Mar 2014, 20:08
Contact:

Re: Nivelul2.ro Themes

Post by TG »

Nice one. :)
"Screams of a billion murdered stars give life to the night's peace. While we cling in desperation to the few spinning stones we call worlds."

Image
User avatar
Cristan
Dremora Lord
Posts: 3696
Joined: 2 Mar 2014, 16:16
Contact:

Re: Nivelul2.ro Themes

Post by Cristan »

Very nice indeed! Sunt curios cum o sa arate in alte browsere, le-am testat doar in Firefox si putin in Chrome. Deh, Stylish.

Also, inb4 "looks shitty" (pt ca e mult maro, v-ati prins? desigur ca v-ati prins) :)

Jaunty, te anunt daca mai schimb ceva.
Done
Out into the foggy street. Turn your collar up.
User avatar
caleb
Pig Cop
Posts: 854
Joined: 25 Mar 2014, 17:03

Re: Nivelul2.ro Themes

Post by caleb »

Jaunty » 7 Feb 2015, 11:30 wrote:Easter egg deployed. Nu mai aveți nevoie de Stylish, acum temele lui Cristan pot fi încărcate scriind comenzi divine in search box pe http://nivelul2.lab501.ro. Cu ` sau ~ in față, fiindcă-mi aduce aminte de Quake. Yeah, baby!
`sa fie intuneric
`sa fie maro(n)
`sa fie lumina


@Cristan: Am user pe Wordpress-ul lor.
Am urcat temele tale aici:
niveludoi/themes/cristan_dark/cristan_dark.css
niveludoi/themes/cristan_maron/cristan_maron.css
Cu mici modificări: le-am facut auto-indent si am pus imaginile in acelasi folder, ca sa nu mai fie nevoie de request-uri third-party. Să-mi zici daca le mai modifici.
Epic :) Frumos lucrat.
Post Reply

Return to “Sugestii Nivelul2.ro”

Who is online

Users browsing this forum: No registered users and 7 guests