Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- background-color: black;
- }
- #main
- {
- /* Rand */
- border:2px solid #00FF00;
- position: absolute;
- /* Rand-Radius */
- border-radius: 10px;
- /* Position */
- top: 50%;
- left: 50%;
- /* Größe */
- height: 200px;
- width: 400px;
- /* Die Hälfte der Höhe */
- margin-top: -100px;
- /* Die Hälfte der Breite */
- margin-left: -200px;
- /* Misc ... */
- background-color: black;
- text-align: center;
- /* Rand-Schatten */
- box-shadow: 0px 0px 10px #00FF00;
- }
- #main:hover
- {
- /* Rand-Farbe */
- border-color: #00FF00;
- /* Rand-Schatten */
- box-shadow: 0px 0px 30px #00FF00;
- }
- /* Steuerelemente */
- input[type="text"], input[type="password"]
- {
- /* Rand */
- border: 2px solid #00FF00;
- /* Rand-Radius */
- border-radius: 10px;
- /* Größe */
- height: 25px;
- width: 225px;
- /* Schriftart */
- font-family: Segoe UI;
- /* Misc ... */
- color: #00FF00;
- background-color: black;
- text-align: center;
- /* Schrift-Schatten */
- text-shadow: 0px 0px 5px #00FF00;
- }
- input[type="text"]:focus, input[type="password"]:focus
- {
- /* Rand-Farbe */
- border-color: #00FF00;
- /* Rand-Schatten */
- box-shadow: 0px 0px 10px #00FF00;
- }
- p
- {
- /* Schirftart */
- font-family: Segoe UI;
- /* Schriftgröße */
- font-size: 15px;
- /* Misc ... */
- text-align: center;
- color: #00FF00;
- /* Schrift-Schatten */
- text-shadow: 0px 0px 2.5px #00FF00;
- }
- button[type="submit"]
- {
- /* Rand */
- border: 2px solid #00FF00;
- /* Rand-Radius */
- border-radius: 10px;
- /* Größe */
- height: 25px;
- width: 100px;
- /* Schriftart */
- font-family: Segoe UI;
- /* Misc ... */
- color: #00FF00;
- background-color: black;
- text-align: center;
- /* Schrift-Schatten */
- box-shadow: 0px 0px 2.5px #00FF00;
- }
- button[type="submit"]:hover
- {
- /* Rand-Farbe */
- border-color: #00FF00;
- /* Schrift-Schatten */
- box-shadow: 0px 0px 8px #00FF00;
- }
- p:hover
- {
- /* Rand-Farbe */
- border-color: #00FF00;
- /* Schrift-Schatten */
- text-shadow: 0px 0px 10px #00FF00;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement