Team:Rutgers/css/component.project

From 2013.igem.org

(Difference between revisions)
(Created page with " - Global CSS that are applied for all screen sizes: .subjects { background: #ccc; padding: 20px 10px; color:black; } /*http://csswizardry.com/2011/02/css-powered-ribbons-...")
 
(One intermediate revision not shown)
Line 1: Line 1:
-
 
/* Global CSS that are applied for all screen sizes */
/* Global CSS that are applied for all screen sizes */
Line 46: Line 45:
.subjects h2:before {
.subjects h2:before {
     content:" ";
     content:" ";
-
     background:url(../images/ribbon-left.png);
+
     background:url(https://static.igem.org/mediawiki/2013/7/79/Ribbon-left.png);
     display:block;
     display:block;
     width:10px;
     width:10px;
Line 57: Line 56:
}
}
.subjects h1:after {
.subjects h1:after {
-
background: url(../images/ribbon-right.png);
+
background: url(https://static.igem.org/mediawiki/2013/3/33/Ribbon-right.png);
right:0;
right:0;
left:auto;
left:auto;

Latest revision as of 02:52, 28 September 2013

/* Global CSS that are applied for all screen sizes */

.subjects { background: #ccc; padding: 20px 10px; color:black; } /*http://csswizardry.com/2011/02/css-powered-ribbons-the-clean-way/*/ .subjects h1, .subjects h2 { clear:both; position:relative; color:#fff; /*background:#f43059;*/ background:#808080; ttext-shadow:0 -1px #d0284b, 0 1px #f96080; text-shadow:0 2px black; } .subjects h1{ font-size:2em; text-align:center; margin:0 -20px 30px -20px; padding:20px 0;

-moz-box-shadow:0 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 0 rgba(0,0,0,0.1); box-shadow:0 2px 0 rgba(0,0,0,0.1); } .subjects h2 {

   font-size:1.5em;
   float:left;
   clear:both;
   padding:10px 10px 10px 20px;
   margin-left:-20px;
   margin-bottom:15px;
   -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
   -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
   -o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
   box-shadow:2px 2px 0 rgba(0,0,0,0.1);

} .subjects h1:before, .subjects h1:after, .subjects h2:before {

   content:" ";
   background:url(Ribbon-left.png);
   display:block;
   width:10px;
   height:10px;
   position:absolute;
   bottom:0;
   left:0;
   margin-bottom:-10px;
   z-index:-1;

} .subjects h1:after { background: url(Ribbon-right.png); right:0; left:auto; }

p { clear:both; margin-bottom:20px; }


/* For screen bigger than 800px */ @media (min-width: 50em) {

}

/*@media (min-width: 50em) and (max-width: 61.250em) {

/* Size and font adjustments to make it fit into the screen .nav ul { font-size: 1em; }

}*/

/* The "tablet" and "mobile" version */

@media (max-width: 49.938em) {

}

/* CSS specific to the 2x3 columns version */ @media (min-width:32.5em) and (max-width: 49.938em) {

}

/* Adapting the font size and width for smaller screns*/ @media (min-width: 32.5em) and (max-width: 38.688em) {

}