Skip to content
Projeler
Gruplar
Parçacıklar
Yardım
Yükleniyor...
Oturum aç / Kaydol
Gezinmeyi değiştir
M
mangala-pardusacikhack
Proje
Proje
Ayrıntılar
Etkinlik
Cycle Analytics
Depo (repository)
Depo (repository)
Dosyalar
Kayıtlar (commit)
Dallar (branch)
Etiketler
Katkıda bulunanlar
Grafik
Karşılaştır
Grafikler
Konular (issue)
0
Konular (issue)
0
Liste
Pano
Etiketler
Kilometre Taşları
Birleştirme (merge) Talepleri
0
Birleştirme (merge) Talepleri
0
CI / CD
CI / CD
İş akışları (pipeline)
İşler
Zamanlamalar
Grafikler
Paketler
Paketler
Wiki
Wiki
Parçacıklar
Parçacıklar
Üyeler
Üyeler
Collapse sidebar
Close sidebar
Etkinlik
Grafik
Grafikler
Yeni bir konu (issue) oluştur
İşler
Kayıtlar (commit)
Konu (issue) Panoları
Kenar çubuğunu aç
Tuğba Fıçıcı
mangala-pardusacikhack
Commits
3bc6402e
Kaydet (Commit)
3bc6402e
authored
May 06, 2021
tarafından
Tuğba Fıçıcı
Dosyalara gözat
Seçenekler
Dosyalara Gözat
İndir
Eposta Yamaları
Sade Fark
Oda overlayi eklendi
üst
9f3ffde1
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
150 additions
and
4 deletions
+150
-4
gameArea.css
assets/gameArea.css
+126
-2
gameArea.html
pages/gameArea.html
+24
-2
No files found.
assets/gameArea.css
Dosyayı görüntüle @
3bc6402e
...
...
@@ -61,13 +61,58 @@
left
:
0
;
right
:
0
;
bottom
:
0
;
background-color
:
rgba
(
0
,
0
,
0
,
0.5
);
background-color
:
rgba
(
51
,
68
,
67
,
0.90
);
z-index
:
2
;
cursor
:
pointer
;
color
:
aliceblue
;
}
#overlayText
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
font-size
:
50px
;
color
:
white
;
transform
:
translate
(
-50%
,
-50%
);
-ms-transform
:
translate
(
-50%
,
-50%
);
}
.kenar
{
border
:
double
5px
#ffe268
;
border-color
:
#ffe268
;
box-shadow
:
rgba
(
6
,
24
,
44
,
0.4
)
0px
0px
0px
2px
,
rgba
(
6
,
24
,
44
,
0.65
)
0px
4px
6px
-1px
,
rgba
(
255
,
255
,
255
,
0.08
)
0px
1px
0px
inset
;
font-family
:
"Itim"
;
}
.disKenar
{
font-family
:
"Itim"
;
padding-top
:
15px
;
padding-bottom
:
15px
;
}
.odaCerceve
{
height
:
100%
;
padding-top
:
30%
;
justify-content
:
center
;
align-content
:
center
;
text-align
:
center
;
}
.overlayTitle
{
text-align
:
center
;
font-size
:
25px
;
color
:
#ffe268
;
text-shadow
:
1.5px
1.5px
#a87414
;
margin-bottom
:
10px
;
}
body
{
font-family
:
"
OpenSans"
,
sans-serif
;
font-family
:
"
Itim"
;
font-size
:
1rem
;
min-height
:
100vh
;
background-image
:
linear-gradient
(
to
right
bottom
,
#334443
,
#334443
,
#334443
,
#334443
,
#334443
);
...
...
@@ -200,3 +245,81 @@ body{
:root
{
--backgroundColor
:
rgba
(
246
,
241
,
209
);
--colorShadeA
:
rgb
(
88
,
112
,
85
);
--colorShadeB
:
rgb
(
88
,
112
,
85
);
--colorShadeC
:
rgb
(
187
,
240
,
182
,
94
);
--colorShadeD
:
rgb
(
197
,
252
,
192
,
99
);
--colorShadeE
:
rgb
(
198
,
255
,
193
,
100
);
}
@import
url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700")
;
*
{
box-sizing
:
border-box
;
}
*
::before
,
*
::after
{
box-sizing
:
border-box
;
}
button
{
position
:
relative
;
display
:
inline-block
;
cursor
:
pointer
;
outline
:
none
;
border
:
0
;
vertical-align
:
middle
;
text-decoration
:
none
;
font-size
:
11px
;
color
:
var
(
--colorShadeA
);
font-weight
:
700
;
text-transform
:
uppercase
;
font-family
:
inherit
;
width
:
130px
;
}
button
.big-button
{
padding
:
1em
2em
;
border
:
2px
solid
var
(
--colorShadeA
);
border-radius
:
1em
;
background
:
var
(
--colorShadeE
);
transform-style
:
preserve-3d
;
transition
:
all
175ms
cubic-bezier
(
0
,
0
,
1
,
1
);
}
button
.big-button
::before
{
position
:
absolute
;
content
:
''
;
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
var
(
--colorShadeC
);
border-radius
:
inherit
;
box-shadow
:
0
0
0
2px
var
(
--colorShadeB
),
0
0.75em
0
0
var
(
--colorShadeA
);
transform
:
translate3d
(
0
,
0.75em
,
-1em
);
transition
:
all
175ms
cubic-bezier
(
0
,
0
,
1
,
1
);
}
button
.big-button
:hover
{
background
:
var
(
--colorShadeD
);
transform
:
translate
(
0
,
0.375em
);
}
button
.big-button
:hover::before
{
transform
:
translate3d
(
0
,
0.75em
,
-1em
);
}
button
.big-button
:active
{
transform
:
translate
(
0em
,
0.75em
);
}
button
.big-button
:active::before
{
transform
:
translate3d
(
0
,
0
,
-1em
);
box-shadow
:
0
0
0
2px
var
(
--colorShadeB
),
0
0.25em
0
0
var
(
--colorShadeB
);
}
\ No newline at end of file
pages/gameArea.html
Dosyayı görüntüle @
3bc6402e
...
...
@@ -9,11 +9,33 @@
</head>
<body>
<div
class=
"container-fluid"
>
<div
id=
"overlay"
onclick=
"overlayOff()"
>
<div
class=
"row"
style=
"padding: 50px;"
>
<div
class=
"col align-self-center disKenar"
style=
"height: 400px;"
>
<div
class=
"odaCerceve kenar"
>
<div
class=
"overlayTitle"
>
ODA KUR
</div>
<div
class=
"overlayInput"
><button
class=
"big-button"
style=
"font-size: 11px;"
>
OLUŞTUR
</button></div>
</div>
</div>
<div
class=
"col align-self-center disKenar"
style=
"height: 400px;"
>
<div
class=
"odaCerceve kenar"
>
<div
class=
"overlayTitle"
>
ODAYA KATIL
</div>
<div
class=
"overlayInput"
>
<div
class=
"row"
>
<div
class=
"col-7 align-self-center"
><input
class=
"form-control"
type=
"text"
placeholder=
"Oda Numarası"
style=
"margin-left: 10px;margin-top: 5px;"
></div>
<div
class=
"col-5"
><button
class=
"big-button"
style=
"font-size: 11px;margin-right: 10px;"
>
GİR
</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"row"
style=
"margin: 0;"
>
<div
class=
"col-4"
><div
class=
"geriButonu"
><a
href=
"turnBackMain.html"
><img
width=
"60"
height=
"60"
src=
"../assets/image/geri.png"
alt=
"geri"
></a></div></div>
<div
class=
"col-4"
><div
class=
"bos"
></div></div>
<div
class=
"col-4"
><div
class=
"bos"
><
button
class=
"btn-primary"
onclick=
"overlay()"
>
overlay
</button><
/div></div>
<div
class=
"col-4 text-right"
id=
"user1"
>
<div
id=
"user2card"
>
<b>
Oyuncu 2
</b>
...
...
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