Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
AhmadAlsaadi
GitHub Repository: AhmadAlsaadi/Arabic-python-notebook
 Path: blob/master/site/css/main.css
675 views
1
@import url('https://www.fontstatic.com/f=yassin,amiri-quran,basim-marah,b-compset');

2
@font-face {

3
    font-family: Arslan;

4
    src: url(../../Arslan.ttf);

5
  }

6


7
body{

8
    background-color: lightgrey;

9
    margin:20px auto auto;

10
    direction:rtl;

11
    font-family:"amiri-quran";

12
    font-size:20px;

13
}

14


15
h1{

16
    font-size: 40px;

17
    text-align: center;

18
    font-family: "Arslan";

19
    margin-top:50px;

20
}

21
h2{

22
    font-size: 30px;

23
    font-family: "Arslan";

24
    margin:40px 40px 10px 10px;

25


26
}

27
h3{

28
    font-size: 25px;

29
    font-family: "Arslan";

30
    margin:30px 50px 10px 10px;

31


32
}

33
a.text{

34
    margin:30px 50px 10px 10px;

35
}

36
img.coverpage{

37
    width:100%;

38
    height:auto;

39
}

40
img.author{

41
    width:100%;

42
    height:auto;

43
    margin-bottom: 30px;

44
}

45
img.text {

46
    display:block;

47
    margin:20px auto 20px auto;

48
    width:80%;

49
}

50
.container{

51
    display:grid;

52
    grid-template-columns:  300px minmax(500px,1024px);

53
    grid-gap:0px;

54
    background:whitesmoke;

55
}

56
@media(max-width:800px){

57
    .container{

58
        grid-template-columns: 1fr;

59
    }

60
}

61
.content_table{

62
    background-color: rgb(175, 186, 197);

63
    margin:0px;

64
}

65
p{

66
    margin:10px 40px 10px 40px;

67
    text-align: justify;

68
    font-size: 20px;

69
}

70
ol.text{

71
    margin:10px 40px 10px 40px;

72
    text-align: justify;

73
    font-size: 20px;

74
}

75
.my-repl{

76
    direction:ltr;

77
    margin:20px 40px 0px 40px;

78
}

79


80
.py-repl-editor{

81
    display:grid;

82
    grid-template-columns: auto 1px 40px;

83
    background-color:rgba(10, 6, 247, 0.007)

84
}

85
button{

86
    height: 30px;

87
    margin:auto;

88
}

89
.ͼ1 .cm-scroller{

90
    overflow: hidden;

91
}

92
.footer{

93
    margin: 100px;

94
}

95
table {

96
    background-color: rgba(150, 212, 212, 0.4);

97
}

98
tr:nth-child(even) {

99
    background-color: rgba(150, 212, 212, 0.4);

100
}

101


102