Touchgui/www/css/main.css

Thu, 04 Jun 2015 14:50:33 +0200

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 04 Jun 2015 14:50:33 +0200
changeset 0
e8ccd40d0ef6
permissions
-rw-r--r--

Genesis of lecture sources for Droidcon Berlin 2015 in Postbahnhof.

michael@0 1 .center{
michael@0 2 text-align: center;
michael@0 3 }
michael@0 4
michael@0 5 h1{
michael@0 6 font-style: italic;
michael@0 7 }
michael@0 8
michael@0 9 #notifier_circle{
michael@0 10 display: inline-block;
michael@0 11 margin-top: 18px;
michael@0 12 -webkit-animation-name: spin;
michael@0 13 -webkit-animation-duration: 3s;
michael@0 14 -webkit-animation-iteration-count: infinite;
michael@0 15 -webkit-animation-timing-function: linear;
michael@0 16 -moz-animation-name: spin;
michael@0 17 -moz-animation-duration: 3s;
michael@0 18 -moz-animation-iteration-count: infinite;
michael@0 19 -moz-animation-timing-function: linear;
michael@0 20 -ms-animation-name: spin;
michael@0 21 -ms-animation-duration: 3s;
michael@0 22 -ms-animation-iteration-count: infinite;
michael@0 23 -ms-animation-timing-function: linear;
michael@0 24
michael@0 25 border-radius: 50%;
michael@0 26 }
michael@0 27
michael@0 28 .green{
michael@0 29 background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #80EE9F 0%, #1BCA37 100%, #AFEAAA 95%);
michael@0 30 background-image: -webkit-radial-gradient(45px 45px, circle cover, #80EE9F, #1BCA37);
michael@0 31 background-image: radial-gradient(45px 45px 45deg, circle cover, #80EE9F 0%, #1BCA37 100%, #AFEAAA 95%);
michael@0 32 }
michael@0 33
michael@0 34 .gray{
michael@0 35 background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, rgba(182, 180, 180, 0.59) 0%, rgba(178, 190, 180, 0) 100%, black 95%);
michael@0 36 background-image: -webkit-radial-gradient(45px 45px, circle cover, rgba(182, 180, 180, 0.59), rgba(178, 190, 180, 0));
michael@0 37 background-image: radial-gradient(45px 45px 45deg, circle cover, rgba(182, 180, 180, 0.59) 0%, rgba(178, 190, 180, 0) 100%, black 95%);
michael@0 38 }
michael@0 39
michael@0 40 .redtext{
michael@0 41 color:red;
michael@0 42 }

mercurial