Team:Freiburg Software/css boxes
From 2010.igem.org
(Difference between revisions)
(51 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
background: #666666; | background: #666666; | ||
} | } | ||
+ | |||
+ | /* Box User */ | ||
+ | |||
+ | .box_robot { | ||
+ | margin: 0px 20px 250px 15px; | ||
+ | width: 200px; | ||
+ | height: 215px; | ||
+ | float: right; | ||
+ | background: #777777; | ||
+ | border: 3px groove #777777; | ||
+ | } | ||
+ | |||
/* Box guide */ | /* Box guide */ | ||
- | .box_guide { | + | .box_guide a { |
float: left; | float: left; | ||
- | width: | + | width: 750px; |
margin: 10px 5px 10px 5px; | margin: 10px 5px 10px 5px; | ||
- | height: | + | height: 120px; |
background: #777777; | background: #777777; | ||
border: 3px groove #777777; | border: 3px groove #777777; | ||
+ | } | ||
+ | .box_guide a:hover { | ||
+ | background: #888888; | ||
+ | border: 3px groove #888888; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .pic_text_right { | ||
+ | margin: 5px 20px 5px 15px; | ||
+ | float: right; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .pic_text_center { | ||
+ | margin: 5px 15px 5px 15px; | ||
+ | align: center; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .pic_text_left { | ||
+ | margin: 5px 15px 5px 20px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
} | } | ||
Line 30: | Line 63: | ||
height: 150px; | height: 150px; | ||
float: left; | float: left; | ||
- | |||
} | } | ||
Line 38: | Line 70: | ||
#color_blue a:hover { | #color_blue a:hover { | ||
border: 1px inset blue; | border: 1px inset blue; | ||
+ | text-decoration: none; | ||
} | } | ||
#color_red a { | #color_red a { | ||
Line 44: | Line 77: | ||
#color_red a:hover { | #color_red a:hover { | ||
border: 1px inset red; | border: 1px inset red; | ||
+ | text-decoration: none; | ||
} | } | ||
#color_yellow a { | #color_yellow a { | ||
Line 50: | Line 84: | ||
#color_yellow a:hover { | #color_yellow a:hover { | ||
border: 1px inset yellow; | border: 1px inset yellow; | ||
+ | text-decoration: none; | ||
} | } | ||
#color_green a { | #color_green a { | ||
Line 56: | Line 91: | ||
#color_green a:hover { | #color_green a:hover { | ||
border: 1px inset green; | border: 1px inset green; | ||
+ | text-decoration: none; | ||
} | } | ||
+ | |||
+ | /* Box Team */ | ||
+ | |||
+ | .box_team a { | ||
+ | margin: 20px 20px 20px 30px; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | float: left; | ||
+ | background: #777777; | ||
+ | border: 2px groove #777777; | ||
+ | } | ||
+ | .box_team a:hover { | ||
+ | border: 2px inset #777777; | ||
+ | background-color: #888888; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .box_team_750 { | ||
+ | margin: 15px 15px 5px 15px; | ||
+ | width: 750px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | background: #777777; | ||
+ | border: 3px groove #777777; | ||
+ | } | ||
+ | |||
+ | .team_description { | ||
+ | margin: 15px 0px 15px 0px; | ||
+ | width: 500px; | ||
+ | height: auto; | ||
+ | border: none; | ||
+ | background: transparent; | ||
+ | float: left; | ||
+ | vertical-align: top; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .picasa { | ||
+ | width: 600px; | ||
+ | height: 400px; | ||
+ | margin: 20px 20px 20px 90px; | ||
+ | } | ||
+ | |||
+ | /* Box Developer */ | ||
+ | |||
+ | .box_code { | ||
+ | margin: 10px 50px 10px 25px; | ||
+ | background: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .box_standard a { | ||
+ | float: left; | ||
+ | width: 370px; | ||
+ | margin: 10px 5px 10px 5px; | ||
+ | height: 300px; | ||
+ | background: #777777; | ||
+ | border: 3px groove #777777; | ||
+ | } | ||
+ | .box_standard a:hover { | ||
+ | background: #888888; | ||
+ | border: 3px groove #888888; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 22:05, 27 October 2010