Hackerspace Istanbul'un web sitesi
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

829 lines
16 KiB

html{
font-size:12px
}
*{
box-sizing:border-box;
text-rendering:geometricPrecision
}
body{
font-size:1rem;
line-height:1.5rem;
margin:0;
font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
word-wrap:break-word
}
h1,h2,h3,h4,h5,h6{
line-height:1.3em
}
fieldset{
border:none;
padding:0;
margin:0
}
pre{
padding:2rem;
margin:1.75rem 0;
background-color:#fff;
border:1px solid #ccc;
overflow:auto
}
code[class*=language-],pre[class*=language-],pre code{
font-weight:100;
text-shadow:none;
margin:1.75rem 0
}
a{
cursor:pointer;
color:#ff2e88;
text-decoration:none;
border-bottom:1px solid #ff2e88
}
a:hover{
background-color:#ff2e88;
color:#fff
}
.grid{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.grid.\-top{
-ms-flex-align:start;
-ms-grid-row-align:flex-start;
align-items:flex-start
}
.grid.\-middle{
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center
}
.grid.\-bottom{
-ms-flex-align:end;
-ms-grid-row-align:flex-end;
align-items:flex-end
}
.grid.\-stretch{
-ms-flex-align:stretch;
-ms-grid-row-align:stretch;
align-items:stretch
}
.grid.\-baseline{
-ms-flex-align:baseline;
-ms-grid-row-align:baseline;
align-items:baseline
}
.grid.\-left{
-ms-flex-pack:start;
justify-content:flex-start
}
.grid.\-center{
-ms-flex-pack:center;
justify-content:center
}
.grid.\-right{
-ms-flex-pack:end;
justify-content:flex-end
}
.grid.\-between{
-ms-flex-pack:justify;
justify-content:space-between
}
.grid.\-around{
-ms-flex-pack:distribute;
justify-content:space-around
}
.cell{
-ms-flex:1;
flex:1;
box-sizing:border-box
}
@media screen and (min-width:768px){
.cell.\-1of12{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%
}
.cell.\-2of12{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%
}
.cell.\-3of12{
-ms-flex:0 0 25%;
flex:0 0 25%
}
.cell.\-4of12{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%
}
.cell.\-5of12{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%
}
.cell.\-6of12{
-ms-flex:0 0 50%;
flex:0 0 50%
}
.cell.\-7of12{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%
}
.cell.\-8of12{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%
}
.cell.\-9of12{
-ms-flex:0 0 75%;
flex:0 0 75%
}
.cell.\-10of12{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%
}
.cell.\-11of12{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%
}
}
@media screen and (max-width:768px){
.grid{
-ms-flex-direction:column;
flex-direction:column
}
.cell{
-ms-flex:0 0 auto;
flex:0 0 auto
}
}
.hack,.hack blockquote,.hack code,.hack em,.hack h1,.hack h2,.hack h3,.hack h4,.hack h5,.hack h6,.hack strong{
font-size:1rem;
font-style:normal;
font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif
}
.hack blockquote,.hack code,.hack em,.hack strong{
line-height:20px
}
.hack blockquote,.hack code,.hack footer,.hack h1,.hack h2,.hack h3,.hack h4,.hack h5,.hack h6,.hack header,.hack li,.hack ol,.hack p,.hack section,.hack ul{
float:none;
margin:0;
padding:0
}
.hack blockquote,.hack h1,.hack ol,.hack p,.hack ul{
margin-top:20px;
margin-bottom:20px
}
.hack h1{
position:relative;
display:inline-block;
display:table-cell;
padding:20px 0 30px;
margin:0;
overflow:hidden
}
.hack h1:after{
content:"====================================================================================================";
position:absolute;
bottom:10px;
left:0
}
.hack h1+*{
margin-top:0
}
.hack h2,.hack h3,.hack h4,.hack h5,.hack h6{
position:relative;
margin-bottom:1.75rem
}
.hack h2:before,.hack h3:before,.hack h4:before,.hack h5:before,.hack h6:before{
display:inline
}
.hack h2:before{
content:"## "
}
.hack h3:before{
content:"### "
}
.hack h4:before{
content:"#### "
}
.hack h5:before{
content:"##### "
}
.hack h6:before{
content:"###### "
}
.hack li{
position:relative;
display:block;
padding-left:20px
}
.hack li:after{
position:absolute;
top:0;
left:0
}
.hack ul>li:after{
content:"-"
}
.hack ol{
counter-reset:a
}
.hack ol>li:after{
content:counter(a) ".";
counter-increment:a
}
.hack blockquote{
position:relative;
padding-left:17px;
padding-left:2ch;
overflow:hidden
}
.hack blockquote:after{
content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
white-space:pre;
position:absolute;
top:0;
left:0;
line-height:20px
}
.hack em:after,.hack em:before{
content:"*";
display:inline
}
.hack pre code:after,.hack pre code:before{
content:''
}
.hack code{
font-weight:700
}
.hack code:after,.hack code:before{
content:"`";
display:inline
}
.hack hr{
position:relative;
height:20px;
overflow:hidden;
border:0;
margin:20px 0
}
.hack hr:after{
content:"----------------------------------------------------------------------------------------------------";
position:absolute;
top:0;
left:0;
line-height:20px;
width:100%;
word-wrap:break-word
}
@-moz-document url-prefix(){
.hack h1{
display:block
}
}
.hack-ones ol>li:after{
content:"1."
}
p{
margin:0 0 1.75rem
}
.container{
max-width:70rem
}
.container,.container-fluid{
margin:0 auto;
padding:0 1rem
}
.inner{
padding:1rem
}
.inner2x{
padding:2rem
}
.pull-left{
float:left
}
.pull-right{
float:right
}
.progress-bar{
height:8px;
opacity:.8;
background-color:#ccc;
margin-top:12px
}
.progress-bar.progress-bar-show-percent{
margin-top:38px
}
.progress-bar-filled{
background-color:gray;
height:100%;
transition:width .3s ease;
position:relative;
width:0
}
.progress-bar-filled:before{
content:'';
border:6px solid transparent;
border-top-color:gray;
position:absolute;
top:-12px;
right:-6px
}
.progress-bar-filled:after{
color:gray;
content:attr(data-filled);
display:block;
font-size:12px;
white-space:nowrap;
position:absolute;
border:6px solid transparent;
top:-38px;
right:0;
-ms-transform:translateX(50%);
transform:translateX(50%)
}
table{
width:100%;
border-collapse:collapse;
margin:1.75rem 0;
color:#778087
}
table td,table th{
vertical-align:top;
border:1px solid #ccc;
line-height:15px;
padding:10px
}
table thead th{
font-size:10px
}
table tbody td:first-child{
font-weight:700;
color:#333
}
.form{
width:30rem
}
.form-group{
margin-bottom:1.75rem;
overflow:auto
}
.form-group label{
border-bottom:2px solid #ccc;
color:#333;
width:10rem;
display:inline-block;
height:38px;
line-height:38px;
padding:0;
float:left;
position:relative
}
.form-group.form-success label{
color:#4caf50!important;
border-color:#4caf50!important
}
.form-group.form-warning label{
color:#ff9800!important;
border-color:#ff9800!important
}
.form-group.form-error label{
color:#f44336!important;
border-color:#f44336!important
}
.form-control{
outline:none;
border:none;
border-bottom:2px solid #ccc;
padding:.5rem 0;
width:20rem;
height:38px;
background-color:transparent
}
.form-control:focus{
border-color:#555
}
.form-group.form-textarea label:after{
position:absolute;
content:'';
width:2px;
background-color:#fff;
right:-2px;
top:0;
bottom:0
}
textarea.form-control{
height:auto;
resize:none;
padding:1rem 0;
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
padding:.5rem
}
select.form-control{
border-radius:0;
background-color:transparent;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none
}
.help-block{
color:#999;
margin-top:.5rem
}
.form-actions{
margin-bottom:1.75rem
}
.btn{
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer;
outline:none;
padding:.65rem 2rem;
font-size:1rem;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
z-index:1
}
.btn:active{
box-shadow:inset 0 1px 3px rgba(0,0,0,.12)
}
.btn.btn-ghost{
border-color:#757575;
color:#757575;
background-color:transparent
}
.btn.btn-ghost:focus,.btn.btn-ghost:hover{
border-color:#424242;
color:#424242;
z-index:2
}
.btn.btn-ghost:hover{
background-color:transparent
}
.btn-block{
width:100%;
display:-ms-flexbox;
display:flex
}
.btn-default{
color:#fff;
background-color:#e0e0e0;
border:1px solid #e0e0e0;
color:#333
}
.btn-default:focus:not(.btn-ghost),.btn-default:hover{
background-color:#dcdcdc;
border-color:#dcdcdc
}
.btn-success{
color:#fff;
background-color:#4caf50;
border:1px solid #4caf50
}
.btn-success:focus:not(.btn-ghost),.btn-success:hover{
background-color:#43a047;
border-color:#43a047
}
.btn-success.btn-ghost{
border-color:#4caf50;
color:#4caf50
}
.btn-success.btn-ghost:focus,.btn-success.btn-ghost:hover{
border-color:#388e3c;
color:#388e3c;
z-index:2
}
.btn-error{
color:#fff;
background-color:#f44336;
border:1px solid #f44336
}
.btn-error:focus:not(.btn-ghost),.btn-error:hover{
background-color:#e53935;
border-color:#e53935
}
.btn-error.btn-ghost{
border-color:#f44336;
color:#f44336
}
.btn-error.btn-ghost:focus,.btn-error.btn-ghost:hover{
border-color:#d32f2f;
color:#d32f2f;
z-index:2
}
.btn-warning{
color:#fff;
background-color:#ff9800;
border:1px solid #ff9800
}
.btn-warning:focus:not(.btn-ghost),.btn-warning:hover{
background-color:#fb8c00;
border-color:#fb8c00
}
.btn-warning.btn-ghost{
border-color:#ff9800;
color:#ff9800
}
.btn-warning.btn-ghost:focus,.btn-warning.btn-ghost:hover{
border-color:#f57c00;
color:#f57c00;
z-index:2
}
.btn-info{
color:#fff;
background-color:#00bcd4;
border:1px solid #00bcd4
}
.btn-info:focus:not(.btn-ghost),.btn-info:hover{
background-color:#00acc1;
border-color:#00acc1
}
.btn-info.btn-ghost{
border-color:#00bcd4;
color:#00bcd4
}
.btn-info.btn-ghost:focus,.btn-info.btn-ghost:hover{
border-color:#0097a7;
color:#0097a7;
z-index:2
}
.btn-primary{
color:#fff;
background-color:#2196f3;
border:1px solid #2196f3
}
.btn-primary:focus:not(.btn-ghost),.btn-primary:hover{
background-color:#1e88e5;
border-color:#1e88e5
}
.btn-primary.btn-ghost{
border-color:#2196f3;
color:#2196f3
}
.btn-primary.btn-ghost:focus,.btn-primary.btn-ghost:hover{
border-color:#1976d2;
color:#1976d2;
z-index:2
}
.btn-group{
overflow:auto
}
.btn-group .btn{
float:left
}
.btn-group .btn-ghost:not(:first-child){
margin-left:-1px
}
.card{
border:1px solid #ccc
}
.card .card-header{
color:#333;
text-align:center;
background-color:#ddd;
padding:.5rem 0
}
.alert{
color:#ccc;
padding:1rem;
border:1px solid #ccc;
margin-bottom:1.75rem
}
.alert-success{
color:#4caf50;
border-color:#4caf50
}
.alert-error{
color:#f44336;
border-color:#f44336
}
.alert-info{
color:#00bcd4;
border-color:#00bcd4
}
.alert-warning{
color:#ff9800;
border-color:#ff9800
}
.media:not(:last-child){
margin-bottom:1.25rem
}
.media-left{
padding-right:1rem
}
.media-left,.media-right{
display:table-cell;
vertical-align:top
}
.media-right{
padding-left:1rem
}
.media-body{
display:table-cell;
vertical-align:top
}
.media-heading{
font-size:1.16667rem;
font-weight:700
}
.media-content{
margin-top:.3rem
}
.avatarholder,.placeholder{
background-color:#f0f0f0;
text-align:center;
color:#b9b9b9;
font-size:1rem;
border:1px solid #f0f0f0
}
.avatarholder{
width:48px;
height:48px;
line-height:46px;
font-size:2rem;
background-size:cover;
background-position:50%;
background-repeat:no-repeat
}
.avatarholder.rounded{
border-radius:33px
}
.loading{
display:inline-block;
content:' 
';
height:20px;
width:20px;
margin:0 .5rem;
animation:a .6s infinite linear;
border:2px solid #e91e63;
border-right-color:transparent;
border-radius:50%
}
.btn .loading{
margin-bottom:0;
width:14px;
height:14px
}
.btn div.loading{
float:left
}
.alert .loading{
margin-bottom:-5px
}
@keyframes a{
0%{
transform:rotate(0deg)
}
to{
transform:rotate(1turn)
}
}
.menu{
width:100%
}
.menu .menu-item{
display:block;
color:#616161;
border-color:#616161
}
.menu .menu-item.active,.menu .menu-item:hover{
color:#000;
border-color:#000;
background-color:transparent
}
@media screen and (max-width:768px){
.form-group label{
display:block;
border-bottom:none;
width:100%
}
.form-group.form-textarea label:after{
display:none
}
.form-control{
width:100%
}
textarea.form-control{
border-left:none;
padding:.5rem 0
}
pre::-webkit-scrollbar{
height:3px
}
}
@media screen and (max-width:480px){
.form{
width:100%
}
}
.dark{
color:#ccc
}
.dark,.dark pre{
background-color:#000
}
.dark pre{
padding:0;
border:none
}
.dark pre code{
color:#00bcd4
}
.dark h1 a,.dark h2 a,.dark h3 a,.dark h4 a,.dark h5 a{
color:#000
}
.dark code,.dark strong{
color:#fff
}
.dark code{
font-weight:100
}
.dark table{
color:#ccc
}
.dark table td,.dark table th{
border-color:#444
}
.dark table tbody td:first-child{
color:#fff
}
.dark .form-group label{
color:#ccc;
border-color:rgba(95,95,95,.78)
}
.dark .form-group.form-textarea label:after{
background-color:#000
}
.dark .form-control{
color:#ccc;
border-color:rgba(95,95,95,.78)
}
.dark .form-control:focus{
border-color:#ccc;
color:#ccc
}
.dark textarea.form-control{
color:#ccc
}
.dark .card{
border-color:rgba(95,95,95,.78)
}
.dark .card .card-header{
background-color:transparent;
color:#ccc;
border-bottom:1px solid rgba(95,95,95,.78)
}
.dark .btn.btn-ghost.btn-default{
border-color:#ababab;
color:#ababab
}
.dark .btn.btn-ghost.btn-default:focus,.dark .btn.btn-ghost.btn-default:hover{
border-color:#9c9c9c;
color:#9c9c9c;
z-index:1
}
.dark .btn.btn-ghost.btn-default:focus,.dark .btn.btn-ghost.btn-default:hover{
border-color:#e0e0e0;
color:#e0e0e0
}
.dark .btn.btn-ghost.btn-primary:focus,.dark .btn.btn-ghost.btn-primary:hover{
border-color:#64b5f6;
color:#64b5f6
}
.dark .btn.btn-ghost.btn-success:focus,.dark .btn.btn-ghost.btn-success:hover{
border-color:#81c784;
color:#81c784
}
.dark .btn.btn-ghost.btn-info:focus,.dark .btn.btn-ghost.btn-info:hover{
border-color:#4dd0e1;
color:#4dd0e1
}
.dark .btn.btn-ghost.btn-error:focus,.dark .btn.btn-ghost.btn-error:hover{
border-color:#e57373;
color:#e57373
}
.dark .btn.btn-ghost.btn-warning:focus,.dark .btn.btn-ghost.btn-warning:hover{
border-color:#ffb74d;
color:#ffb74d
}
.dark .avatarholder,.dark .placeholder{
background-color:transparent;
border-color:#333
}
.dark .menu .menu-item{
color:#ccc;
border-color:rgba(95,95,95,.78)
}
.dark .menu .menu-item.active,.dark .menu .menu-item:hover{
color:#fff;
border-color:#ccc
}