Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
What's new
7
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Open sidebar
kluniversity
KL Event Management
Commits
0d257913
Commit
0d257913
authored
Mar 01, 2019
by
Phani Surya Teja Mahankali
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Upload New File
parent
da2177e8
Pipeline
#19854
passed with stage
in 13 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
350 additions
and
0 deletions
+350
-0
flask/flaskblog/static/style.css
flask/flaskblog/static/style.css
+350
-0
No files found.
flask/flaskblog/static/style.css
0 → 100644
View file @
0d257913
/* ------------------------------------ Click on login and Sign Up to changue and view the effect
---------------------------------------
*/
*
{
margin
:
0px
auto
;
padding
:
0px
;
text-align
:
center
;
font-family
:
'Open Sans'
,
sans-serif
;
background-image
:
url("bp.jpg")
;
}
.cotn_principal
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfd8dc+0,607d8b+100,b0bec5+100 */
/* IE6-9 fallback on horizontal gradient */
}
.cont_centrar
{
position
:
relative
;
float
:
left
;
width
:
100%
;
}
.cont_login
{
position
:
relative
;
width
:
640px
;
left
:
50%
;
margin-left
:
-320px
;
}
.cont_back_info
{
position
:
relative
;
float
:
left
;
width
:
640px
;
height
:
280px
;
overflow
:
hidden
;
background-color
:
#fff
;
margin-top
:
100px
;
box-shadow
:
1px
10px
30px
-10px
rgba
(
0
,
0
,
0
,
0.5
);
}
.cont_forms
{
position
:
absolute
;
overflow
:
hidden
;
top
:
100px
;
left
:
0px
;
width
:
320px
;
height
:
280px
;
background-color
:
#eee
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_forms_active_login
{
box-shadow
:
1px
10px
30px
-10px
rgba
(
0
,
0
,
0
,
0.5
);
height
:
420px
;
top
:
20px
;
left
:
0px
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_forms_active_sign_up
{
box-shadow
:
1px
10px
30px
-10px
rgba
(
0
,
0
,
0
,
0.5
);
height
:
420px
;
top
:
20px
;
left
:
320px
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_img_back_grey
{
position
:
absolute
;
width
:
950px
;
top
:
-80px
;
left
:
-116px
;
}
.cont_img_back_grey
>
img
{
width
:
100%
;
-webkit-filter
:
grayscale
(
100%
);
filter
:
grayscale
(
100%
);
opacity
:
0.2
;
animation-name
:
animar_fondo
;
animation-duration
:
20s
;
animation-timing-function
:
linear
;
animation-iteration-count
:
infinite
;
animation-direction
:
alternate
;
}
.cont_img_back_
{
position
:
absolute
;
width
:
950px
;
top
:
-80px
;
left
:
-116px
;
}
.cont_img_back_
>
img
{
width
:
100%
;
opacity
:
0.3
;
animation-name
:
animar_fondo
;
animation-duration
:
20s
;
animation-timing-function
:
linear
;
animation-iteration-count
:
infinite
;
animation-direction
:
alternate
;
}
.cont_forms_active_login
>
.cont_img_back_
{
top
:
0px
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_forms_active_sign_up
>
.cont_img_back_
{
top
:
0px
;
left
:
-435px
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_info_log_sign_up
{
position
:
absolute
;
width
:
640px
;
height
:
280px
;
top
:
100px
;
z-index
:
1
;
}
.col_md_login
{
position
:
relative
;
float
:
left
;
width
:
50%
;
}
.col_md_login
>
h2
{
font-weight
:
400
;
margin-top
:
70px
;
color
:
#757575
;
}
.col_md_login
>
p
{
font-weight
:
400
;
margin-top
:
15px
;
width
:
80%
;
color
:
#37474F
;
}
.btn_login
{
background-color
:
#26C6DA
;
border
:
none
;
padding
:
10px
;
width
:
200px
;
border-radius
:
3px
;
box-shadow
:
1px
5px
20px
-5px
rgba
(
0
,
0
,
0
,
0.4
);
color
:
#fff
;
margin-top
:
10px
;
cursor
:
pointer
;
}
.col_md_sign_up
{
position
:
relative
;
float
:
left
;
width
:
50%
;
}
.cont_ba_opcitiy
>
h2
{
font-weight
:
400
;
color
:
#fff
;
}
.cont_ba_opcitiy
>
p
{
font-weight
:
400
;
margin-top
:
15px
;
color
:
#fff
;
}
/* ----------------------------------
background text
------------------------------------
*/
.cont_ba_opcitiy
{
position
:
relative
;
background-color
:
rgba
(
120
,
144
,
156
,
0.55
);
width
:
80%
;
border-radius
:
3px
;
margin-top
:
60px
;
padding
:
15px
0px
;
}
.btn_sign_up
{
background-color
:
#ef5350
;
border
:
none
;
padding
:
10px
;
width
:
200px
;
border-radius
:
3px
;
box-shadow
:
1px
5px
20px
-5px
rgba
(
0
,
0
,
0
,
0.4
);
color
:
#fff
;
margin-top
:
10px
;
cursor
:
pointer
;
}
.cont_forms_active_sign_up
{
z-index
:
2
;
}
@-webkit-keyframes
animar_fondo
{
from
{
-webkit-transform
:
scale
(
1
)
translate
(
0px
);
-moz-transform
:
scale
(
1
)
translate
(
0px
);
-ms-transform
:
scale
(
1
)
translate
(
0px
);
-o-transform
:
scale
(
1
)
translate
(
0px
);
transform
:
scale
(
1
)
translate
(
0px
);
}
to
{
-webkit-transform
:
scale
(
1.5
)
translate
(
50px
);
-moz-transform
:
scale
(
1.5
)
translate
(
50px
);
-ms-transform
:
scale
(
1.5
)
translate
(
50px
);
-o-transform
:
scale
(
1.5
)
translate
(
50px
);
transform
:
scale
(
1.5
)
translate
(
50px
);
}
}
@-o-keyframes
identifier
{
from
{
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
);
}
to
{
-webkit-transform
:
scale
(
1.5
);
-moz-transform
:
scale
(
1.5
);
-ms-transform
:
scale
(
1.5
);
-o-transform
:
scale
(
1.5
);
transform
:
scale
(
1.5
);
}
}
@-moz-keyframes
identifier
{
from
{
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
);
}
to
{
-webkit-transform
:
scale
(
1.5
);
-moz-transform
:
scale
(
1.5
);
-ms-transform
:
scale
(
1.5
);
-o-transform
:
scale
(
1.5
);
transform
:
scale
(
1.5
);
}
}
@keyframes
identifier
{
from
{
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
);
}
to
{
-webkit-transform
:
scale
(
1.5
);
-moz-transform
:
scale
(
1.5
);
-ms-transform
:
scale
(
1.5
);
-o-transform
:
scale
(
1.5
);
transform
:
scale
(
1.5
);
}
}
.cont_form_login
{
position
:
absolute
;
opacity
:
0
;
display
:
none
;
width
:
320px
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_forms_active_login
{
z-index
:
2
;
}
.cont_forms_active_login
>
.cont_form_login
{
}
.cont_form_sign_up
{
position
:
absolute
;
width
:
320px
;
float
:
left
;
opacity
:
0
;
display
:
none
;
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
-ms-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.cont_form_sign_up
>
input
{
text-align
:
left
;
padding
:
15px
5px
;
margin-left
:
10px
;
margin-top
:
20px
;
width
:
260px
;
border
:
none
;
color
:
#757575
;
}
.cont_form_sign_up
>
h2
{
margin-top
:
50px
;
font-weight
:
400
;
color
:
#757575
;
}
.cont_form_login
>
input
{
padding
:
15px
5px
;
margin-left
:
10px
;
margin-top
:
20px
;
width
:
260px
;
border
:
none
;
text-align
:
left
;
color
:
#757575
;
}
.cont_form_login
>
h2
{
margin-top
:
110px
;
font-weight
:
400
;
color
:
#757575
;
}
.cont_form_login
>
a
,
.cont_form_sign_up
>
a
{
color
:
#757575
;
position
:
relative
;
float
:
left
;
margin
:
10px
;
margin-left
:
30px
;
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment