Team:Brasil-SP/stylesheetbramorska

From 2014.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
/* WIKI HACKS - START */
+
<nowiki>Insert non-formatted text here</nowiki>/* WIKI HACKS - START */
 +
 
 +
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
#quadradinho.dashed {
#quadradinho.dashed {
Line 32: Line 34:
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, #footer-box{
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, #footer-box{
     display:none;
     display:none;
-
    }
+
}
-
#top-section{
+
#nav_initial{
-
    border: none;
+
        display: table;
-
    padding: 0px;
+
        margin: 0 auto;
-
    margin: 0 auto;
+
-
    width: 965px;
+
-
    height: 0px;
+
-
    }
+
-
 
+
-
#content{
+
-
    border: none;
+
-
    }
+
-
 
+
-
/***** Menu Bar Hacks - START *****/
+
-
 
+
-
/*
+
-
.left-menu:last-child{
+
-
    display: none;
+
-
    }
+
-
 
+
-
 
+
-
#menubar > ul > li:last-child {
+
-
    display: none;
+
-
    }
+
-
*/
+
-
 
+
-
#menubar{
+
-
    width: auto;
+
-
    font-size: 75%;
+
-
    }
+
-
 
+
-
#menubar li a{
+
-
    background-color: transparent;
+
-
    color: transparent;
+
-
    }
+
-
 
+
-
#menubar:hover li a{
+
-
    background-color: black;
+
-
    color: white;
+
-
    }
+
-
 
+
-
#nav_initial
+
-
{
+
margin-top:20px;
margin-top:20px;
          
          
}
}
-
#nav_initial ul
+
#nav_initial ul{
-
{
+
        display: block;
list-style:none;
list-style:none;
position:relative;
position:relative;
-
float:left;
+
margin: 0 auto;
-
  right:-15%;
+
padding:0;
-
margin:0;
+
-
padding:0
+
}
}
Line 127: Line 88:
left:0;
left:0;
background:#fff;
background:#fff;
-
padding:0
+
padding:0;
 +
 
 +
box-shadow: 0 5px 10px rgba(0,0,0, 0.2);
 +
border-radius: 10px;
 +
border-top-left-radius: 0;
}
}
#nav_initial ul ul li
#nav_initial ul ul li
{
{
-
float:none;
+
float:left;
-
width:200px
+
width:200px;
}
}
Line 150: Line 115:
#nav_initial ul li:hover > ul
#nav_initial ul li:hover > ul
{
{
-
display:block
+
display:block;
 +
        float:left;
 +
width:200px;
}
}
 +
 +
#top-section{
 +
    border: none;
 +
    padding: 0px;
 +
    margin: 0 auto;
 +
    width: 965px;
 +
    height: 0px;
 +
    }
 +
 +
#content{
 +
    border: none;
 +
    }
 +
 +
/***** Menu Bar Hacks - START *****/
 +
 +
/*
 +
.left-menu:last-child{
 +
    display: none;
 +
    }
 +
 +
 +
#menubar > ul > li:last-child {
 +
    display: none;
 +
    }
 +
*/
 +
 +
#menubar{
 +
    width: auto;
 +
    font-size: 75%;
 +
    }
 +
 +
#menubar li a{
 +
    background-color: transparent;
 +
    color: transparent;
 +
    }
 +
 +
#menubar:hover li a{
 +
    background-color: black;
 +
    color: white;
 +
    }
 +
/***** Menu Bar Hacks - END *****/
/***** Menu Bar Hacks - END *****/
Line 160: Line 168:
     background-image: url("https://static.igem.org/mediawiki/2014/c/cd/Fundomaisclaro.png");
     background-image: url("https://static.igem.org/mediawiki/2014/c/cd/Fundomaisclaro.png");
     padding: 10px 0px 20px 0px;
     padding: 10px 0px 20px 0px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 1.2em;
 +
    line-height: 1.2em;
     }
     }
 +
 +
#innercontent h1, h2, h3, h4, h5, h6{
 +
    border-bottom: none;
 +
    text-align: center;
 +
}
 +
 +
#innercontent h2 {
 +
    line-height: 1.5em;
 +
}
.centering {
.centering {
     margin: 0 auto;
     margin: 0 auto;
-
     width: 1200px;
+
     width: 1000px;
     background-color: transparent;
     background-color: transparent;
     }
     }
Line 170: Line 190:
.whitebox {
.whitebox {
     display: table;
     display: table;
-
     margin: 15px auto auto auto;
+
     margin: 15px auto 30px auto;
     background-color: white;
     background-color: white;
-
     width: 1250px;
+
     width: 1059px;
     padding: 10px 10px 10px 10px;
     padding: 10px 10px 10px 10px;
     border-top:solid 5px #fff;
     border-top:solid 5px #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
    border-radius: 20px;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
     }
     }

Latest revision as of 23:23, 17 October 2014

Insert non-formatted text here/* WIKI HACKS - START */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

  1. quadradinho.dashed {
   border-style: dashed;
   }
  1. quadradinho:hover {
   border:2px; #d7ccea;
   border-style: dashed;
   }


  1. toc{
   display: none;
   }
  1. content, #globalWrapper {
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;
   }
  1. bodyContent{
   width: auto;
   height: auto;
   border-left-color: transparent;
   border-right-color: transparent;
   margin: 10px 0px 0px 0px;
   }
  1. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, #footer-box{
   display:none;

}

  1. nav_initial{
       display: table;
       margin: 0 auto;

margin-top:20px;

}

  1. nav_initial ul{
       display: block;

list-style:none; position:relative; margin: 0 auto; padding:0; }

  1. nav_initial ul a

{ display:block; color:#333; text-decoration:none; font-weight:700; font-size:12px; line-height:32px; padding:0 15px; font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif }

  1. nav_initial ul li

{ position:relative; float:left; margin:0; padding:0 }

  1. nav_initial ul li.current-menu-item

{ background:#ffffff }

  1. nav_initial ul li:hover

{ background:#d7ccea }

  1. nav_initial ul ul

{ display:none; position:absolute; top:100%; left:0; background:#fff; padding:0;

box-shadow: 0 5px 10px rgba(0,0,0, 0.2); border-radius: 10px; border-top-left-radius: 0; }

  1. nav_initial ul ul li

{ float:left; width:200px; }

  1. nav_initial ul ul a

{ line-height:120%; padding:10px 15px }

  1. nav_initial ul ul ul

{ top:0; left:100% }

  1. nav_initial ul li:hover > ul

{ display:block;

       float:left;

width:200px; }

  1. top-section{
   border: none;
   padding: 0px;
   margin: 0 auto;
   width: 965px;
   height: 0px;
   }
  1. content{
   border: none;
   }

/***** Menu Bar Hacks - START *****/

/* .left-menu:last-child{

   display: none;
   }


  1. menubar > ul > li:last-child {
   display: none;
   }
  • /
  1. menubar{
   width: auto;
   font-size: 75%;
   }
  1. menubar li a{
   background-color: transparent;
   color: transparent;
   }
  1. menubar:hover li a{
   background-color: black;
   color: white;
   }


/***** Menu Bar Hacks - END *****/

/* WIKI HACKS END */

  1. innercontent{
   background-image: url("Fundomaisclaro.png");
   padding: 10px 0px 20px 0px;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.2em;
   line-height: 1.2em;
   }
  1. innercontent h1, h2, h3, h4, h5, h6{
   border-bottom: none;
   text-align: center;

}

  1. innercontent h2 {
   line-height: 1.5em;

}

.centering {

   margin: 0 auto;
   width: 1000px;
   background-color: transparent;
   }

.whitebox {

   display: table;
   margin: 15px auto 30px auto;
   background-color: white;
   width: 1059px;
   padding: 10px 10px 10px 10px;
   border-top:solid 5px #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   border-radius: 20px;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   }

/* Footer */

  1. footer-panel {
   background: #333333;
   border-top: 1px solid #D9D9D9;
   }

table.foottable{

   margin: 15px 5px 15px 5px;
   font-family: sans-serif;
   font-weight: normal;
   font-size: 12px;
   background-color: transparent;
   text-align: center;
   border: none;
   rules: none;
   width: 250px;
   }

.foottable p{

   font-family: sans-serif;
   font-weight: normal;
   font-size: 19px;
   color: #999999;
   text-align: center;
   width: 250px;
   }

.foottable a{

   color: #CCC;
   }
  1. cc{
   top: 20px;
   float: left;
   margin-bottom: 40px;
   padding: 10px;
   position: relative;
   width: 35%;
   height: 35%;
   }
  1. wikimedia{
   top: 20px;
   float: right;
   margin-bottom: 40px;
   padding: 10px;
   position: relative;
   width: 35%;
   height: 35%;
   }

/* End of Footer */